.login-page { min-height:100vh; display:grid; place-items:center; padding:24px; position:relative; overflow:hidden; }
.login-page::before, .login-page::after { content:""; position:absolute; width:380px; height:380px; border-radius:50%; filter:blur(60px); opacity:.16; pointer-events:none; }
.login-page::before { background:var(--primary); top:-160px; left:-120px; }
.login-page::after { background:var(--accent); right:-120px; bottom:-170px; }
.login-wrap { width:min(1030px,100%); display:grid; grid-template-columns:1.04fr .96fr; background:var(--surface); border:1px solid var(--border); border-radius:28px; overflow:hidden; box-shadow:0 28px 90px rgba(36,25,71,.16); position:relative; z-index:1; }
.login-brand-panel { min-height:580px; padding:52px; color:#fff; background:linear-gradient(145deg,#137EBD 0%,#149FE3 44%,#6C4DDE 110%); position:relative; overflow:hidden; }
.login-brand-panel::before { content:""; position:absolute; width:420px; height:420px; border:1px solid rgba(255,255,255,.18); border-radius:50%; right:-150px; top:-150px; }
.login-brand-panel::after { content:""; position:absolute; width:260px; height:260px; border:1px solid rgba(255,255,255,.13); border-radius:50%; left:-110px; bottom:-100px; }
.login-logo-lockup { display:flex; align-items:center; gap:14px; position:relative; z-index:1; }
.login-logo-lockup .brand-mark { width:40px; height:46px; }
.login-logo-lockup .brand-outline { stroke:#fff; }
.login-logo-lockup .brand-fill { fill:#fff; }
.login-logo-lockup strong { display:block; font-size:23px; letter-spacing:4px; }
.login-logo-lockup small { display:block; margin-top:1px; font-size:9px; letter-spacing:2px; opacity:.72; }
.login-copy { position:relative; z-index:1; margin-top:110px; max-width:390px; }
.login-copy h1 { margin:0; font-size:44px; line-height:1.02; letter-spacing:-1.4px; }
.login-copy p { margin:18px 0 0; max-width:340px; color:rgba(255,255,255,.78); font-size:12px; }
.login-feature-row { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }
.login-feature { padding:8px 10px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.09); border-radius:999px; font-size:9px; }
.login-form-panel { padding:52px; display:flex; align-items:center; }
.login-form-panel > div { width:100%; max-width:390px; margin:0 auto; }
.login-form-panel h2 { margin:0; font-size:25px; letter-spacing:-.6px; }
.login-form-panel .lead { color:var(--muted); font-size:11px; margin:7px 0 26px; }
.login-form { display:flex; flex-direction:column; gap:14px; }
.login-submit { width:100%; min-height:46px; margin-top:4px; font-size:11px; }
.login-help { margin-top:20px; color:var(--muted-2); font-size:8.5px; line-height:1.6; }
.login-footer { margin-top:16px; display:flex; justify-content:space-between; color:var(--muted-2); font-size:8.5px; }
@media (max-width: 860px) { .login-wrap { grid-template-columns:1fr; } .login-brand-panel { min-height:300px; padding:34px; } .login-copy { margin-top:48px; } .login-copy h1 { font-size:34px; } .login-form-panel { padding:34px; } }
@media (max-width: 520px) { .login-page { padding:14px; } .login-brand-panel, .login-form-panel { padding:26px; } .login-brand-panel { min-height:270px; } }