:root{--bg: #0b0f14;--fg: #e6eef8;--muted: #9bb0c8;--card: #111823;--accent: #66aaff;--accent-2: #73e0a9;--ring: rgba(102,170,255,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 800px at 10% -10%,#0e1722,var(--bg));color:var(--fg)}a{color:var(--accent);text-decoration:none}.container{max-width:1000px;margin:0 auto;padding:24px}.section{padding:48px 0;border-top:1px solid rgba(255,255,255,.06)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:linear-gradient(180deg,#0f1622,var(--card));border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px -8px var(--ring)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#ffffff0f;color:var(--muted);font-size:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:var(--accent);color:#06101e;font-weight:600;border:none;cursor:pointer}.btn.secondary{background:#213147;color:var(--fg)}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav a{margin-left:14px;color:var(--muted)}.hero h1{margin:0 0 8px;font-size:42px}.hero p{color:var(--muted);max-width:760px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.footer{color:var(--muted);font-size:14px;padding:32px 0 64px;text-align:center}