*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090a0b;color:#f0f0ec;font-family:Manrope,system-ui,sans-serif;transition:background .3s,color .3s}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{height:82px;border-bottom:1px solid #292c2f;display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100vw - 1200px)/2));position:relative;z-index:4}.logo{font-weight:800;font-size:21px;letter-spacing:-1.2px;color:#fff;text-decoration:none}.logo span:first-child{font-weight:500}.dot{color:#d7ff45!important}.nav nav{display:flex;align-items:center;gap:25px}.nav nav a{color:#929598;text-decoration:none;font-size:13px}.icon-btn,.search-pill{border:0;background:none;color:#999;cursor:pointer;font:12px "DM Mono",monospace}.search-pill{border:1px solid #303438;border-radius:5px;padding:9px 12px}.search-pill span{margin-left:10px;color:#666}.hero{max-width:1200px;margin:auto;min-height:720px;padding:100px 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow,.kicker{font:500 11px "DM Mono",monospace;letter-spacing:.15em;color:#777}.eyebrow span{display:inline-block;width:7px;height:7px;background:#d7ff45;border-radius:50%;margin-right:8px;box-shadow:0 0 18px #d7ff45}.hero h1{font-size:clamp(62px,8vw,105px);line-height:.88;letter-spacing:-.075em;margin:22px 0 30px}.hero h1 i{font-style:normal;color:#7f8285}.hero-copy>p{max-width:520px;color:#96999c;line-height:1.7;font-size:17px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.primary-btn{background:#f1f1ed;color:#111;text-decoration:none;padding:14px 17px;border-radius:5px;font-size:13px;font-weight:800}.primary-btn b{margin-left:25px;font-size:17px}.hero-note{font:10px/1.6 "DM Mono",monospace;color:#666}.hero-visual{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border:1px solid #24272a;border-radius:50%;transform:rotate(-20deg)}.ring-1{width:470px;height:260px}.ring-2{width:340px;height:470px;transform:rotate(55deg)}.ring-3{width:250px;height:250px;border-color:#303438}.commit-window{width:355px;background:#111315;border:1px solid #303438;border-radius:10px;box-shadow:0 35px 100px #000;transform:rotate(-4deg);z-index:1}.window-bar{height:43px;border-bottom:1px solid #292c2f;display:flex;align-items:center;gap:6px;padding:0 15px;font:10px "DM Mono";color:#666}.window-bar i{width:7px;height:7px;border-radius:50%;background:#393c3f}.window-bar span{margin-left:auto}.terminal{padding:23px;font:12px/1.75 "DM Mono";color:#d1d3d4}.terminal p{margin:3px 0}.terminal em{color:#d7ff45;font-style:normal}.terminal .dim{color:#62676b}.terminal .green{color:#d7ff45}.terminal strong{color:#fff}.blink{animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{opacity:0}}.float-tag{position:absolute;border:1px solid #2c3033;background:#0c0d0e;padding:9px 11px;color:#7d8184;font:10px "DM Mono";z-index:2}.tag-a{top:45px;right:5px;color:#d7ff45}.tag-b{bottom:45px;left:10px}.content-section{max-width:1200px;margin:auto;padding:110px 25px}.section-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #292c2f;padding-bottom:18px}.section-title h2{font-size:43px;letter-spacing:-.05em;margin:8px 0 0}.filter-btn{background:none;border:1px solid #303438;color:#aaa;padding:10px 13px;border-radius:5px;cursor:pointer;font:11px "DM Mono"}.filter-btn span{margin-left:12px;color:#d7ff45}.featured{display:grid;grid-template-columns:1fr 300px;margin-top:25px;border:1px solid #2b2f32;border-radius:7px;overflow:hidden;background:linear-gradient(120deg,#141719,#0d0f10);text-decoration:none;color:#fff;transition:.25s}.featured:hover,.post-card:hover{transform:translateY(-4px);border-color:#555}.featured-main{padding:42px}.tag{font:500 10px "DM Mono";letter-spacing:.13em;text-transform:uppercase;color:#d7ff45}.featured h3{font-size:43px;line-height:1.02;letter-spacing:-.055em;max-width:760px;margin:18px 0}.featured p,.post-card p{color:#8c9093;line-height:1.65}.featured-side{background:#d7ff45;color:#111;padding:28px;display:flex;flex-direction:column;justify-content:space-between;font:700 10px "DM Mono"}.featured-side b{font:55px Manrope;text-align:right}.read{display:block;margin-top:34px;font-size:12px;font-weight:800}.read b{color:#d7ff45;margin-left:7px}.featured-side .read b{color:#111}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px}.post-card{border:1px solid #292d30;border-radius:7px;padding:30px;text-decoration:none;color:#fff;transition:.25s;min-height:290px;background:#0d0f10}.post-card .card-top{display:flex;justify-content:space-between;font:10px "DM Mono";color:#666}.post-card h3{font-size:28px;line-height:1.08;letter-spacing:-.045em;margin:50px 0 14px}.topics{border-top:1px solid #292c2f;border-bottom:1px solid #292c2f;max-width:1200px;margin:auto;padding:100px 25px 0}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:25px}.topic-intro h2{font-size:62px;line-height:.95;letter-spacing:-.065em;margin:0}.topic-intro i{font-style:normal;color:#777}.topic-copy{max-width:500px;color:#929598;font-size:17px;line-height:1.75}.topic-copy code{color:#d7ff45;font-family:"DM Mono"}.marquee{margin:90px -25px 0;overflow:hidden;border-top:1px solid #292c2f;padding:24px 0;white-space:nowrap;font:700 11px "DM Mono";color:#4e5357}.marquee span{display:inline-block;animation:scroll 18s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}footer{max-width:1200px;margin:auto;padding:30px 25px 50px;display:flex;justify-content:space-between;color:#555;font:10px "DM Mono"}.footer .logo{font-family:Manrope}.empty{text-align:center;color:#666;padding:70px}.hidden{display:none!important}.modal{position:fixed;inset:0;z-index:100}.modal-backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(8px)}.search-box,.filter-box{position:relative;width:min(650px,calc(100% - 30px));margin:12vh auto;background:#111315;border:1px solid #363a3d;border-radius:9px;box-shadow:0 40px 100px #000;overflow:hidden}.search-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #292c2f;font:11px "DM Mono";color:#888}.search-head button{background:none;border:0;color:#666;font:10px "DM Mono";cursor:pointer}.search-box input{width:100%;background:none;border:0;outline:0;padding:24px 20px;color:#fff;font:18px Manrope}.result{display:block;text-decoration:none;color:#fff;padding:16px 20px;border-top:1px solid #222}.result:hover{background:#17191b}.result small{color:#d7ff45;font:9px "DM Mono"}.result b{display:block;margin-top:5px}.categories{padding:20px;display:flex;flex-wrap:wrap;gap:10px}.categories button{background:#181a1c;border:1px solid #303438;color:#aaa;padding:12px 15px;border-radius:5px;cursor:pointer;font:11px "DM Mono"}.categories button.active{background:#d7ff45;color:#111;border-color:#d7ff45}.article-wrap{max-width:900px;margin:auto;padding:110px 25px}.article-meta{display:flex;gap:15px;align-items:center;color:#666;font:10px "DM Mono"}.article-wrap h1{font-size:clamp(52px,7vw,90px);line-height:.94;letter-spacing:-.07em;margin:25px 0 70px;max-width:850px}.article-description{color:#8d9194;font-size:19px;line-height:1.6;max-width:680px;margin-top:-45px;margin-bottom:65px}.article-content{max-width:730px;font-size:18px;line-height:1.85;color:#b5b8ba}.article-content h1,.article-content h2,.article-content h3{color:#f1f1ed;line-height:1.1;letter-spacing:-.04em}.article-content h2{font-size:34px;margin-top:60px}.article-content h3{font-size:25px;margin-top:45px}.article-content p{margin:0 0 28px}.article-content a{color:#d7ff45}.article-content strong{color:#fff}.article-content blockquote{margin:45px 0;padding:8px 0 8px 25px;border-left:2px solid #d7ff45;color:#eee;font-size:22px;line-height:1.5}.article-content pre{background:#111315;border:1px solid #2c3033;border-radius:7px;padding:22px;overflow:auto;font:12px/1.7 "DM Mono";color:#d7ff45}.article-content code{font-family:"DM Mono";font-size:.9em}.article-content p code,.article-content li code{background:#171a1c;color:#d7ff45;padding:2px 5px;border-radius:3px}.article-content img{max-width:100%;border-radius:8px}.article-content li{margin:8px 0}.article-back{display:inline-block;color:#888;text-decoration:none;font:11px "DM Mono";margin-bottom:45px}@media(max-width:800px){.nav nav>a:not(.nav-back){display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{height:360px}.commit-window{width:310px}.featured{grid-template-columns:1fr}.featured-side{min-height:140px}.post-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.topic-intro h2{font-size:48px}footer{flex-wrap:wrap;gap:15px}.article-wrap{padding-top:65px}.article-wrap h1{margin-bottom:55px}.search-pill span{display:none}}
body.light{--bg:#f4f4ef;--panel:#fff;--text:#111;--muted:#666;background:var(--bg);color:var(--text)}body.light .nav{border-color:#ddd}body.light .logo,body.light .nav nav a{color:#111}body.light .commit-window,body.light .post-card,body.light .featured{background:#fff;border-color:#ddd;box-shadow:0 20px 60px #0000000d}body.light .featured{background:linear-gradient(120deg,#fff,#f2f2ed)}body.light .terminal{color:#333}body.light .terminal .dim{color:#777}body.light .article-content{color:#444}body.light .article-content h1,body.light .article-content h2,body.light .article-content h3{color:#111}body.light .search-box,body.light .filter-box{background:#fff;border-color:#ddd}body.light .search-box input{color:#111}body.light .result{color:#111;border-color:#eee}