:root{--bg-void:#050505;--accent-safety:#FF4500;--border-subtle:rgba(255,255,255,0.1)}body{background-color:var(--bg-void);color:#E0E0E0;overflow-x:hidden;scroll-behavior:smooth}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.4;pointer-events:none}.tech-grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,#050505 120%);z-index:-1;pointer-events:none}.glass-panel{background:rgba(15,15,15,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);position:relative}.glass-panel::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-safety);opacity:0;transition:opacity 0.3s}.glass-panel:hover::before{opacity:1}h1,h2{letter-spacing:-0.02em}.mono-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase}.outline-text{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.3)}.btn-tech{position:relative;overflow:hidden;transition:all 0.3s}.btn-tech::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:0.5s}.btn-tech:hover::after{left:100%}.btn-tech:hover{box-shadow:0 0 15px rgba(255,69,0,0.3);border-color:var(--accent-safety)}.reveal{opacity:0;transform:translateY(30px);transition:all 0.8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-safety)}