@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");:root{--auth-font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--auth-bg-gradient:radial-gradient(circle at 0% 0%,#111827 0%,#030712 100%);--auth-accent-primary:#6366f1;--auth-accent-primary-hover:#4f46e5;--auth-accent-glow:rgba(99,102,241,0.15);--auth-accent-glow-strong:rgba(99,102,241,0.4);--auth-glass-bg:rgba(17,24,39,0.55);--auth-glass-border:rgba(255,255,255,0.08);--auth-glass-border-focus:rgba(99,102,241,0.4);--auth-text-primary:#f3f4f6;--auth-text-secondary:#9ca3af;--auth-text-muted:#6b7280;--color-google-bg:rgba(255,255,255,0.04);--color-google-border:rgba(255,255,255,0.1);--color-google-text:#f3f4f6;--color-google-hover:rgba(255,255,255,0.08);--color-facebook-bg:#1877f2;--color-facebook-hover:#166fe5;--color-facebook-text:#ffffff;--auth-error-bg:rgba(239,68,68,0.1);--auth-error-border:rgba(239,68,68,0.2);--auth-error-text:#f87171}.auth-page-body{font-family:var(--auth-font);background:var(--auth-bg-gradient);color:var(--auth-text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1.5rem}.auth-ambient-glow-1{top:-10%;left:-10%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(99,102,241,.18) 0,rgba(99,102,241,0) 70%);filter:blur(80px);animation:auth-float-slow 20s infinite alternate}.auth-ambient-glow-1,.auth-ambient-glow-2{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.auth-ambient-glow-2{bottom:-10%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(139,92,246,.15) 0,rgba(139,92,246,0) 70%);filter:blur(100px);animation:auth-float-slow 25s infinite alternate-reverse}@keyframes auth-float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(4%,4%) scale(1.1)}}.auth-card{position:relative;z-index:10;width:100%;max-width:440px;background:var(--auth-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--auth-glass-border);border-radius:24px;padding:2.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3),0 0 40px 0 rgba(99,102,241,.05);animation:auth-card-appear .6s cubic-bezier(.16,1,.3,1)}@keyframes auth-card-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo-container{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2));border:1px solid rgba(99,102,241,.3);border-radius:16px;margin-bottom:1.25rem;color:var(--auth-accent-primary);box-shadow:0 8px 16px -4px rgba(99,102,241,.25)}.auth-logo-svg{width:28px;height:28px;stroke-width:2}.auth-title{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;color:var(--auth-text-primary);margin:0 0 .5rem}.auth-subtitle{font-size:.875rem;color:var(--auth-text-secondary);margin:0}.auth-form{gap:1.25rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:.5rem}.auth-label{font-size:.875rem;font-weight:550;color:var(--auth-text-primary)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:var(--auth-text-secondary);pointer-events:none;width:18px;height:18px;transition:color .2s ease}.auth-input{width:100%;padding:.75rem 2.75rem .75rem 2.6rem;background:rgba(17,24,39,.6);border:1px solid var(--auth-glass-border);border-radius:12px;color:var(--auth-text-primary);font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-input:focus{outline:none;border-color:var(--auth-accent-primary);background:rgba(17,24,39,.8);box-shadow:0 0 0 3px var(--auth-accent-glow),0 4px 12px rgba(0,0,0,.1)}.auth-input:focus+.auth-input-icon{color:var(--auth-accent-primary)}.auth-password-toggle{position:absolute;right:12px;background:none;border:none;padding:4px;color:var(--auth-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease,background-color .2s ease}.auth-password-toggle:hover{color:var(--auth-text-primary);background-color:rgba(255,255,255,.05)}.auth-password-toggle:focus-visible{outline:2px solid var(--auth-accent-primary)}.auth-password-toggle-icon{width:18px;height:18px}.auth-error-alert{display:flex;align-items:flex-start;gap:.75rem;background:var(--auth-error-bg);border:1px solid var(--auth-error-border);border-radius:12px;padding:.75rem 1rem;color:var(--auth-error-text);font-size:.875rem;animation:auth-shake .4s ease-in-out}@keyframes auth-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.auth-error-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.auth-submit-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem;background:linear-gradient(135deg,var(--auth-accent-primary) 0,#7c3aed 100%);border:none;border-radius:12px;color:#ffffff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(99,102,241,.2)}.auth-submit-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px rgba(99,102,241,.3),0 0 0 1px rgba(99,102,241,.5)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.auth-spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;animation:auth-spin .8s linear infinite;margin-right:8px}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--auth-text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;border-bottom:1px solid rgba(255,255,255,.06)}.auth-divider:not(:empty):before{margin-right:.75em}.auth-divider:not(:empty):after{margin-left:.75em}.auth-social-buttons{display:flex;flex-direction:column;gap:.75rem}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem;border-radius:12px;font-size:.9rem;font-weight:550;cursor:pointer;transition:all .2s ease;text-decoration:none}.auth-social-btn.google{background:var(--color-google-bg);border:1px solid var(--color-google-border);color:var(--color-google-text)}.auth-social-btn.google:hover{background:var(--color-google-hover);border-color:rgba(255,255,255,.15)}.auth-social-btn.facebook{background:var(--color-facebook-bg);border:1px solid transparent;color:var(--color-facebook-text)}.auth-social-btn.facebook:hover{background:var(--color-facebook-hover)}.auth-social-icon{width:18px;height:18px}.auth-footer{text-align:center;margin-top:1.75rem;font-size:.875rem;color:var(--auth-text-secondary)}.auth-link{color:var(--auth-accent-primary);text-decoration:none;font-weight:600;transition:color .15s ease;margin-left:4px}.auth-link:hover{color:var(--auth-accent-primary-hover);text-decoration:underline}html{-webkit-text-size-adjust:100%;background:#eef2f7;color:#182230;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;min-height:100%}body{margin:0;min-height:100vh}*,:after,:before{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}