:root{--primary:#18a7a1;--primary-hover:#20bdb5;--primary-dark:#128e89;--primary-soft:#18a7a11f;--primary-glow:#18a7a13d;--error:#ff4757;--error-soft:#ff47571f;--error-border:#ff47574d;--success:#2ac7bc;--success-soft:#2ac7bc1f;--success-border:#2ac7bc4d;--bg:#071316;--bg-secondary:#0a1a1d;--surface:#0d2023;--surface-raised:#10272a;--surface-hover:#132d30;--border:#97dcd71f;--border-strong:#97dcd733;--border-focus:#18a7a1b3;--text:#eaf7f5;--text-secondary:#a9c3c0;--text-muted:#718c89;--text-placeholder:#5f7775;--bg-hover:#163638;--shadow-card:0 24px 60px #0000006b, 0 8px 24px #00000047;--shadow-input:0 0 0 3px #18a7a11f;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 0%, #18a7a114, transparent 42%), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.auth-container{background:radial-gradient(circle at 50% 35%,#18a7a10e,#0000 38%),linear-gradient(#071316 0%,#08181b 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#18a7a114 0%,#18a7a106 35%,#0000 70%);width:420px;height:420px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-card{z-index:1;border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-card);background:linear-gradient(145deg,#10272afa,#0a1d20fa);padding:2.5rem 2rem;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#18a7a1a6,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}h2{text-align:center;color:var(--text);letter-spacing:-.02em;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;line-height:1.25}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.auth-form input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);background:linear-gradient(#ffffff06,#0000000a);padding:.78rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s,transform .15s}.auth-form input::placeholder{color:var(--text-placeholder)}.auth-form input:hover{background-color:#ffffff06;border-color:#97dcd74d}.auth-form input:focus{border-color:var(--border-focus);background-color:#18a7a106;outline:none;box-shadow:0 0 0 3px #18a7a11a,0 0 20px #18a7a10f}.auth-form input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--surface) inset, 0 0 0 3px #18a7a114;border-color:var(--border-focus);transition:background-color 5000s ease-in-out}.auth-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--surface) inset, 0 0 0 3px #18a7a114;border-color:var(--border-focus);transition:background-color 5000s ease-in-out}.auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--surface) inset, 0 0 0 3px #18a7a114;border-color:var(--border-focus);transition:background-color 5000s ease-in-out}.auth-form>button[type=submit]{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ffffff14;width:100%;margin-top:.5rem;padding:.8rem;font-size:1rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .1s,filter .2s;box-shadow:0 8px 18px #18a7a12e}.auth-form>button[type=submit]:hover{background:linear-gradient(135deg, var(--primary-hover), var(--primary));filter:brightness(1.04);box-shadow:0 10px 24px #18a7a140}.auth-form>button[type=submit]:active{transform:scale(.985);box-shadow:0 4px 12px #18a7a12e}.auth-form>button[type=submit]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.password-wrapper{width:100%;position:relative}.password-wrapper input{padding-right:2.75rem}.password-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s,transform .15s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary-hover)}.password-toggle:active{transform:translateY(-50%)scale(.92)}.form-alert,#auth-status,.auth-feedback{border-radius:var(--radius-md);text-align:center;border:1px solid #0000;margin-top:1rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500}.success{color:#7de4dc;border-color:var(--success-border);background:linear-gradient(135deg,#2ac7bc21,#2ac7bc0f);box-shadow:inset 0 1px #ffffff06}.error{color:#ff9aa4;border-color:var(--error-border);background:linear-gradient(135deg,#ff475721,#ff47570f);box-shadow:inset 0 1px #ffffff06}.auth-switch{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.9rem}.auth-switch a{color:var(--primary-hover);font-weight:600;text-decoration:none;transition:color .2s,text-shadow .2s}.auth-switch a:hover{color:#5dded7;text-shadow:0 0 12px #18a7a140;text-decoration:underline}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none}::selection{color:#fff;background:#18a7a14d}@media (width<=480px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.25rem}h2{font-size:1.35rem}.auth-form{gap:1.1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}