*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--signal:#c7f94e;--bg:#0a0a0a;--bg2:#111111;--bg3:#1a1a1a;--bd:rgba(255,255,255,.08);--bd2:rgba(255,255,255,.12);--acc:#ffffff;--acc2:#e5e5e5;--acc-glow:transparent;--acc2-glow:transparent;--tx:#fafaf9;--txm:#8f8f8f;--txd:#6b6b6b;--card:rgba(255,255,255,.04);--card-h:rgba(255,255,255,.07);--r:12px;--r2:8px;--mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--ease-out:cubic-bezier(.16,1,.3,1);--react:#e5e5e5;--node:#10b981;--next:#e5e5e5}html[data-theme=light]{--signal:#4d7c0f;--bg:#f8f9fa;--bg2:#f0f1f3;--bg3:#e8eaed;--bd:rgba(0,0,0,.08);--bd2:rgba(0,0,0,.12);--acc:#0a0a0a;--acc2:#171717;--acc-glow:transparent;--acc2-glow:transparent;--tx:#1a202c;--txm:#4b5563;--txd:#9ca3af;--card:rgba(0,0,0,.03);--card-h:rgba(0,0,0,.06);--react:#e5e5e5;--node:#059669;--next:#e5e5e5}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--sans);background:var(--bg);color:var(--tx);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .4s,color .4s}::selection{background:#c7f94e47;color:#0a0a0a}a{color:var(--acc2);text-decoration:none;transition:color .2s}a:hover{color:var(--tx)}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{max-width:1220px;margin:0 auto;padding:0 24px}#nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all .3s var(--ease-out)}#nav.scrolled{background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);box-shadow:0 4px 30px #00000026}html[data-theme=light] #nav.scrolled{background:#f8f9fad9}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--tx);letter-spacing:-.02em}.nav-logo .hex-glyph{font-size:20px;background:linear-gradient(135deg,var(--acc),var(--acc2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(255,255,255,.13))}.nav-logo .forge-text{background:linear-gradient(135deg,var(--tx) 60%,var(--txm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links a{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--txm);transition:all .2s;white-space:nowrap}.nav-links a:hover{color:var(--tx);background:#ffffff0f}.nav-cta{padding:8px 18px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.07)!important;color:var(--acc)!important;border-radius:8px}.nav-cta:hover{background:#ffffff0f!important;color:#fff!important}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;border-radius:8px;padding:6px;transition:background .2s}.nav-hamburger:hover{background:#ffffff0f}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--tx);border-radius:2px;transition:transform .3s var(--ease-out),opacity .2s,width .3s;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;width:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998;backdrop-filter:blur(4px);opacity:0;transition:opacity .25s}.nav-overlay.open{opacity:1}li.nav-secondary{overflow:hidden;max-width:200px;opacity:1;transition:max-width .4s var(--ease-out),opacity .3s,margin .3s}@media(max-width:1350px){.nav-links{gap:4px}.nav-links a{padding:6px 10px}}@media(max-width:1100px){li.nav-secondary{max-width:0;opacity:0;pointer-events:none;margin:0}}@media(max-width:768px){.nav-hamburger{display:flex}.nav-overlay{display:block;pointer-events:none}.nav-overlay.open{pointer-events:auto}li.nav-secondary{max-width:none;opacity:1;pointer-events:auto;overflow:visible}.nav-links{position:fixed;top:0;right:-280px;width:260px;height:100%;flex-direction:column;align-items:stretch;gap:4px;background:var(--bg);border-left:1px solid var(--bd);padding:72px 16px 32px;z-index:999;transition:right .3s var(--ease-out);box-shadow:-8px 0 40px #0000004d}.nav-links.open{right:0}.nav-links a{padding:12px 16px;border-radius:8px;white-space:normal}.nav-links a:hover{background:#ffffff0f}}#hero{padding:160px 0 80px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(255,255,255,.03),transparent)}#hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 60%,rgba(239,68,68,.06),transparent 50%),radial-gradient(ellipse at 80% 40%,rgba(255,255,255,.01),transparent 50%);pointer-events:none}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px;animation:slide-up .6s ease-out both}.hero-title{font-size:clamp(32px,5.5vw,60px);font-weight:900;line-height:1.08;letter-spacing:-.03em;margin-bottom:20px;animation:slide-up .6s ease-out both .1s}.hero-title .grad{color:var(--tx)}.hero-sub{font-size:17px;color:var(--txm);max-width:580px;margin:0 auto 32px;line-height:1.7;animation:slide-up .6s ease-out both .2s}.hero-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;animation:slide-up .6s ease-out both .3s}.fw-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700}.fw-pill.react{background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--react)}.fw-pill.node{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:var(--node)}.fw-pill.next{background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--next)}.hero-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--bd);margin-top:20px;animation:slide-up .6s ease-out both .4s}.hero-stat{text-align:center}.hero-stat .num{font-size:32px;font-weight:800;font-family:var(--mono);background:linear-gradient(135deg,var(--acc),var(--acc2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat .lbl{font-size:12px;color:var(--txm);margin-top:2px}#filter-bar{position:sticky;top:64px;z-index:100;background:var(--bg);border-bottom:1px solid var(--bd);padding:16px 0}html[data-theme=light] #filter-bar{background:var(--bg)}.filter-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-btns{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 18px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--bd);background:var(--card);color:var(--txm);transition:all .2s;white-space:nowrap}.filter-btn:hover{border-color:var(--bd2);color:var(--tx)}.filter-btn.active-all{background:#ffffff0a;border-color:#ffffff1a;color:var(--acc)}.filter-btn.active-react{background:#ffffff08;border-color:#ffffff12;color:var(--react)}.filter-btn.active-node{background:#10b9811f;border-color:#10b9814d;color:var(--node)}.filter-btn.active-next{background:#ffffff08;border-color:#ffffff12;color:var(--next)}.search-wrap{flex:1;min-width:220px;max-width:380px;margin-left:auto;position:relative}.search-wrap input{width:100%;padding:9px 16px 9px 38px;border-radius:100px;border:1px solid var(--bd);background:var(--card);color:var(--tx);font-size:13px;font-family:var(--sans);outline:none;transition:border-color .2s}.search-wrap input::placeholder{color:var(--txd)}.search-wrap input:focus{border-color:var(--acc)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--txd);font-size:14px;pointer-events:none}.filter-count{font-size:12px;color:var(--txd);white-space:nowrap}#problems{padding:60px 0 100px}.problems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}@media(max-width:480px){.problems-grid{grid-template-columns:1fr}}.p-card{border-radius:var(--r);border:1px solid var(--bd);background:var(--card);padding:22px;transition:all .3s var(--ease-out);display:flex;flex-direction:column;gap:12px;animation:slide-up .5s ease-out both}.p-card:hover{border-color:var(--bd2);background:var(--card-h);transform:translateY(-3px);box-shadow:0 12px 40px #0003}.p-card.hidden{display:none}.p-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.p-num{font-size:11px;font-weight:700;font-family:var(--mono);color:var(--txd);min-width:28px}.p-fw{padding:3px 9px;border-radius:100px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.p-fw.fw-react{background:#ffffff08;color:var(--react);border:1px solid rgba(255,255,255,.05)}.p-fw.fw-node{background:#10b9811f;color:var(--node);border:1px solid rgba(16,185,129,.2)}.p-fw.fw-next{background:#ffffff08;color:var(--next);border:1px solid rgba(255,255,255,.05)}.p-mod{margin-left:auto;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:700;font-family:var(--mono);background:#ffffff08;color:var(--acc);border:1px solid rgba(255,255,255,.05);white-space:nowrap}.p-card h3{font-size:15px;font-weight:700;color:var(--tx);line-height:1.35}.p-card p{font-size:13px;color:var(--txm);line-height:1.6}.p-code{border-radius:var(--r2);overflow:hidden;border:1px solid var(--bd);font-size:11.5px;font-family:var(--mono);margin-top:4px}.p-before,.p-after{padding:8px 12px;line-height:1.6;overflow-x:auto}.p-before{background:#ef44440f;color:#fca5a5;border-bottom:1px solid rgba(239,68,68,.12)}.p-after{background:#10b9810f;color:#6ee7b7}.p-diff-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-right:6px}.p-before .p-diff-label{color:#f87171}.p-after .p-diff-label{color:#34d399}.no-results{text-align:center;padding:80px 20px;display:none}.no-results h3{font-size:20px;font-weight:700;color:var(--txm);margin-bottom:8px}.no-results p{font-size:14px;color:var(--txd)}.section-tag{display:inline-block;padding:6px 16px;border-radius:100px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--acc);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.section-title{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.text-gradient{background:linear-gradient(135deg,var(--acc),var(--acc2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#cta-section{padding:80px 0;text-align:center;background:linear-gradient(135deg,#ffffff03,#ffffff03);border-top:1px solid var(--bd)}#cta-section h2{font-size:clamp(24px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}#cta-section p{color:var(--txm);font-size:16px;max-width:500px;margin:0 auto 32px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s var(--ease-out);border:none;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--signal);color:#0a0a0a;box-shadow:0 4px 20px #c7f94e2e}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffffff21;color:#fff}.btn-secondary{background:transparent;color:var(--txm);border:1px solid var(--bd)}.btn-secondary:hover{border-color:var(--bd2);color:var(--tx);background:var(--card)}#footer{background:var(--bg2);border-top:1px solid var(--bd)}html[data-theme=light] footer{background:#f0f1f3;color:#374151}html[data-theme=light] footer a{color:#e5e5e5}html[data-theme=light] footer h4{color:#1c1917}html[data-theme=light] .hero-stat .num{color:var(--acc)!important;background:linear-gradient(135deg,var(--acc),var(--acc2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .hero-stat .lbl{color:#4b5563}html[data-theme=light] .hero-stat{border-color:#0000001a}html[data-theme=light] .hero-stats-grid{background:#ffffffb3;border-color:#00000014}html[data-theme=light] .text-gradient{background:linear-gradient(135deg,var(--acc),var(--acc2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .grad{background:linear-gradient(135deg,#dc2626 0%,#e5e5e5 40%,var(--acc) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .forge-text{background:linear-gradient(135deg,#1c1917 60%,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .problem-card{background:#ffffffe6;border-color:#00000014}html[data-theme=light] .problem-card:hover{border-color:#ffffff12;box-shadow:0 8px 24px #ffffff05}html[data-theme=light] .problem-num{color:#6b7280}html[data-theme=light] .problem-title{color:#1c1917}html[data-theme=light] .problem-body{color:#4b5563}html[data-theme=light] .forge-tag{background:#ffffff05;color:#e5e5e5;border-color:#ffffff0d}html[data-theme=light] .filter-bar-inner{background:#fffffff2;border-color:#0000001a}.theme-toggle{position:fixed;bottom:24px;right:24px;z-index:999;width:48px;height:48px;border-radius:50%;background:var(--card-h);color:var(--tx);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 4px 12px #0000004d;transition:all .3s}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.in-view{opacity:1;transform:none}.topbar-cta{background:var(--signal);color:#0a0a0a!important;padding:6px 14px;border-radius:6px;font-weight:600;font-size:12px;text-decoration:none}