:root{color-scheme:dark;--bg:#061326;--card:#102743;--line:#34506d;--gold:#e7bc65;--text:#edf4fd;--muted:#b8c9dc}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;font-size:27px;font-weight:900}.brand span,.eyebrow{color:var(--gold)}.badge{font-size:12px;letter-spacing:1px;border:1px solid var(--gold);padding:6px 12px;border-radius:30px}.intro{padding:35px 0 15px;max-width:800px}h1{font-size:clamp(32px,5vw,54px);line-height:1.12;margin:16px 0}h2{font-size:27px}h3{margin-top:0}.notice{border-left:3px solid var(--gold);padding:12px 18px;background:var(--card)}nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}button{font:inherit;color:var(--text);background:#163958;border:1px solid #6789ad;border-radius:8px;padding:10px 15px;cursor:pointer}button:hover{background:#244e72}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button[aria-pressed=true]{background:var(--gold);color:#071529;border-color:var(--gold)}button:disabled{opacity:.5;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.metrics article,.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.metrics strong,.metrics span{display:block}.metrics strong{font-size:36px;color:var(--gold)}.columns{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.card{margin-bottom:20px}.product{padding:18px 0;border-top:1px solid var(--line)}.product h4{margin:0}.product p{margin:5px 0 10px}.controls{display:flex;gap:8px;flex-wrap:wrap}.alert{color:#ffda86}.task{display:flex;gap:12px;padding:17px 0;border-top:1px solid var(--line)}.task input{width:20px;height:20px;flex-shrink:0;accent-color:var(--gold)}.muted,footer{color:var(--muted);font-size:14px}.steps li{padding:12px 0}#feedback{min-height:2em;color:var(--gold)}footer{border-top:1px solid var(--line);margin-top:30px}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.metrics,.columns{grid-template-columns:1fr}.metrics article{display:flex;align-items:center;gap:20px}main,header,footer{padding:20px}.badge{font-size:10px}}