:root{--bg: #0f1115;--panel: rgba(0, 0, 0, .72);--panel-strong: rgba(0, 0, 0, .82);--text: #f7f8fa;--muted: #ccd2da;--accent: #59d3ff;--accent-2: #7effa6;--line: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg) url(/images/background.jpg) center top / cover fixed;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:var(--accent);font-weight:700;text-decoration:none}a:hover{color:var(--accent-2);text-decoration:underline}p,li{color:var(--muted);line-height:1.55}h1,h2,h3{margin:0 0 .65rem;color:#fff}h1{font-size:clamp(1.8rem,3.2vw,3rem)}h2{font-size:clamp(1.4rem,2.4vw,2rem)}.page{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 2rem}.top-nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:var(--panel);border:1px solid var(--line)}.nav-link{border:1px solid transparent;border-radius:6px;padding:.35rem .6rem}.nav-link-active{border-color:var(--accent)}.section{margin-top:1rem;background:var(--panel);border:1px solid var(--line);padding:1.25rem}.hero{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--accent-2)}.cta-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.button{display:inline-block;border:1px solid var(--accent);border-radius:6px;padding:.5rem .8rem}.button-secondary{border-color:var(--accent-2)}.hero-image{display:flex;justify-content:center}.hero-image img{width:min(260px,100%);border-radius:50%;border:3px solid rgba(255,255,255,.35)}.columns-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card-link,.post-card,.feature{display:block;background:#ffffff08;border:1px solid var(--line);border-radius:8px;padding:1rem}.stack{display:grid;gap:.75rem}.meta{color:#9fb2c2;font-size:.92rem;margin-bottom:.35rem}.footer{margin-top:1rem;background:var(--panel-strong);border:1px solid var(--line);padding:1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.hero,.columns-3,.footer{grid-template-columns:1fr}.top-nav{justify-content:center}}