@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Inter:wght@500;600;700;800&display=swap');
:root{--bg:#07111f;--panel:#0f1f33;--soft:#172a42;--text:#f8fafc;--muted:#a9b8ca;--cyan:#22d3ee;--orange:#fb923c;--green:#34d399;--red:#fb7185;--line:#29415e}
*{box-sizing:border-box}body{margin:0;font-family:'Be Vietnam Pro','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 0,#15345b 0,#07111f 42%);color:var(--text);min-height:100vh}.wrap{width:100%;max-width:none;margin:0;padding:24px 28px}.topbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{font-weight:900;letter-spacing:.4px}.badge{display:inline-flex;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--cyan);font-size:13px}.hero{padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(15,31,51,.95),rgba(11,23,39,.82));box-shadow:0 20px 60px rgba(0,0,0,.25)}h1{font-size:clamp(30px,5vw,56px);line-height:1.02;margin:10px 0 14px}.lead{color:var(--muted);font-size:18px;max-width:720px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 6;background:rgba(15,31,51,.94);border:1px solid var(--line);border-radius:20px;padding:20px}.card.full{grid-column:1/-1}.mission{min-height:170px;position:relative;overflow:hidden}.mission .num{font-size:12px;color:var(--cyan);font-weight:800}.mission h3{font-size:24px;margin:8px 0}.mission p{color:var(--muted)}.mission .icon{font-size:52px;position:absolute;right:18px;bottom:12px;opacity:.8}form.inline{display:flex;gap:10px;flex-wrap:wrap}.input,select,input[type=number],input[type=text],input[type=password]{width:100%;background:#081525;border:1px solid var(--line);color:#fff;padding:13px 14px;border-radius:12px;font-size:16px}.field{margin:12px 0}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cyan);color:#03202a}.btn.secondary{background:#1a304b;color:#fff;border:1px solid var(--line)}.btn.orange{background:var(--orange);color:#2d1404}.btn.red{background:var(--red);color:#330814}.btn.block{width:100%}.kpi{font-size:40px;font-weight:900}.muted{color:var(--muted)}.score{font-size:60px;font-weight:900;color:var(--green)}.result{padding:18px;border-radius:16px;background:#0a192b;border:1px solid var(--line);margin-top:16px}.leader{width:100%;border-collapse:collapse}.leader th,.leader td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.leader td:last-child,.leader th:last-child{text-align:right}.rank{font-weight:900;color:var(--cyan)}.pill{display:inline-block;padding:6px 9px;border-radius:999px;background:#14304a;color:#dff8ff;font-size:12px}.notice{padding:12px 14px;border:1px solid #35577d;background:#0e2844;border-radius:12px;margin:12px 0}.success{border-color:#276b59;background:#0d352c}.danger{border-color:#78384a;background:#351520}.range-row{display:grid;grid-template-columns:150px 1fr 82px;gap:10px;align-items:center;margin:14px 0}input[type=range]{width:100%}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-grid label{padding:12px;border:1px solid var(--line);border-radius:12px;background:#0b1b2d;cursor:pointer}.footer{margin-top:32px;color:#73879f;font-size:13px;text-align:center}@media(max-width:760px){.wrap{padding:14px}.card{grid-column:1/-1}.hero{padding:20px}.answer-grid{grid-template-columns:1fr}.range-row{grid-template-columns:1fr}.score{font-size:46px}.topbar{align-items:flex-start;flex-direction:column}}