:root{--yellow: #FFD700;--bright-yellow: #FFF500;--dark-yellow: #FFA500;--black: #000000;--deep-black: #0A0A0A;--gray: #1A1A1A}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Space Grotesk,Inter,sans-serif;background:#000;color:#fff;overflow-x:hidden;position:relative}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--yellow),var(--dark-yellow));border-radius:10px}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="200" height="200"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" /%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noise)" /%3E%3C/svg%3E')}.glow-text{text-shadow:0 0 20px rgb(255,217,0),0 0 40px rgb(255,217,0)}.glow-border{box-shadow:0 0 20px #ffd900,inset 0 0 20px #ffd900;border:1px solid rgb(255,217,0)}.magnetic{transition:transform .3s cubic-bezier(.23,1,.32,1)}.neon-glow{color:var(--yellow);text-shadow:0 0 10px var(--yellow),0 0 20px var(--yellow),0 0 30px var(--yellow),0 0 40px var(--dark-yellow),0 0 70px var(--dark-yellow)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:10000;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.loader{width:100px;height:100px;border:3px solid rgba(255,215,0,.1);border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.23,1,.32,1)}.reveal.active{opacity:1;transform:translateY(0)}.stagger{opacity:0;transform:translateY(30px)}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}.tech-banner{display:flex;animation:scroll-left 30s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo{max-width:95vw;max-height:45vh;height:auto;width:auto;opacity:1;filter:brightness(1.2) drop-shadow(0 0 15px var(--yellow));image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;animation:glitch .2s infinite}@keyframes glitch{0%,90%,to{transform:translate(0) scale(1);filter:brightness(1.2) drop-shadow(0 0 15px var(--yellow))}92%{transform:translate(-2px) scale(1.01);filter:brightness(1.1) hue-rotate(10deg) drop-shadow(0 0 20px var(--yellow))}94%{transform:translate(3px) scale(.99);filter:brightness(1.3) hue-rotate(-5deg) drop-shadow(0 0 25px var(--yellow))}96%{transform:translate(-1px);filter:brightness(1.15) hue-rotate(5deg)}}@media (min-width: 640px){.logo{max-width:85vw;max-height:40vh;animation:glitch .2s infinite}}@media (min-width: 768px){.logo{max-width:75vw;max-height:35vh;filter:brightness(1.2) drop-shadow(0 0 15px var(--yellow));animation:glitch .2s infinite}}@media (min-width: 1024px){.logo{max-width:55vw;max-height:30vh;filter:brightness(1.2) drop-shadow(0 0 15px var(--yellow));animation:glitch .2s infinite}}@media (min-width: 1280px){.logo{max-width:55vw;max-height:30vh;animation:glitch .2s infinite}}.filter-invert-dark{filter:invert(1)}.shadow-flow{animation:shadow-pulse 2s infinite}@keyframes shadow-pulse{0%{box-shadow:0 0 10px var(--dark-yellow),0 0 20px var(--dark-yellow)}50%{box-shadow:0 0 15px var(--dark-yellow),0 0 30px var(--dark-yellow),0 0 45px var(--dark-yellow)}to{box-shadow:0 0 10px var(--dark-yellow),0 0 20px var(--dark-yellow)}}