/* Палитра TechResQ Hybrid — 05_Brand_Guide/color-tokens.css. */
:root { color-scheme:dark; --brand-ink:#08111C; --bg:#070D15; --panel:#101C2B; --line:#1E2C40;
  --ink:#F7F9FC; --muted:#8291A8; --accent:#08DDD4; --violet:#5147FF; --bad:#FF6B72; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:24px; color:var(--ink);
  font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif; background:radial-gradient(60rem 30rem at 50% -8rem, rgba(81,71,255,.16), transparent 70%), var(--bg); }
.card { width:min(400px,100%); padding:32px; border:1px solid var(--line); border-radius:10px;
  background:var(--panel); box-shadow:0 24px 60px rgba(0,0,0,.35); }
.brand-logo { display:block; width:240px; height:auto; margin:0 0 28px; }
h1 { margin:0 0 8px; font-size:22px; font-weight:600; line-height:1.2; }
form { display:grid; gap:14px; margin-top:18px; }
label { display:grid; gap:7px; font-size:13px; color:var(--muted); }
input { width:100%; padding:11px 13px; border:1px solid var(--line); border-radius:5px; font:inherit;
  color:var(--ink); background:var(--bg); min-height:40px; }
input:focus { border-color:var(--accent); outline:none; }
button { margin-top:6px; padding:11px; border:0; border-radius:5px; color:var(--brand-ink);
  cursor:pointer; font-family:inherit; font-weight:600; font-size:14px; min-height:40px; background:var(--accent); }
button:hover { filter:brightness(1.08); }
:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.error { min-height:20px; margin:0; color:var(--bad); font-size:13px; }
.remember { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:13px; cursor:pointer; }
.remember input { width:16px; height:16px; min-height:0; margin:0; padding:0; accent-color:var(--accent); }
.lead { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.hint { color:var(--muted); font-size:12px; }
.qr-box { display:grid; place-items:center; margin:18px 0 6px; }
.qr { width:246px; height:246px; border-radius:6px; background:#fff; image-rendering:pixelated; }
.key { margin:8px 0 0; font-size:12px; color:var(--muted); }
.key code { font-family:Consolas,"Cascadia Mono",monospace; color:var(--ink); letter-spacing:.5px; }
.aside { margin-top:12px; }
.link { margin:0; padding:0; min-height:0; background:none; border:0; color:var(--muted);
  font:inherit; font-size:13px; text-decoration:underline; cursor:pointer; width:auto; }