:root{--bg:#08111f;--panel:#111d32;--panel2:#16243d;--text:#f5f7fb;--muted:#aeb9cc;--gold:#f2c45b;--green:#6ee7aa;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#1c3158 0,#08111f 48%,#050914 100%);color:var(--text);line-height:1.7}
.container{width:min(1120px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(5,9,20,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0;gap:14px}.brand{font-size:20px;font-weight:900;color:var(--text);text-decoration:none}.brand span{color:var(--gold)}
.nav a{color:var(--muted);text-decoration:none;margin-left:16px;font-size:14px}.nav a:hover{color:var(--gold)}
.hero{padding:72px 0 46px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.eyebrow{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:13px}
h1{font-size:clamp(34px,5vw,62px);line-height:1.06;margin:12px 0 18px}h2{font-size:clamp(26px,4vw,40px);line-height:1.15}h3{line-height:1.25}
p{color:var(--muted)}.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),#c98b24);color:#111;text-decoration:none;font-weight:900;padding:13px 18px;border-radius:12px;margin-right:10px}
.btn.alt{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line)}
.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.item{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:16px;padding:16px}.item a,.green{color:var(--green);font-weight:800;text-decoration:none;word-break:break-word}
.tag{display:inline-block;color:var(--gold);background:rgba(242,196,91,.12);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}.notice{border-left:4px solid var(--gold);background:rgba(242,196,91,.08);padding:18px;border-radius:14px}
footer{border-top:1px solid var(--line);padding:34px 0;margin-top:36px;color:var(--muted);font-size:14px}
@media(max-width:820px){.hero,.grid,.list{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.nav a{margin:0 14px 8px 0;display:inline-block}}