:root{
  --bg:#0b0c10;--panel:#111318;--text:#e8eaed;--muted:#b9c0c7;--primary:#4ea1ff;--primary2:#7b7bff;--border:#23262d;--card:#141821;
}
@media (prefers-color-scheme: light){
  :root{--bg:#ffffff;--panel:#f7f8fa;--text:#0b0c10;--muted:#4b5563;--primary:#2563eb;--primary2:#7c3aed;--border:#e5e7eb;--card:#ffffff}
}
*{box-sizing:border-box}
html,body{padding:0;margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;line-height:1.6;background:var(--bg);color:var(--text)}
.container{max-width:1040px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:10;background:var(--panel);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);font-weight:700}
.logo{display:block}
.site-nav{display:flex;gap:14px}
.site-nav a{color:var(--text);text-decoration:none;padding:.45rem .7rem;border-radius:.5rem;border:1px solid transparent}
.site-nav a:hover{border-color:var(--border);background:var(--card)}
.site-nav a.cta{background:linear-gradient(90deg,var(--primary),var(--primary2));color:white}
.site-main{padding:32px 0}
.hero{padding:48px 0}
.hero h1{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:0 0 8px}
.lead{color:var(--muted);margin:0 0 18px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;border:1px solid var(--border);padding:.7rem 1rem;border-radius:.6rem;text-decoration:none;color:var(--text);background:var(--card)}
.btn.primary{border:none;background:linear-gradient(90deg,var(--primary),var(--primary2));color:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:8px}
.card{background:var(--card);border:1px solid var(--border);padding:18px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.card h2{margin:0 0 8px;font-size:20px}
.card p{margin:0 0 8px;color:var(--muted)}
.card-link{color:var(--primary);text-decoration:none;font-weight:600}
.section{padding:24px 0}
.section h1,.section h2{margin:0 0 10px}
.section p{margin:0 0 12px}
.list{padding-left:18px}
.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--panel);border:1px solid var(--border);padding:2px 6px;border-radius:6px}
.notice{background:#072b17;border:1px solid #14532d;color:#b4f0c7;padding:10px 12px;border-radius:10px}
.site-footer{border-top:1px solid var(--border);background:var(--panel);margin-top:40px}
.footer-inner{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:64px}
.footer-nav{display:flex;gap:12px;flex-wrap:wrap}
.footer-nav a{color:var(--text);text-decoration:none;opacity:.85}
.footer-nav a:hover{opacity:1}
@media (max-width:640px){.header-inner,.footer-inner{flex-direction:column;align-items:flex-start;height:auto;padding:12px 0}.site-nav{flex-wrap:wrap}.cards{grid-template-columns:1fr}}