*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0f172a;--accent:#6366f1;--text:#e2e8f0;--muted:#94a3b8;--card:#1e293b;--border:#334155}
body{font-family:"Inter",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
header{padding:1.25rem 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:100}
.logo{font-size:1.3rem;font-weight:800;letter-spacing:-.5px}.logo span{color:var(--accent)}
.btn{display:inline-block;padding:.6rem 1.4rem;border-radius:7px;font-size:.875rem;font-weight:600}
.btn-p{background:var(--accent);color:#fff}
.page{max-width:1100px;margin:0 auto;padding:4rem 5%}
h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin-bottom:1.25rem}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2.5rem}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem}
footer{border-top:1px solid var(--border);padding:3rem 5%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}
.ft-bottom{border-top:1px solid var(--border);padding:1.25rem 5%;font-size:.8rem;color:var(--muted)}