:root{--bg:#f8fafc;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--card:#fff;--pink:#e11d8a;--dark:#020617}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,#ffe7fb,transparent 32rem),linear-gradient(#f8fafc,#fff);color:var(--ink)}.shell{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line);background:rgba(255,255,255,.82);backdrop-filter:blur(14px);padding:24px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.logo{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#eefbff,#f5ecff);display:grid;place-items:center;box-shadow:0 12px 26px rgba(134,59,255,.18);border:1px solid rgba(134,59,255,.18)}.logo img{width:30px;height:30px;display:block}.hero-mark{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#eefbff,#fdf2f8);border:1px solid #e9d5ff;border-radius:999px;padding:8px 12px;margin-bottom:16px;color:#334155;font-size:13px;font-weight:900}.hero-mark img{width:24px;height:24px;display:block}.brand h1{font-size:20px;margin:0}.brand p{margin:2px 0 0;color:var(--muted);font-size:12px}.nav-group{margin:18px 0}.nav-title{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px}.nav-group a{display:block;text-decoration:none;color:#475569;padding:8px 10px;border-radius:10px;font-size:14px;font-weight:650}.nav-group a:hover{background:#f1f5f9;color:#0f172a}.nav-group a.active{background:#020617;color:white}.main{padding:42px;max-width:980px}.hero{border:1px solid var(--line);background:rgba(255,255,255,.92);border-radius:28px;padding:34px;box-shadow:0 20px 60px rgba(15,23,42,.08);margin-bottom:24px}.eyebrow{display:inline-block;background:#fdf2f8;color:#be185d;border:1px solid #fbcfe8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;margin-bottom:16px}.content{border:1px solid var(--line);background:white;border-radius:28px;padding:34px;box-shadow:0 10px 30px rgba(15,23,42,.05)}h1{font-size:48px;line-height:1.02;letter-spacing:-.05em;margin:0 0 18px}h2{font-size:28px;letter-spacing:-.03em;margin:34px 0 10px}h3{font-size:20px;margin:26px 0 8px}p,li{font-size:16px;line-height:1.72;color:#475569}ul{padding-left:22px}code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:1px 5px;color:#be185d}pre{overflow:auto;background:#020617;color:#e2e8f0;border-radius:18px;padding:18px;line-height:1.6}pre code{background:transparent;border:0;color:inherit;padding:0}.callout{border-radius:18px;padding:16px 18px;margin:20px 0;border:1px solid}.note{background:#eff6ff;border-color:#bfdbfe}.warn{background:#fff7ed;border-color:#fed7aa}.toplinks{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.toplinks a{display:inline-flex;text-decoration:none;border-radius:14px;padding:11px 14px;font-weight:850}.primary{background:#020617;color:white}.secondary{border:1px solid var(--line);color:#0f172a;background:white}@media(max-width:900px){.shell{display:block}.sidebar{position:relative;height:auto}.main{padding:22px}h1{font-size:38px}.content,.hero{padding:24px}}