:root{--bg: #f4f6fb;--bg-glow: radial-gradient(1200px 480px at 50% -10%, rgba(46,163,242,.14), transparent 60%);--surface: #ffffff;--surface-2: #f0f3f9;--border: #e4e8f0;--border-strong: #d3dae6;--text: #0f1729;--text-dim: #5c6675;--accent: #2564eb;--accent-2: #7c5cff;--shadow-sm: 0 1px 2px rgba(16,26,48,.06), 0 2px 8px rgba(16,26,48,.05);--shadow-md: 0 4px 16px rgba(16,26,48,.08), 0 16px 40px rgba(16,26,48,.06);--radius: 16px;--radius-sm: 11px;--maxw: 1120px;--header-bg: rgba(255,255,255,.75);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0e17;--bg-glow: radial-gradient(1200px 480px at 50% -10%, rgba(46,163,242,.16), transparent 60%);--surface: #141b26;--surface-2: #1b2432;--border: #26303f;--border-strong: #33404f;--text: #e8eef6;--text-dim: #93a1b3;--accent: #4b8bff;--accent-2: #9d84ff;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 10px 34px rgba(0,0,0,.45);--header-bg: rgba(10,14,23,.72);color-scheme:dark}}:root[data-theme=dark]{--bg: #0a0e17;--bg-glow: radial-gradient(1200px 480px at 50% -10%, rgba(46,163,242,.16), transparent 60%);--surface: #141b26;--surface-2: #1b2432;--border: #26303f;--border-strong: #33404f;--text: #e8eef6;--text-dim: #93a1b3;--accent: #4b8bff;--accent-2: #9d84ff;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 10px 34px rgba(0,0,0,.45);--header-bg: rgba(10,14,23,.72);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);background-image:var(--bg-glow);background-repeat:no-repeat;color:var(--text);line-height:1.55;min-height:100vh;transition:background-color .2s ease,color .2s ease}h1,h2,h3,.font-display,.logo{font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.muted{color:var(--text-dim)}.grad-text{background:linear-gradient(115deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}header.site{position:sticky;top:0;z-index:30;background:var(--header-bg);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border)}header.site .inner{display:flex;align-items:center;gap:14px;height:66px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;color:var(--text)}.logo:hover{text-decoration:none}.logo .mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;box-shadow:0 4px 14px #4c8bff66}.logo .mark svg{width:19px;height:19px}.logo .accent{color:var(--accent)}header .spacer{flex:1}header nav{display:flex;gap:4px}header nav a{color:var(--text-dim);font-size:14px;font-weight:600;padding:7px 12px;border-radius:9px}header nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.icon-btn{width:38px;height:38px;border-radius:10px;cursor:pointer;display:grid;place-items:center;color:var(--text);background:var(--surface);border:1px solid var(--border)}.icon-btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .sun,.theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:none}:root:not([data-theme=light]) .theme-toggle .moon{display:block}}:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}:root[data-theme=light] .theme-toggle .sun{display:block}:root[data-theme=light] .theme-toggle .moon{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:0;border-radius:11px;padding:11px 17px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 14px #4c8bff47;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease}.btn:hover{filter:brightness(1.06);text-decoration:none;box-shadow:0 6px 20px #4c8bff66}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.4);box-shadow:none}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{border-color:var(--border-strong);background:var(--surface-2);filter:none}.btn.sm{padding:8px 13px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.badge.accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.breadcrumb{font-size:13px;color:var(--text-dim);margin:24px 0 10px}.breadcrumb a{color:var(--text-dim)}.breadcrumb a:hover{color:var(--accent)}.search{width:100%;padding:15px 18px 15px 46px;font-size:15px;background:var(--surface);border:1px solid var(--border);border-radius:13px;color:var(--text);outline:none;box-shadow:var(--shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237a8698' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:16px center;transition:border-color .15s ease,box-shadow .15s ease}.search:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}footer.site{margin-top:72px;border-top:1px solid var(--border);background:var(--surface)}footer.site .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:40px 0 28px}footer.site .brand-col .logo{font-size:19px;margin-bottom:10px}footer.site h4{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:0 0 12px}footer.site ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}footer.site ul a{color:var(--text);font-size:14px}footer.site ul a:hover{color:var(--accent)}footer.site .bar{border-top:1px solid var(--border);padding:18px 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:12.5px;color:var(--text-dim)}@media(max-width:720px){footer.site .cols{grid-template-columns:1fr;gap:24px}header nav{display:none}}