:root{--bg-deep: #0a0a0f;--bg-surface: #12121a;--bg-elevated: #1a1a28;--bg-hover: #222236;--text-primary: #e8e6e3;--text-secondary: #6b6b7b;--text-dim: #44445a;--accent: #00ffd5;--accent-dim: rgba(0, 255, 213, .4);--accent-glow: rgba(0, 255, 213, .12);--accent-amber: #ffb800;--border: rgba(255, 255, 255, .06);--border-bright: rgba(255, 255, 255, .12);--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Space Grotesk", system-ui, sans-serif;--section-pad: clamp(4rem, 8vw, 8rem);--container: 1200px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--bg-deep);overflow-x:hidden;cursor:none}@media(max-width:768px){body{cursor:auto}}a{color:inherit;text-decoration:none}button{cursor:none;font-family:inherit}@media(max-width:768px){button{cursor:pointer}}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--bg-deep)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.vignette{position:fixed;inset:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%)}.pixel-grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.3;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.section{position:relative;padding:var(--section-pad) 0;border-top:1px solid var(--border)}.section-label{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.25em;color:var(--text-secondary);margin-bottom:1.5rem}.section-label .index{color:var(--accent)}.section-label .line{display:inline-block;width:32px;height:1px;background:var(--border-bright)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary)}.chromatic{position:relative}.chromatic:before,.chromatic:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.chromatic:before{color:#ff005080;clip-path:inset(0 0 0 0);transform:translate(-2px,1px);animation:chromaShift 4s infinite alternate}.chromatic:after{color:#00ffd580;clip-path:inset(0 0 0 0);transform:translate(2px,-1px);animation:chromaShift 4s infinite alternate-reverse}@keyframes chromaShift{0%,90%{transform:translate(-2px,1px)}93%{transform:translate(3px,-1px)}96%{transform:translate(-1px,2px)}to{transform:translate(-2px,1px)}}.glow-border{position:relative;border:1px solid var(--border-bright);transition:border-color .3s,box-shadow .3s}.glow-border:hover{border-color:var(--accent-dim);box-shadow:0 0 30px -5px var(--accent-glow),inset 0 0 30px -10px var(--accent-glow)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:12px 28px;border-radius:4px;border:1px solid var(--border-bright);background:transparent;color:var(--text-primary);transition:all .3s var(--ease-out-expo);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out-expo);z-index:-1}.btn:hover:before{transform:scaleX(1)}.btn:hover{color:var(--bg-deep);border-color:var(--accent)}.btn-primary{background:var(--accent);color:var(--bg-deep);border-color:var(--accent);font-weight:600}.btn-primary:before{background:var(--bg-deep)}.btn-primary:hover{color:var(--accent);box-shadow:0 0 40px -4px var(--accent-glow)}.input-field{width:100%;font-family:var(--font-mono);font-size:14px;color:var(--text-primary);background:transparent;border:none;border-bottom:1px solid var(--border-bright);padding:10px 0;outline:none;transition:border-color .3s}.input-field::placeholder{color:var(--text-dim)}.input-field:focus{border-color:var(--accent)}.input-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);margin-bottom:6px;display:block}textarea.input-field{resize:vertical;min-height:80px;border:1px solid var(--border-bright);padding:12px;border-radius:4px}textarea.input-field:focus{border-color:var(--accent)}@keyframes crtOn{0%{transform:scaleY(.005) scaleX(0);opacity:1}30%{transform:scaleY(.005) scaleX(1)}60%{transform:scaleY(1) scaleX(1)}to{transform:scaleY(1) scaleX(1);opacity:1}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes glitch{0%,90%{transform:translate(0)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-1px,3px)}98%{transform:translate(1px,-2px)}to{transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);position:relative}.status-dot:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2.5);opacity:0}}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}