:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#071018;color:#f4f7fb}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#15314b 0,transparent 38%),#071018}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #ffffff18;position:sticky;top:0;background:#071018e8;backdrop-filter:blur(18px);z-index:3}
.brand{font-weight:850;letter-spacing:.18em;color:#fff;text-decoration:none}.state{font-size:13px;color:#a8b5c4}
.nav{display:flex;gap:8px;overflow:auto;padding:14px 28px;border-bottom:1px solid #ffffff12}
button{appearance:none;border:1px solid #ffffff1f;background:#0d1b28;color:#eef5fb;border-radius:12px;padding:10px 14px;cursor:pointer}
button:hover,button.active{background:#17324a;border-color:#ffffff3a}
main{max-width:1200px;margin:auto;padding:42px 28px 64px}
.hero{padding:54px 0 38px}.eyebrow{letter-spacing:.2em;color:#9bb7d2;font-weight:700;font-size:12px}
h1{font-size:clamp(38px,6vw,74px);line-height:.98;max-width:900px;margin:12px 0 18px}
.hero>p:not(.eyebrow){max-width:720px;color:#b8c6d4;font-size:18px;line-height:1.6}
.actions{display:flex;gap:10px;margin-top:24px}.panel{margin-top:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.card{background:#0d1823;border:1px solid #ffffff16;border-radius:18px;padding:18px;min-height:150px}
.card .type{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7fa6c8}.card h3{margin:10px 0}.card p{color:#9eb0bf;line-height:1.5}
.searchbox{display:flex;gap:8px;margin:12px 0 20px}.searchbox input{flex:1;background:#071018;border:1px solid #ffffff24;color:#fff;border-radius:12px;padding:12px 14px}
.notice{padding:18px;border:1px solid #ffffff18;border-radius:14px;background:#0b1722;color:#b7c7d5}
footer{padding:24px 28px;border-top:1px solid #ffffff12;color:#71869a;font-size:13px}
@media(max-width:700px){.top,.nav,main{padding-left:16px;padding-right:16px}.hero{padding-top:34px}}