:root{--bg: #070707;--bg2: #0c0c0c;--surface: rgba(14,14,14,.9);--orange: #ff6a00;--orange-glow: rgba(255,106,0,.22);--orange-dim: rgba(255,106,0,.08);--orange-mid: rgba(255,106,0,.18);--green: #00ff41;--green-glow: rgba(0,255,65,.18);--green-dim: rgba(0,255,65,.07);--red: #ff2020;--red-dim: rgba(255,32,32,.08);--chrome: #c0c0c0;--chrome-dim: rgba(192,192,192,.12);--border: rgba(255,106,0,.1);--border-h: rgba(255,106,0,.38);--text: #e8e8e8;--text2: #888899;--text3: #444455;--font-display: "Syne", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "Plus Jakarta Sans", sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--space-section: 120px;--space-section-sm: 72px;--pad-x: 48px;--pad-x-sm: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;cursor:none;line-height:1.6;-webkit-font-smoothing:antialiased}@media (pointer: coarse){body{cursor:auto}a,button{cursor:pointer}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(var(--orange),var(--red));border-radius:2px}::selection{background:#ff6a0033;color:var(--orange)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:.038;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.6) 0px,rgba(255,255,255,.6) 1px,transparent 1px,transparent 50%),repeating-linear-gradient(-45deg,rgba(255,255,255,.6) 0px,rgba(255,255,255,.6) 1px,transparent 1px,transparent 50%);background-size:4px 4px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,106,0,.012) 3px,rgba(255,106,0,.012) 4px)}h1,h2,h3,h4{font-family:var(--font-display)}code,pre{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 var(--pad-x)}.section{padding:var(--space-section) 0;position:relative}.grad-text{background:linear-gradient(135deg,var(--orange) 0%,#ffae00 40%,var(--red) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s linear infinite}.outline-text{-webkit-text-stroke:1.5px var(--orange);color:transparent}.chrome-text{-webkit-text-stroke:1.5px var(--chrome);color:transparent}.sec-tag{font-family:var(--font-mono);font-size:.68rem;color:var(--orange);letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px}.sec-tag:before{content:"";display:block;width:28px;height:1px;background:var(--orange)}.chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:4px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em}.chip-orange{background:var(--orange-dim);color:var(--orange);border:1px solid rgba(255,106,0,.22)}.chip-green{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,255,65,.18)}.chip-red{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,32,32,.2)}.chip-chrome{background:var(--chrome-dim);color:var(--chrome);border:1px solid rgba(192,192,192,.18)}.circuit-bg{background-image:linear-gradient(rgba(0,255,65,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.03) 1px,transparent 1px),linear-gradient(rgba(255,106,0,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,106,0,.015) 1px,transparent 1px);background-size:80px 80px,80px 80px,20px 20px,20px 20px}@keyframes gradientShift{to{background-position:200% center}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.93)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@media (max-width: 1024px){:root{--pad-x: 32px;--space-section: 96px}}@media (max-width: 768px){:root{--pad-x: var(--pad-x-sm);--space-section: var(--space-section-sm)}h2{font-size:clamp(1.7rem,6vw,2.4rem)!important}img,video,canvas,svg{max-width:100%}a,button{min-height:44px;display:inline-flex;align-items:center}}@media (max-width: 400px){:root{--pad-x: 16px;--space-section: 60px}}
