.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 30%),linear-gradient(135deg,#0b0f1a,#111827);padding:20px;position:relative;overflow:hidden}.auth-background{position:absolute;inset:0;pointer-events:none;z-index:0}.floating-shape{position:absolute;border-radius:50%;opacity:.06;animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;background:var(--nj-orange, #F97316);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:200px;height:200px;background:var(--nj-blue, #38BDF8);bottom:-50px;right:-50px;animation-delay:5s}.shape-3{width:150px;height:150px;background:var(--nj-orange, #F97316);top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.auth-card{background:#1a2235cc;border-radius:24px;box-shadow:0 24px 70px #0006;border:1px solid #252E42;padding:40px;max-width:450px;width:100%;position:relative;z-index:1;animation:slideUp .5s ease-out;backdrop-filter:blur(20px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:1.5rem;margin:0 0 8px;font-family:var(--font-mono, "JetBrains Mono", monospace);color:#f8fafc;font-weight:600;letter-spacing:-.5px}.auth-header h2{font-size:1.8rem;margin:0 0 10px;color:#f8fafc;font-weight:800;letter-spacing:-1px}.auth-header p{color:#4a5568;margin:0;font-size:1rem}.success-icon{font-size:4rem;margin-bottom:20px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message{font-size:1.1rem;color:#f8fafc;margin:20px 0;line-height:1.6}.success-submessage{font-size:.95rem;color:#4a5568;margin:15px 0;line-height:1.5}.verification-box{background:#f9731614;border:1px solid rgba(249,115,22,.25);border-radius:12px;padding:20px;margin:20px 0;text-align:center}.verification-box .verification-icon{font-size:2.5rem;margin-bottom:10px}.verification-box h3{color:#f8fafc;margin:0 0 10px;font-size:1.1rem}.verification-box .success-submessage{color:#94a3b8;font-size:.9rem;margin:0;line-height:1.5}.preview-note{font-size:.8rem;color:#f97316;margin-top:12px;padding:8px;background:#0003;border-radius:6px;word-break:break-all}.preview-note a{color:#fb923c;text-decoration:underline}.verification-required-box{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:12px;padding:20px;text-align:center;margin-bottom:10px;animation:fadeIn .5s ease-out}.verification-required-box .verification-icon{font-size:2rem;margin-bottom:8px}.verification-required-box strong{display:block;color:#fbbf24;font-size:1rem;margin-bottom:8px}.verification-required-box p{color:#94a3b8;font-size:.85rem;line-height:1.5;margin:0 0 12px}.verification-required-box p strong{display:inline;font-size:.85rem}.resend-btn{background:transparent;border:1px solid #F97316;color:#f97316;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-heading, "Space Grotesk", sans-serif)}.resend-btn:hover:not(:disabled){background:#f973161a;transform:translateY(-1px)}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#cbd5e1;font-size:.95rem;font-family:var(--font-heading, "Space Grotesk", sans-serif)}.label-icon{font-size:1.1rem}.form-group input{padding:12px 16px;border:1px solid #252E42;border-radius:10px;font-size:1rem;transition:all .3s ease;outline:none;background:#1a2235;color:#f8fafc;font-family:var(--font-heading, "Space Grotesk", sans-serif)}.form-group input::placeholder{color:#4a5568}.form-group input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.form-group input:disabled{background-color:#0d1320;cursor:not-allowed;opacity:.6}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:10px;font-size:.9rem;display:flex;align-items:center;gap:8px}.auth-error:before{content:"";display:none}.auth-success{background:#34d3991a;border:1px solid rgba(52,211,153,.3);color:#34d399;padding:12px 16px;border-radius:10px;font-size:.9rem;display:flex;align-items:center;gap:8px}.auth-success:before{content:"";display:none}.auth-button{padding:14px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:var(--font-heading, "Space Grotesk", sans-serif);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-button.primary{background:#f97316;color:#fff;box-shadow:0 10px 30px #f973164d}.auth-button.primary:hover:not(:disabled){background:#ea580c;transform:translateY(-2px);box-shadow:0 14px 32px #f9731659}.auth-button.primary:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.forgot-password-link{background:none;border:none;color:#38bdf8;font-size:.9rem;cursor:pointer;text-align:right;padding:0;margin-top:-10px;transition:color .3s ease}.forgot-password-link:hover:not(:disabled){color:#7dd3fc;text-decoration:underline}.auth-footer{margin-top:20px;text-align:center;padding-top:20px;border-top:1px solid #252E42}.auth-footer p{color:#4a5568;margin:0}.switch-auth-link{background:none;border:none;color:#f97316;font-weight:600;cursor:pointer;transition:color .3s ease;padding:0;font-family:var(--font-heading, "Space Grotesk", sans-serif)}.switch-auth-link:hover:not(:disabled){color:#fb923c;text-decoration:underline}.db-offline-warning{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.warning-icon{font-size:1.5rem}.warning-content strong{display:block;color:#fbbf24;font-size:.95rem;margin-bottom:4px}.warning-content p{color:#d97706;font-size:.85rem;margin:0;line-height:1.4}.auth-button.secondary.demo-btn{background:transparent;border:1px solid #252E42;color:#cbd5e1;margin-top:8px}.auth-button.secondary.demo-btn:hover:not(:disabled){background:#f9731614;border-color:#f97316;color:#f97316;transform:translateY(-2px)}@media(max-width:500px){.auth-card{padding:30px 20px}.auth-header h1{font-size:1.3rem}.auth-header h2{font-size:1.4rem}}