.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,rgba(124,58,237,.18),transparent 30%),radial-gradient(circle at 90% 90%,rgba(45,212,191,.08),transparent 28%),var(--bg)}
.login-shell{width:min(1020px,100%);min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.42);background:#0a1626}
.login-brand-panel{padding:42px;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(45,25,86,.85),rgba(7,17,31,.96));border-right:1px solid var(--border)}
.login-brand{justify-content:flex-start}.login-copy{margin:auto 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c4b5fd;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.eyebrow svg{width:16px}.login-copy h2{font-size:42px;line-height:1.06;margin:17px 0 14px;max-width:520px;letter-spacing:-.04em}.login-copy p{color:#a9b5c6;line-height:1.65;max-width:470px}.login-feature{display:flex;gap:13px;align-items:center;padding:16px;border:1px solid #3c2d64;background:rgba(15,23,42,.36);border-radius:15px}.login-feature>svg{color:#a78bfa}.login-feature div{display:grid;gap:3px}.login-feature span{font-size:12px;color:var(--muted)}
.login-card{padding:52px 44px;display:flex;flex-direction:column;justify-content:center}.login-card-head{display:flex;gap:14px;align-items:center;margin-bottom:28px}.login-card-head h1{font-size:27px;margin:0}.login-card-head p{color:var(--muted);font-size:13px;margin:5px 0 0}.login-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#4c1d95,#7c3aed);box-shadow:0 12px 26px rgba(124,58,237,.22)}.login-icon svg{width:21px}.login-form{display:grid;gap:18px}.login-input input{padding-left:42px;padding-right:13px}.login-input svg{right:auto;left:13px}.login-submit{height:48px;margin-top:4px}.login-alert{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:10px;border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.09);color:#fecaca;font-size:13px;margin-bottom:18px}.login-alert svg{width:18px}.login-foot{text-align:center;color:#64748b;font-size:11px;margin:24px 0 0}
@media(max-width:780px){.login-page{padding:16px}.login-shell{grid-template-columns:1fr;min-height:0}.login-brand-panel{padding:28px;border-right:0;border-bottom:1px solid var(--border)}.login-copy{margin:42px 0}.login-copy h2{font-size:31px}.login-card{padding:32px 26px}}