:root{color-scheme:dark;--ink:#f7f7f2;--muted:#a7abb1;--panel:#17191d;--line:#30343b;--accent:#34c3d6;--danger:#ff7d72}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,Arial,sans-serif;background:#0d0f12;color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.login-shell{position:relative;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,500px);align-items:center;gap:clamp(36px,8vw,140px);min-height:100vh;padding:clamp(24px,5vw,80px);max-width:1320px;margin:auto}.login-brand{align-self:start;display:flex;align-items:center;gap:18px}.login-brand strong{display:block;font-size:clamp(30px,4vw,54px);letter-spacing:0}.login-brand small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.8px;margin-top:6px}.brand-mark{width:72px;height:72px;border:1px solid #434851;border-radius:8px;background:#f4f4ef;color:#16181b;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;box-shadow:12px 12px 0 #22262b}.brand-mark i{display:block;width:3px;height:40px;background:#16181b;margin:0 3px}.login-card{border:1px solid var(--line);border-radius:8px;background:rgba(23,25,29,.96);padding:clamp(28px,5vw,52px);box-shadow:0 28px 90px rgba(0,0,0,.38)}.login-heading span{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:1.2px}.login-heading h1{font-size:clamp(28px,5vw,44px);line-height:1.05;margin:10px 0 14px;letter-spacing:0}.login-heading p{color:var(--muted);line-height:1.55;margin:0 0 32px}form{display:grid;gap:10px}label{color:#d8d9dc;font-size:12px;font-weight:800;text-transform:uppercase}input{width:100%;height:52px;border:1px solid #3b4048;border-radius:6px;background:#0e1013;color:var(--ink);padding:0 15px;font:inherit;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(52,195,214,.13)}.password-field{position:relative}.password-field input{padding-right:92px}.password-field button{position:absolute;right:7px;top:7px;height:38px;border:0;border-left:1px solid #343840;background:transparent;color:#c8cbd0;padding:0 12px;cursor:pointer}.login-error{min-height:21px;margin:4px 0;color:var(--danger);font-size:13px}.login-submit{height:54px;border:0;border-radius:6px;background:var(--ink);color:#121417;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer}.login-submit:hover{background:var(--accent)}.login-submit:disabled{opacity:.55;cursor:wait}.login-submit i{font-size:24px;font-style:normal}footer{border-top:1px solid var(--line);margin-top:34px;padding-top:18px;color:#747981;font-size:12px}@media(max-width:760px){.login-shell{grid-template-columns:1fr;align-content:center;gap:52px;padding:24px}.login-brand{align-self:auto}.brand-mark{width:58px;height:58px;font-size:22px;box-shadow:8px 8px 0 #22262b}.brand-mark i{height:32px}.login-brand strong{font-size:32px}.login-card{padding:28px 22px}}