:root{color-scheme:dark;--bg:#07090d;--panel:#11151d;--soft:#1a202b;--text:#f5f7fb;--muted:#a8b0bf;--accent:#e50914;--ok:#4ad295;--danger:#ff6873}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -15%,#4b1017 0,transparent 38rem),var(--bg)}a{color:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:auto;padding:28px 0 70px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:1.15rem}.brand img{width:44px;height:44px;object-fit:contain}.top nav{display:flex;gap:10px;flex-wrap:wrap}.pill,.button,button{border:1px solid #303846;background:var(--soft);color:var(--text);border-radius:12px;padding:11px 16px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button.primary,button.primary{background:var(--accent);border-color:var(--accent)}button:disabled,.button.disabled{opacity:.45;cursor:not-allowed}.hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:64px;padding:80px 0 56px}.eyebrow{color:#ff7d84;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.hero h1,.card h1{font-size:clamp(2.5rem,7vw,5.6rem);line-height:.95;letter-spacing:-.055em;margin:.2em 0}.hero p,.lead{color:var(--muted);font-size:1.12rem;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.qr-card,.card,.feature{background:linear-gradient(145deg,#171c25,#0e1117);border:1px solid #272e3a;border-radius:24px;padding:22px;box-shadow:0 24px 70px #0008}.qr-card canvas,.qr-card img{display:block;width:100%;height:auto;background:#fff;border-radius:14px;padding:12px}.qr-card small{display:block;color:var(--muted);margin-top:12px;text-align:center}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature h2{font-size:1.08rem;margin:.1rem 0 .65rem}.feature p{margin:0;color:var(--muted);line-height:1.55}.meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.92rem;margin-top:18px}.card{width:min(680px,100%);margin:64px auto;padding:clamp(24px,6vw,52px)}.card h1{font-size:clamp(2rem,8vw,4rem)}.status{padding:14px 16px;border-radius:12px;background:#202632;color:var(--muted);margin:20px 0}.status.ok{background:#123426;color:#9af0c7}.status.error{background:#3b1519;color:#ffb0b5}.field{display:grid;gap:8px;margin:18px 0}.field input{width:100%;font:inherit;font-size:1.1rem;color:var(--text);background:#090b10;border:1px solid #343c49;border-radius:12px;padding:14px}.code{font-variant-numeric:tabular-nums;letter-spacing:.15em;text-transform:uppercase}.ad{border:1px solid #313947;border-radius:18px;padding:20px;margin:18px 0;background:#0c0f15}.ad.active{border-color:#ce3740}.ad.done{border-color:#246c4d;opacity:.75}.ad p{color:var(--muted)}.progress{height:8px;background:#262d37;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);transition:width .25s}.devices{display:grid;gap:12px}.device{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#0c0f15;border:1px solid #2a313d;border-radius:16px;padding:18px}.device p{margin:.3rem 0 0;color:var(--muted);font-size:.9rem}.danger{color:#ff9ca2}.fine{color:var(--muted);font-size:.86rem;line-height:1.55;margin-top:30px}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:48px}.qr-card{max-width:280px}.features{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.device{align-items:flex-start;flex-direction:column}}
