:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green:#16a34a;--green-bright:#22c55e;--green-rgb:22 163 74;--green-bright-rgb:34 197 94;--ink:#0a0f0d;--text:#14201b;--text-muted:#5b6b63;--bg:#fff;--bg-alt:#f5f8f6;--border:#e4eae7;--header-bg:#ffffffd1;--radius:14px;--maxw:1120px;--font:var(--font-site), "Helvetica Neue", Helvetica, Arial, "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#e8f0ec;--text-muted:#9fb3a8;--bg:#0c1310;--bg-alt:#0f1714;--border:#1d2a24;--header-bg:#0c1310d1}[data-accent=emerald]{--green:#16a34a;--green-bright:#22c55e;--green-rgb:22 163 74;--green-bright-rgb:34 197 94}[data-accent=blue]{--green:#2563eb;--green-bright:#3b82f6;--green-rgb:37 99 235;--green-bright-rgb:59 130 246}[data-accent=violet]{--green:#7c3aed;--green-bright:#a855f7;--green-rgb:124 58 237;--green-bright-rgb:168 85 247}[data-accent=rose]{--green:#e11d48;--green-bright:#fb7185;--green-rgb:225 29 72;--green-bright-rgb:251 113 133}[data-accent=amber]{--green:#d97706;--green-bright:#f59e0b;--green-rgb:217 119 6;--green-bright-rgb:245 158 11}[data-accent=cyan]{--green:#0891b2;--green-bright:#22d3ee;--green-rgb:8 145 178;--green-bright-rgb:34 211 238}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}:where(a,button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--green-bright);outline-offset:2px}.skip-link{z-index:100;background:var(--green);color:#fff;border-radius:8px;padding:10px 16px;font-weight:600;transition:transform .15s;position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .12s,background .2s,box-shadow .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 6px 20px -8px rgb(var(--green-rgb) / .7)}.btn-primary:hover{background:color-mix(in srgb, var(--green), #000 14%)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--green);color:var(--green)}.btn-sm{padding:9px 16px;font-size:14px}.btn-block{width:100%}.site-header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;height:68px;display:flex}.brand{color:var(--green);flex-shrink:0;align-items:center;display:inline-flex}.brand-logo{direction:ltr;width:169px;height:44px;transition:color .2s;display:block}@media (max-width:420px){.brand-logo{width:138px;height:36px}}.nav{color:var(--text-muted);gap:28px;font-size:15px;display:flex}.nav a{transition:color .15s}.nav a:hover{color:var(--green)}.header-actions{align-items:center;gap:14px;display:flex}.lang-switch{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.lang-switch button{color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--mono);background:0 0;border:0;padding:6px 12px}.lang-switch button.active{background:var(--green);color:#fff}.mobile-nav{display:none}.mobile-nav-toggle{border:1px solid var(--border);background:var(--bg);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.hamburger{width:18px;height:14px;position:relative}.hamburger span{background:currentColor;border-radius:2px;height:2px;transition:transform .2s,opacity .2s,top .2s;position:absolute;inset-inline:0}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:6px}.hamburger span:nth-child(3){top:12px}.hamburger[data-open=true] span:first-child{top:6px;transform:rotate(45deg)}.hamburger[data-open=true] span:nth-child(2){opacity:0}.hamburger[data-open=true] span:nth-child(3){top:6px;transform:rotate(-45deg)}.mobile-menu-backdrop{z-index:40;background:#0a0f0d66;position:fixed;inset:68px 0 0}.mobile-menu{z-index:45;background:var(--bg);border-bottom:1px solid var(--border);opacity:0;visibility:hidden;flex-direction:column;padding:8px 24px 16px;transition:transform .2s,opacity .2s,visibility .2s;display:flex;position:fixed;inset-block-start:68px;inset-inline:0;transform:translateY(-12px);box-shadow:0 16px 40px -24px #0a0f0d80}.mobile-menu[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu a{color:var(--text);border-bottom:1px solid var(--border);padding:15px 6px;font-size:17px;font-weight:600}.mobile-menu a:last-child{border-bottom:0}.hero{isolation:isolate;color:#fff;background:radial-gradient(1200px 560px at 50% -8%, rgb(var(--green-bright-rgb) / .14), transparent 62%), radial-gradient(800px 500px at 85% 110%, #10b9811a, transparent 60%), linear-gradient(180deg, #0d1512 0%, var(--ink) 55%, #080c0a 100%);padding:96px 0 104px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 32%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 32%,#000 0%,#0000 72%)}.hero-glow{z-index:-1;background:radial-gradient(closest-side, rgb(var(--green-bright-rgb) / .22), transparent);pointer-events:none;width:900px;height:600px;position:absolute;inset-block-start:-30%;inset-inline-start:50%;transform:translate(-50%)}.hero-trail{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-trail-dot{background:radial-gradient(circle, rgb(var(--green-bright-rgb) / .55), transparent 70%);will-change:transform, opacity;border-radius:50%;animation:.7s ease-out forwards hero-trail-fade;position:absolute;transform:translate(-50%,-50%)}@keyframes hero-trail-fade{0%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(.3)}}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.badge{color:#b9f3cd;background:rgb(var(--green-bright-rgb) / .12);border:1px solid rgb(var(--green-bright-rgb) / .3);font-size:13px;font-family:var(--mono);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.badge-dot{background:var(--green-bright);width:8px;height:8px;box-shadow:0 0 0 0 rgb(var(--green-bright-rgb) / .6);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(var(--green-bright-rgb) / .6)}70%{box-shadow:0 0 0 9px rgb(var(--green-bright-rgb) / 0)}to{box-shadow:0 0 0 0 rgb(var(--green-bright-rgb) / 0)}}.hero-title{letter-spacing:-.02em;max-width:16ch;margin-top:26px;font-size:clamp(34px,6vw,62px);font-weight:700;line-height:1.08}.hero-title .accent{color:var(--green-bright)}.hero-subtitle{color:#c7d4cd;max-width:60ch;margin-top:22px;font-size:clamp(16px,2vw,19px)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.hero-cta .btn-ghost{color:#fff;border-color:#ffffff38}.hero-cta .btn-ghost:hover{border-color:var(--green-bright);color:var(--green-bright)}.hero-stats{flex-wrap:wrap;justify-content:center;gap:48px;margin-top:56px;display:flex}.stat{text-align:center}.stat-value{color:#fff;font-size:34px;font-weight:700;font-family:var(--mono)}.stat-label{color:#8aa395;margin-top:2px;font-size:13px}.section{padding:88px 0}.section-alt{background:var(--bg-alt)}.section-head{text-align:center;max-width:56ch;margin:0 auto 52px}.eyebrow{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--green);font-size:13px;display:inline-block}.eyebrow:before{content:"; ";opacity:.6}.section-title{letter-spacing:-.02em;margin-top:10px;font-size:clamp(26px,4vw,40px);font-weight:700}.section-subtitle{color:var(--text-muted);margin-top:14px;font-size:17px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover{border-color:rgb(var(--green-rgb) / .4);transform:translateY(-4px);box-shadow:0 18px 40px -22px #14201b4d}.card-icon{background:rgb(var(--green-rgb) / .1);width:46px;height:46px;color:var(--green);border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.card-icon svg{width:24px;height:24px}.card-title{margin-bottom:8px;font-size:18px;font-weight:650}.card-desc{color:var(--text-muted);font-size:15px}.about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:56px;display:grid}.about-text{color:var(--text-muted);margin-top:16px;font-size:17px}.stack-box{background:radial-gradient(600px 300px at 100% 0%, rgb(var(--green-bright-rgb) / .16), transparent 60%), linear-gradient(165deg, #11201a 0%, var(--ink) 70%);border:1px solid rgb(var(--green-bright-rgb) / .18);color:#fff;box-shadow:0 30px 60px -40px rgb(var(--green-bright-rgb) / .5);border-radius:18px;padding:30px;position:relative}.stack-title{color:#8aa395;font-size:14px;font-family:var(--mono);margin-bottom:18px}.stack-list{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.stack-chip{border:1px solid rgb(var(--green-bright-rgb) / .25);font-size:14px;font-family:var(--mono);background:#ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;display:inline-flex}.stack-semicolon{color:var(--green-bright)}.quote-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px 26px;position:relative}.quote-mark{color:var(--green);font-size:52px;font-weight:700;line-height:1;font-family:var(--mono);margin-bottom:6px;display:block}.quote-text{color:var(--text);font-size:16px}.quote-author{flex-direction:column;margin-top:18px;display:flex}.quote-name{font-weight:650}.quote-role{color:var(--text-muted);font-size:13px}.contact-inner{max-width:640px}.contact-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field-full{grid-column:1/-1}.field label{font-size:14px;font-weight:600}.field input,.field textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical;border-radius:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgb(var(--green-rgb) / .15);outline:none}.contact-form .btn-block{grid-column:1/-1}.hp-field{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-or{text-align:center;color:var(--text-muted);margin-top:20px;font-size:15px}.link{color:var(--green);text-underline-offset:3px;font-weight:600;text-decoration:underline}.site-footer{background:radial-gradient(620px 280px at 85% 130%, rgb(var(--green-bright-rgb) / .16), transparent 60%), linear-gradient(180deg, #112019 0%, var(--ink) 70%);color:#c7d4cd;padding:48px 0;position:relative;overflow:hidden}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--green-bright), transparent);height:2px;box-shadow:0 0 18px rgb(var(--green-bright-rgb) / .55);position:absolute;inset-block-start:0;inset-inline:0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.footer-logo{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:700}.footer-logo .accent{color:var(--green-bright)}.footer-tagline{color:#8aa395;max-width:40ch;margin-top:6px;font-size:14px}.footer-meta{color:#8aa395;flex-direction:column;gap:4px;font-size:13px;display:flex}@media (max-width:860px){.nav{display:none}.mobile-nav{display:block}.about-grid{grid-template-columns:1fr;gap:32px}}@media (max-width:420px){.header-actions .btn-sm{display:none}}@media (max-width:540px){.contact-form{grid-template-columns:1fr}.hero-stats{gap:30px}.section{padding:64px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.form-msg{border-radius:10px;grid-column:1/-1;margin:0;padding:.75rem 1rem;font-size:.95rem}.form-msg-ok{background:rgb(var(--green-bright-rgb) / .12);color:var(--green);border:1px solid rgb(var(--green-bright-rgb) / .3)}.form-msg-err{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.theme-customizer{z-index:90;position:fixed;inset-block-end:22px;inset-inline-end:22px}.tc-fab{border:1px solid var(--border);background:var(--green);color:#fff;cursor:pointer;width:50px;height:50px;box-shadow:0 10px 30px -10px rgb(var(--green-rgb) / .7);border-radius:50%;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s;display:inline-flex}.tc-fab:hover{transform:translateY(-2px)rotate(-8deg)}.tc-panel{background:var(--bg);border:1px solid var(--border);transform-origin:100% 100%;opacity:0;visibility:hidden;border-radius:16px;width:248px;padding:16px;transition:transform .18s,opacity .18s,visibility .18s;position:absolute;inset-block-end:0;inset-inline-end:64px;transform:translate(8px)scale(.96);box-shadow:0 24px 60px -28px #0a0f0d8c}[dir=rtl] .tc-panel{transform-origin:0 100%;transform:translate(-8px)scale(.96)}.tc-panel[data-open=true]{opacity:1;visibility:visible;transform:translate(0)scale(1)}.tc-title{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px;font-size:15px;font-weight:700}.tc-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tc-row-col{flex-direction:column;align-items:stretch;gap:10px}.tc-label{color:var(--text-muted);font-size:13px;font-weight:600;font-family:var(--mono)}.tc-seg{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.tc-seg button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 12px;font-size:13px;font-weight:600}.tc-seg button.active{background:var(--green);color:#fff}.tc-swatches{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.tc-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:50%;width:100%;padding:0;transition:transform .12s;position:relative}.tc-swatch:hover{transform:scale(1.12)}.tc-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg) inset}.tc-swatch-custom{color:#fff;background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#3b82f6,#a855f7,#ef4444);justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.tc-swatch-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.tc-reset{border:1px solid var(--border);width:100%;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:9px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s}.tc-reset:hover{border-color:var(--green);color:var(--green)}.games-menu{z-index:90;position:fixed;inset-block-end:84px;inset-inline-end:22px}.games-fab{background:var(--bg);color:var(--green)}.games-fab:hover{transform:translateY(-2px)rotate(8deg)}.games-panel{flex-direction:column;gap:10px;width:200px;display:flex}.game-btn{border:1px solid var(--border);background:rgb(var(--green-bright-rgb) / .08);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,transform .12s;display:inline-flex}.game-btn:hover{border-color:var(--green);background:rgb(var(--green-bright-rgb) / .14)}.game-btn:active{transform:translateY(1px)}.game-btn-icon{background:var(--green);color:#fff;width:26px;height:26px;font-family:var(--mono);border-radius:7px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.semicolon-rain{z-index:9999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.semicolon-rain span{color:var(--green-bright);font-family:var(--mono);text-shadow:0 0 12px rgb(var(--green-bright-rgb) / .6);font-weight:700;animation-name:sc-fall;animation-timing-function:linear;animation-iteration-count:1;position:absolute;top:-12vh}@keyframes sc-fall{to{opacity:0;transform:translateY(118vh)rotate(220deg)}}.fx-overlay{z-index:9999;position:fixed;inset:0}.fx-matrix{cursor:pointer;background:#060a08;animation:.25s fx-fade-in}.fx-hint{z-index:10000;color:#fff;border:1px solid rgb(var(--green-bright-rgb) / .5);width:max-content;max-width:90vw;font-size:13px;font-family:var(--mono);pointer-events:none;background:#0000008c;border-radius:999px;margin-inline:auto;padding:8px 16px;animation:.3s fx-fade-in;position:fixed;inset-block-end:26px;inset-inline:0}.fx-dvd{top:0;z-index:9998;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;will-change:transform;-webkit-user-select:none;user-select:none;direction:ltr;border:2px solid;border-radius:12px;align-items:center;padding:12px 20px;font-size:26px;font-weight:700;display:inline-flex;position:fixed;inset-inline-start:0}.fx-dvd b{color:inherit}.fx-snake{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060a08c7;justify-content:center;align-items:center;animation:.25s fx-fade-in;display:flex}.fx-snake-box{max-width:92vw;position:relative}.fx-snake-hud{color:#fff;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.fx-snake-score{font-family:var(--mono);color:var(--green-bright);font-size:22px;font-weight:700}.fx-snake-score:before{content:"; ";opacity:.6}.fx-snake-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;width:34px;height:34px;font-size:16px}.fx-snake-close:hover{border-color:var(--green-bright);color:var(--green-bright)}.fx-snake canvas{border:1px solid rgb(var(--green-bright-rgb) / .4);border-radius:12px;width:100%;height:auto;display:block}.fx-snake-over{background:#060a08d1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.2s fx-fade-in;display:flex;position:absolute;inset:38px 0 0}.fx-snake-over-title{color:#fff;font-size:24px;font-weight:700}.fx-snake-over-score{color:var(--green-bright);font-family:var(--mono);font-size:40px;font-weight:700}.fx-snake-restart{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:6px;padding:10px 24px;font-weight:600}.fx-snake-restart:hover{background:color-mix(in srgb, var(--green), #000 14%)}@keyframes fx-fade-in{0%{opacity:0}}