:root{font-family:Inter,system-ui,sans-serif;color:#eaf2ff;background:#050b13}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#10243a,#050b13 42%);min-height:100vh}main{max-width:760px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}header b{letter-spacing:.18em}header span{display:block;font-size:9px;color:#71849b;letter-spacing:.14em;margin-top:3px}header i{font-style:normal;font-size:10px;color:#52e3a4;border:1px solid #245a48;border-radius:99px;padding:5px 9px}.hero,.card{background:#0b1624;border:1px solid #182b3e;border-radius:16px;padding:18px;box-shadow:0 18px 50px #0005}.hero small,.card small{color:#71849b;letter-spacing:.12em}.hero h1{font-size:34px;margin:8px 0 0}.hero p{font-size:21px;margin:2px 0 14px;color:#a8c2dd}.chips{display:flex;gap:7px}.chips em{font-style:normal;font-size:11px;background:#102338;border:1px solid #203c57;padding:6px 9px;border-radius:8px}nav{display:flex;gap:8px;margin:14px 0}nav button{flex:1;background:#09131f;color:#7f96ad;border:1px solid #182b3e;padding:11px;border-radius:10px;font-weight:700}nav button.active{color:#eaf2ff;border-color:#3977a8;background:#10243a}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{background:#08121e;border:1px solid #16283a;border-radius:12px;padding:14px}.metric small{display:block}.metric strong{font-size:24px}.card{margin-bottom:10px}.threat{border-left:3px solid #f3b54a;padding-left:10px;color:#e7c98f}@media(min-width:600px){.grid{grid-template-columns:repeat(4,1fr)}}