:root{--brand:#6366f1;--brand-2:#8b5cf6;--accent:#bef264;--ink:#312e81;--bg:#ffffff;--bg-soft:#f6f7fb;--surface:#ffffff;--text:#1f2430;--muted:#5b6472;--border:#e6e8ef;--link:var(--brand);--link-hover:var(--brand-2);--radius:12px;--maxw:1040px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}[data-theme=dark]{--bg:#0f1117;--bg-soft:#161922;--surface:#161922;--text:#e7e9ee;--muted:#9aa3b2;--border:#262a36;--link:#a5b4fc;--link-hover:#c4b5fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;display:flex;flex-direction:column;min-height:100vh}.container{width:92%;max-width:var(--maxw);margin:0 auto}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}h1,h2,h3{line-height:1.2}h1{font-size:2.2rem}h2{font-size:1.6rem;margin-top:2em}img,iframe,video,svg{max-width:100%;height:auto}header{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%)blur(8px)}.header-top{display:flex;align-items:center;gap:1rem;padding:.6rem 0}.logo{display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--text)}.logo:hover{text-decoration:none}.logo-img{height:30px;width:auto}nav#main-nav{margin-left:auto}nav#main-nav ul{list-style:none;display:flex;gap:.25rem;margin:0;padding:0}nav#main-nav a{color:var(--text);padding:.4rem .7rem;border-radius:8px}nav#main-nav a:hover{background:var(--bg-soft);text-decoration:none}nav#main-nav a.active{color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent)}.header-actions{display:flex;align-items:center;gap:.25rem}#theme-toggle,#menu-toggle{background:0 0;border:none;cursor:pointer;color:var(--text);font-size:1.25rem;padding:.3rem .4rem;border-radius:8px}#theme-toggle:hover,#menu-toggle:hover{background:var(--bg-soft)}#menu-toggle{display:none}main{flex:1;padding:2rem 0 3rem}footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:1.25rem 0;color:var(--muted);font-size:.9rem}footer p{margin:0}.btn{display:inline-block;padding:.7rem 1.2rem;border-radius:10px;font-weight:600;border:1px solid var(--border);color:var(--text);background:var(--surface)}.btn:hover{text-decoration:none;border-color:var(--brand)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:none}.btn-primary:hover{color:#fff;filter:brightness(1.05)}.hero{text-align:center;padding:3rem 0 2rem}.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:.5rem}.hero p.lead{font-size:1.25rem;color:var(--muted);max-width:40ch;margin:.5rem auto 1.5rem}.hero .btn{margin:.25rem}.features,.cards{display:grid;gap:1.25rem;margin:1.5rem 0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,8%);border-color:var(--brand)}.card h3{margin-top:0}.band{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-radius:var(--radius);padding:2.5rem 1.5rem;text-align:center;margin:2rem 0}.band a{color:#fff}.band .btn{background:#fff;color:var(--ink);border:none}code{font-family:var(--mono);background:var(--bg-soft);padding:.15em .4em;border-radius:5px;font-size:.9em}pre{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow-x:auto}pre code{background:0 0;padding:0}blockquote{border-left:4px solid var(--brand);margin:1rem 0;padding:.4rem 1rem;color:var(--muted);background:var(--bg-soft);border-radius:0 8px 8px 0}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--border);padding:.5rem .7rem;text-align:left}th{background:var(--bg-soft)}.list{list-style:none;padding-left:0}.list li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.list time{color:var(--muted);font-size:.9rem}.anchor{opacity:0;margin-left:.3rem}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor{opacity:.5}@media(max-width:760px){nav#main-nav{display:none;order:3;width:100%;margin-left:0}nav#main-nav.open{display:block}nav#main-nav ul{flex-direction:column;gap:0}nav#main-nav a{padding:.7rem .5rem;border-radius:0}.header-actions{margin-left:auto}#menu-toggle{display:inline-block}}