:root { --accent: #FF3B7A; --bg: #0a0a0b; --fg: #f4f4f5; --muted: #a1a1aa; }
*{box-sizing:border-box} body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}
.site-bar{padding:1rem 1.5rem;border-bottom:1px solid #27272a}.logo{font-weight:800;letter-spacing:-0.02em}
.page{max-width:72rem;margin:0 auto}.hero{padding:4rem 1.5rem}.hero h1{font-size:clamp(2rem,5vw,3.25rem);margin:0 0 1rem}
.cta{margin:2rem 1.5rem;padding:2rem;border:1px solid #27272a;border-radius:1rem;text-align:center}
.btn{display:inline-block;margin-top:1rem;padding:0.65rem 1.2rem;background:var(--accent);color:#0a0a0b;font-weight:700;text-decoration:none;border-radius:999px}
.block{padding:2rem 1.5rem;border-top:1px solid #27272a}.site-foot{padding:2rem 1.5rem;color:var(--muted);font-size:0.8rem;border-top:1px solid #27272a}
.preview-html a{color:var(--accent)}