@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");
:root { --bg:#02070b; --surface:#05141d; --line:#238bb5; --soft:rgba(75,180,220,.28); --cyan:#55d8ff; --cream:#f3efcf; --ice:#e8f8fd; --muted:#9bb3bd; --green:#58e68d; font-family:"IBM Plex Mono",monospace; color:var(--ice); background:var(--bg); color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--bg); }
body::before { content:""; position:fixed; inset:0; z-index:-1; background:linear-gradient(rgba(37,151,194,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,151,194,.045) 1px,transparent 1px); background-size:24px 24px; }
a { color:var(--cyan); }
.site-nav { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 28px; border-bottom:1px solid var(--line); background:rgba(1,9,14,.97); }
.nav-brand { color:var(--ice); font-family:"Barlow Condensed",sans-serif; font-size:22px; font-weight:700; text-decoration:none; text-transform:uppercase; }
.nav-brand::before { content:"> "; color:var(--cyan); }
.nav-links { display:flex; flex-wrap:wrap; gap:8px; }
.nav-links a { padding:9px 11px; color:var(--muted); font-size:11px; font-weight:600; text-decoration:none; text-transform:uppercase; }
.nav-links a[aria-current="page"],.nav-links a:hover { color:var(--ice); border-bottom:1px solid var(--cyan); }
.page { width:min(1180px,calc(100% - 40px)); margin:24px auto 70px; }
.hero,.content-section { position:relative; padding:clamp(28px,5vw,64px); border:1px solid var(--soft); background:rgba(4,17,25,.95); box-shadow:0 20px 50px rgba(0,0,0,.32); }
.hero::before,.content-section::before { content:""; position:absolute; top:-1px; left:28px; width:110px; border-top:3px solid var(--cyan); }
.content-section { margin-top:18px; }
.kicker { margin:0 0 9px; color:var(--cyan); font-size:10px; font-weight:600; text-transform:uppercase; }
h1,h2,h3 { margin:0; color:var(--cream); font-family:"Barlow Condensed",sans-serif; line-height:1; text-transform:uppercase; }
h1 { max-width:900px; font-size:clamp(48px,8vw,100px); }
h2 { font-size:clamp(30px,4vw,48px); }
h3 { font-size:25px; }
p,li { color:#c4d2d8; font-size:14px; line-height:1.75; }
.hero p { max-width:82ch; }
.card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:26px; }
.card { min-width:0; padding:24px; border:1px solid var(--soft); background:rgba(7,27,39,.9); }
.card.official { border-color:rgba(88,230,141,.58); box-shadow:0 0 24px rgba(88,230,141,.08); }
.badge { display:inline-block; margin-bottom:13px; padding:5px 8px; border:1px solid rgba(88,230,141,.55); color:var(--green); font-size:9px; text-transform:uppercase; }
.button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; margin-top:10px; padding:10px 17px; border:1px solid var(--cyan); background:#07354a; color:var(--ice); font-weight:600; text-decoration:none; text-transform:uppercase; }
.button:hover { background:#0b4d69; }
.site-footer { padding:28px; border-top:1px solid var(--soft); color:var(--muted); font-size:10px; text-align:center; }
@media(max-width:720px){.site-nav{align-items:flex-start;flex-direction:column;padding:16px}.nav-links{gap:2px}.page{width:calc(100% - 14px);margin-top:8px}.hero,.content-section{padding:28px 20px}.card-grid{grid-template-columns:1fr}h1{font-size:52px}}