:root{color-scheme:dark;--bg:#100c13;--panel:#1b151e;--panel2:#241a27;--text:#fff8fd;--muted:#cdbdca;--pink:#f3a9d0;--line:#3b2b40;--shadow:0 24px 70px #0008}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,#40253d 0,transparent 34%),var(--bg);color:var(--text);font:15px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:#100c13e8;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{font-weight:800;letter-spacing:.04em}.brand span{color:var(--pink)}.topbar nav{display:flex;gap:10px}.topbar nav a,.back{padding:8px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none}.topbar nav a:hover,.back:hover{border-color:var(--pink)}.hero{max-width:1160px;margin:auto;padding:70px 24px 38px}.eyebrow{color:var(--pink);font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{max-width:820px;margin:10px 0 14px;font-size:clamp(36px,6vw,72px);line-height:1.02}.hero p{max-width:720px;color:var(--muted);font-size:17px}.layout{display:grid;grid-template-columns:260px minmax(0,820px);gap:34px;max-width:1160px;margin:auto;padding:0 24px 80px}.side{position:sticky;top:86px;align-self:start;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.side strong{display:block;margin:0 0 10px;color:var(--pink)}.side a{display:block;padding:8px 10px;color:var(--muted);text-decoration:none;border-radius:10px}.side a:hover{color:var(--text);background:var(--panel2)}main section{scroll-margin-top:90px;margin:0 0 22px;padding:28px;background:linear-gradient(145deg,var(--panel),#161018);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}h2{margin:0 0 12px;font-size:26px}h3{margin:24px 0 8px;font-size:17px;color:var(--pink)}p,li{color:var(--muted)}li+li{margin-top:7px}.notice{border-left:3px solid var(--pink);padding:12px 16px;background:#f3a9d00d;border-radius:0 12px 12px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.card h3{margin-top:0}.page-footer{text-align:center;padding:30px;color:#9f8c9b;border-top:1px solid var(--line)}code{color:#ffd6ea;background:#2d202f;padding:2px 6px;border-radius:6px}@media(max-width:760px){.topbar{align-items:flex-start;gap:12px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.hero{padding-top:48px}.layout{grid-template-columns:1fr}.side{position:static}.grid{grid-template-columns:1fr}main section{padding:22px}}