:root{--bg:#0a1020;--bg2:#0f1830;--card:#121d39;--text:#ebf0ff;--muted:#9fb0d6;--accent:#6ea8fe;--accent2:#55efc4}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#060b17);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}.topbar{position:sticky;top:0;background:rgba(8,14,30,.85);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;justify-content:space-between;align-items:center;height:64px}.brand{font-weight:800;color:#fff;text-decoration:none}.nav nav a{color:var(--muted);text-decoration:none;margin-left:16px}
.hero{padding:56px 0}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.chip{display:inline-block;background:rgba(110,168,254,.18);color:var(--accent);padding:6px 10px;border-radius:999px;font-size:12px}
h1{font-size:clamp(28px,5vw,54px);line-height:1.05;margin:.5rem 0}.lead{color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:10px;margin-top:16px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#041122;text-decoration:none;font-weight:700}
.btn-ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.2)}.hero-card{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px}
section{padding:26px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}input[type=search]{background:#0c1530;border:1px solid #243761;color:#fff;border-radius:10px;padding:10px 12px;min-width:260px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px}.card h3{margin:.2rem 0}.badge{display:inline-block;font-size:12px;color:#9be7ff;background:rgba(80,200,255,.12);padding:4px 8px;border-radius:999px}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cat-grid article{background:var(--bg2);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}
.blog-list{display:grid;gap:8px}.blog-list a{color:#b5c7ff;text-decoration:none}.blog-list a:hover{text-decoration:underline}.clean{line-height:1.8}.muted{color:var(--muted)}
.footer{padding:30px 0;color:#9eb2df;border-top:1px solid rgba(255,255,255,.08);margin-top:20px}
@media (max-width:820px){.hero-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}input[type=search]{width:100%;min-width:0}}