:root{--bg:#07111f;--panel:#0b192a;--line:#20344e;--text:#eaf2fc;--muted:#879cb6;--brand:#38bdf8}*{box-sizing:border-box}html,body,main{margin:0;min-height:100%;font-family:Manrope,sans-serif;background:var(--bg);color:var(--text)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw;background:radial-gradient(circle at 38% 40%,rgba(14,165,233,.22),transparent 38%),linear-gradient(145deg,#07111f,#0c2139)}.visual-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(56,189,248,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.4) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent)}.visual-content{position:relative;max-width:600px}.visual-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 15px 45px rgba(14,165,233,.3);margin-bottom:45px}.visual-icon svg{width:31px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--brand);font-weight:800}.visual-content h1{font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.055em;margin:13px 0 24px}.visual-content h1 em{font-style:normal;color:var(--brand)}.visual-content>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7;max-width:490px}.features{display:flex;flex-wrap:wrap;gap:11px;margin-top:45px}.features span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);background:rgba(11,25,42,.6);border-radius:9px;color:#a9bcd2;font-size:11px}.features svg{width:15px;color:var(--brand)}.login-panel{display:grid;place-items:center;padding:45px;background:linear-gradient(145deg,#0b192a,#07111f)}.login-card{width:min(390px,100%)}.mobile-brand{display:none}.login-card h2{font-size:34px;letter-spacing:-.04em;margin:7px 0}.subtitle{color:var(--muted);font-size:13px;margin:0 0 34px}.login-card form{display:grid;gap:20px}.login-card label>span{display:block;color:#a9bcd2;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.input-wrap{position:relative}.input-wrap svg{position:absolute;width:17px;left:14px;top:14px;color:#6e849f}.input-wrap input{width:100%;height:46px;border-radius:10px;border:1px solid var(--line);background:#071522;color:var(--text);padding:0 14px 0 43px;outline:none;font:inherit;font-size:13px}.input-wrap input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.12)}.remember{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.remember span{margin:0!important;text-transform:none!important}.remember input{accent-color:#0ea5e9}.login-card button{height:47px;border:0;border-radius:10px;color:white;background:linear-gradient(135deg,#0ea5e9,#2563eb);font:700 13px Manrope;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 12px 30px rgba(14,165,233,.2)}.login-card button:hover{filter:brightness(1.08);transform:translateY(-1px)}.login-card button svg{width:17px}.login-card>small{display:block;text-align:center;color:#536a85;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:35px}.auth-alert{color:#fecaca;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);padding:11px 13px;border-radius:9px;margin-bottom:20px;font-size:12px}
@media(max-width:850px){.login-shell{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;margin-bottom:65px;color:var(--brand)}.mobile-brand svg{width:24px}.login-card h2{font-size:31px}}