:root{--bg:#0b0e12;--surface:#11161c;--surface2:#171d24;--text:#edf2f6;--muted:#8d99a5;--line:#28323c;--accent:#78bfff;--accent2:#b8dcff;--max:1120px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}a{color:inherit}button,input,select{font:inherit}.wrap{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:1rem;background:var(--accent);color:#071018;padding:.6rem 1rem;z-index:10}.skip-link:focus{left:1rem}.site-header{position:sticky;top:0;z-index:5;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(11,14,18,.92);backdrop-filter:blur(12px)}.nav-wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:.22em;text-decoration:none;color:var(--accent)}nav{display:flex;gap:1.4rem}nav a{text-decoration:none;color:var(--muted)}nav a:hover,nav a[aria-current=page]{color:var(--text)}.nav-toggle{display:none}.hero{padding:7rem 0 5rem;background:radial-gradient(circle at 75% 15%,rgba(120,191,255,.16) 0,transparent 38%),radial-gradient(circle at 20% 20%,rgba(120,191,255,.07) 0,transparent 32%)}h1{max-width:850px;font-size:clamp(2.35rem,7vw,5.5rem);line-height:1.04;letter-spacing:-.05em;margin:.25em 0}h2{line-height:1.2;letter-spacing:-.02em}.eyebrow{color:var(--accent);font-weight:800;letter-spacing:.15em;font-size:.8rem}.lead,.hero>div>p{color:var(--muted);font-size:1.16rem;max-width:700px}.search{max-width:720px;margin-top:2rem}.search label{display:block;font-weight:700;margin-bottom:.45rem}.search>div{display:flex}.search input{flex:1}.search input,input,select{background:#0f151b;color:var(--text);border:1px solid var(--line);padding:.8rem;border-radius:8px}.search input{border-radius:8px 0 0 8px}.search button{border-radius:0 8px 8px 0}button{cursor:pointer;border:0;background:var(--accent);color:#071018;font-weight:800;padding:.8rem 1rem;border-radius:8px}button:hover{filter:brightness(1.08)}.search-results{margin-top:.8rem}.search-results a{display:block;padding:.5rem 0;color:var(--accent)}.layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:3rem;padding-block:4rem}.section-head{display:flex;justify-content:space-between}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card,.panel,.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.25rem}.card{display:flex;flex-direction:column;min-height:220px}.card .meta{color:var(--accent);font-size:.8rem}.card p{color:var(--muted)}.card a{margin-top:auto;font-weight:700}.link-list{padding-left:1.2rem}.link-list li{margin:.7rem 0}.ad-slot{display:none;margin:1.5rem 0;min-height:90px;border:1px dashed var(--line);place-items:center;color:var(--muted)}.categories,.page{padding-block:4rem}.chip-list{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}.chip{border:1px solid var(--line);background:var(--surface);padding:.55rem .9rem;border-radius:99px;text-decoration:none}.chip[aria-pressed=true]{background:var(--accent);color:#071018}.article-wrap{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(220px,1fr);gap:3rem;padding-block:4rem}.article-wrap article{max-width:760px}.article-wrap h1{font-size:clamp(2.3rem,5vw,4.5rem)}.cover{aspect-ratio:16/8;margin:2rem 0;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#142b3e,#101820);font-weight:900;font-size:clamp(2rem,6vw,5rem);letter-spacing:.1em}.share{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}.article-nav{grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--line);padding-top:2rem}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tool-card form,.tool-card label{display:grid;gap:.4rem}.tool-card form{gap:1rem}.result{display:block;margin-top:1rem;padding:1rem;border-radius:8px;background:#0f151b;min-height:58px;color:var(--accent)}.code-result{overflow-wrap:anywhere;font-family:ui-monospace,monospace}footer{border-top:1px solid var(--line);padding:3rem 0;color:var(--muted)}@media(max-width:760px){.nav-toggle{display:block}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:1rem;background:var(--surface);flex-direction:column}.site-header nav.open{display:flex}.hero{padding:4.5rem 0 3rem}.layout,.article-wrap,.tool-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.article-wrap aside{order:2}.article-nav{flex-direction:column;gap:1rem}.search>div{display:grid;gap:.5rem}.search input,.search button{border-radius:8px}}