:root{--font-family:var(--font-ibm-plex),monospace;--color-bg:#0a0a0f;--color-bg-elevated:#141517;--color-text:#ffffff;--color-text-muted:#8b8d98;--color-lime:#c4ff0d;--color-orange:#ff6b35;--color-border:#2c2e33}body{margin:0;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-ibm-plex),monospace}html{scroll-behavior:smooth}.section{padding:120px 0;position:relative;scroll-margin-top:80px}.text-gradient{background:linear-gradient(135deg,var(--color-lime) 0,var(--color-orange) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}@media (max-width:768px){.section{padding:60px 0}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:40px 40px;opacity:.03;pointer-events:none;z-index:0}.tech-label{font-family:var(--font-jetbrains),monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-weight:400}.geometric-accent{position:absolute;border:2px solid var(--color-lime);opacity:.2;pointer-events:none}.sharp-border{border:2px solid var(--color-border);position:relative}.sharp-border:before{content:"";position:absolute;top:-2px;left:20px;width:60px;height:2px;background:var(--color-lime)}.oversized-number{font-family:var(--font-archivo),sans-serif;font-size:10rem;line-height:.8;opacity:.05;position:absolute;font-weight:400;pointer-events:none}@media (max-width:768px){.oversized-number{font-size:6rem}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}a{color:inherit}.skip-link,a{text-decoration:none}.skip-link{position:absolute;top:-45px;left:0;background:#1a1b1e;color:#fff;padding:8px 16px;z-index:1000;transition:top .3s;border-radius:0 0 4px 0;font-weight:500}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-lime);outline-offset:2px}.code-block{font-family:var(--font-jetbrains),monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-left:3px solid var(--color-lime);padding:1rem;font-size:.875rem;line-height:1.6}.diagonal-accent{position:absolute;width:200px;height:2px;background:linear-gradient(90deg,transparent 0,var(--color-orange) 50%,transparent 100%);transform:rotate(-45deg);opacity:.3}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-4px)}