:root{
  --bg:#fffefd; --card:#ffffff; --text:#141414; --muted:#6b7280;
  --accent:#6366f1; --accent2:#22c55e; --border:#f0ebe5; --border-strong:#e7ded2;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.6;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{max-width:1080px;margin:0 auto;padding:24px}
.row{display:flex;gap:12px;align-items:center}
.space-between{justify-content:space-between}
.align-center{align-items:center}
.gap{gap:12px}
.checklist{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}
.checklist li{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);z-index:50}
.logo{font-weight:800;letter-spacing:.3px}
.nav{position:relative}
.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:4px 0;border-radius:2px}
.nav-list{display:flex;gap:16px;list-style:none;padding:0;margin:0}
.btn{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#0f1029;border:0;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
.muted{color:var(--muted)} .small{font-size:12px}
.site-footer{border-top:1px solid var(--border);margin-top:28px;padding:24px 0}