:root{--bg: #f5f6fb;--surface: #ffffff;--surface-soft: #eef1f9;--text: #1d2130;--muted: #6d7485;--border: #dfe5f3;--primary: #2f63ff;--danger: #d13a3a;--success: #1e8a4a;--shadow: 0 12px 30px rgba(18, 32, 75, .08)}:root[data-theme=dark]{--bg: #0f1118;--surface: #171b25;--surface-soft: #202636;--text: #ebedf3;--muted: #a1a8ba;--border: #2b3347;--primary: #7398ff;--danger: #ff7d7d;--success: #52cb85;--shadow: 0 12px 30px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Avenir Next,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.screen-center{display:grid;min-height:100vh;place-items:center}.login-atmo-layout{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.login-atmo-left{display:none;position:relative;overflow:hidden;background:#0c0e14}.login-atmo-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background:radial-gradient(circle at 20% 30%,rgba(0,209,255,.14),transparent 52%),radial-gradient(circle at 85% 70%,rgba(35,84,193,.16),transparent 42%)}.login-atmo-content{position:relative;z-index:1;min-height:100%;padding:4.2rem 4.5rem;display:grid;align-content:center;gap:2rem}.login-atmo-brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:.01em;color:#a8c8ff}.login-atmo-brand-icon{width:2.2rem;height:2.2rem;border-radius:.65rem;background:linear-gradient(145deg,#a8c8ff,#4d91f0);color:#002956;display:grid;place-items:center;font-size:1rem}.login-atmo-copy h1{margin:0;color:#e1e2ea;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.08}.login-atmo-copy p{color:#b8bfce;line-height:1.65;max-width:34rem}.login-atmo-preview{border-radius:1rem;border:1px solid rgba(193,198,212,.18);background:#1d2025b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 30px 50px #00000073;transform:translateY(.7rem)}.login-atmo-preview-top{height:2rem;display:flex;align-items:center;gap:.35rem;padding:0 .9rem;background:#32353bcc}.login-atmo-preview-top span{width:.55rem;height:.55rem;border-radius:999px;background:#6a7488}.login-atmo-preview img{width:100%;aspect-ratio:16 / 10;object-fit:cover;opacity:.9}.login-atmo-right{background:#111319;display:grid;align-content:center;justify-items:center;padding:2rem 1.25rem;gap:1.5rem}.login-atmo-card{width:min(31rem,100%);padding:2rem 1.4rem;border-radius:1rem;border:1px solid rgba(133,147,153,.2);background:#3036398c;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 20px 45px #0006}.login-atmo-header{text-align:center}.login-atmo-header h2{margin:0;color:#e1e2ea;font-size:2rem}.login-atmo-header p{margin:.4rem 0 0;color:#c1c6d4}.login-atmo-form{margin-top:1.5rem;display:grid;gap:.8rem}.login-atmo-form label{display:grid;gap:.34rem;color:#c1c6d4;font-size:.92rem}.login-atmo-password-label{gap:.5rem}.login-atmo-form input{border:none;background:#0c0e14;color:#e1e2ea;border-radius:.65rem;border:1px solid transparent}.login-atmo-form input:focus{outline:none;border-color:#a8c8ff8c}.login-atmo-password{position:relative}.login-atmo-password input{width:100%;padding-right:5.4rem}.login-atmo-password-head{display:flex;align-items:center;justify-content:space-between}.login-atmo-link{background:transparent;color:#a8c8ff;font-size:.78rem;font-weight:700;padding:0}.login-atmo-link:hover{text-decoration:underline}.login-atmo-password button{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);background:transparent;color:#a8c8ff;font-size:.8rem;padding:.25rem .35rem}.login-atmo-password button svg{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.login-atmo-primary{margin-top:.3rem;border-radius:999px;background:linear-gradient(145deg,#a8c8ff,#4d91f0);color:#002956;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.login-atmo-divider{position:relative;display:flex;justify-content:center;margin:.2rem 0}.login-atmo-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(133,147,153,.26)}.login-atmo-divider span{position:relative;z-index:1;color:#8b919e;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;padding:0 .7rem}.login-atmo-google{border-radius:999px;background:#32353b;color:#a8c8ff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-atmo-google-icon{width:1.2rem;height:1.2rem;border-radius:999px;display:grid;place-items:center;font-size:.83rem;font-weight:800;color:#111319;background:#fff}.login-atmo-bottom-link{margin-top:1rem;display:flex;justify-content:center}.login-atmo-bottom-link p{margin:0;font-size:.92rem;color:#c1c6d4}.login-atmo-bottom-link button{background:transparent;color:#a8c8ff;padding:0;margin-left:.35rem;font-size:.92rem;font-weight:700}.login-atmo-bottom-link button:hover{text-decoration:underline}.login-atmo-footer{width:min(31rem,100%);display:flex;flex-wrap:wrap;gap:.8rem 1rem;justify-content:center;color:#7f8899;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.login-atmo-footer a:hover{color:#a8c8ff}input{border:1px solid var(--border);border-radius:.7rem;padding:.7rem .85rem;background:var(--surface);color:var(--text)}button{border:none;border-radius:.75rem;padding:.75rem .95rem;font-weight:600;cursor:pointer;background:var(--primary);color:#fff}button:disabled{opacity:.7;cursor:default}.helper-text,.success-text,.error-text{margin:0;font-size:.92rem}.success-text{color:var(--success)}.error-text{color:var(--danger)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:800;letter-spacing:.02em}.topbar-actions{display:flex;align-items:center;gap:.7rem;position:relative}.icon-button{background:var(--surface-soft);color:var(--text);width:2.25rem;height:2.25rem;display:grid;place-items:center;padding:0}.avatar-button{width:2.35rem;height:2.35rem;border-radius:999px;padding:0;display:grid;place-items:center;background:var(--primary)}.avatar-button img{width:100%;height:100%;object-fit:cover;border-radius:999px}.avatar-menu{position:absolute;top:2.9rem;right:0;width:17rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow);padding:.9rem;display:grid;gap:.45rem;z-index:20}.avatar-menu-user{border-bottom:1px solid var(--border);padding-bottom:.6rem;display:grid;gap:.2rem}.avatar-menu-user span{color:var(--muted);font-size:.86rem}.theme-toggle-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.25rem}.theme-option{background:var(--surface-soft);color:var(--text);padding:.4rem .35rem;font-size:.8rem}.theme-option.active{background:var(--primary);color:#fff}.avatar-menu a,.avatar-menu .danger-link{background:transparent;color:var(--text);text-align:left;padding:.45rem .2rem;border-radius:.4rem}.avatar-menu a:hover,.avatar-menu .danger-link:hover{background:var(--surface-soft)}.avatar-menu .danger-link{color:var(--danger)}.dashboard-content{padding:1.25rem;display:grid;place-items:center}.card{width:min(980px,100%);background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow);padding:1.3rem}.card h1{margin-top:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.dashboard-grid article{background:var(--surface-soft);border-radius:.8rem;padding:.9rem}.profile-card{display:grid;gap:1.2rem}.profile-form,.mfa-panel{display:grid;gap:.75rem}.profile-form label,.mfa-panel label{display:grid;gap:.35rem}.recovery-code-box{border:1px dashed var(--border);border-radius:.75rem;padding:.8rem}.recovery-code-box ul{margin:0;padding-left:1.15rem;display:grid;gap:.3rem}.legal-page{min-height:100vh;background:#0f1118;padding:2rem 1rem;display:grid;place-items:start center}.legal-card{width:min(860px,100%);background:#171b25;border:1px solid #2b3347;border-radius:1rem;padding:1.5rem;color:#ebedf3;box-shadow:0 12px 30px #0000004d}.legal-card h1{margin:0 0 .4rem}.legal-card h2{margin:1.2rem 0 .4rem;font-size:1.05rem}.legal-card p{margin:0;line-height:1.55;color:#c1c6d4}.legal-updated{margin-bottom:1rem!important;color:#8f98ab!important;font-size:.88rem}.legal-actions{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.75rem 1rem}.legal-actions a{color:#a8c8ff;font-weight:700}.legal-actions a:hover{text-decoration:underline}@media(max-width:920px){.login-atmo-layout{grid-template-columns:1fr}.login-atmo-right{min-height:100vh}}@media(min-width:1024px){.login-atmo-left{display:block}}