@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg, #0a0a0a);color:var(--color-text, rgba(255, 255, 255, .9));overflow-x:hidden}.neon-text{animation:neonGlow 2s ease-in-out infinite alternate}@keyframes neonGlow{0%,to{text-shadow:0 0 10px var(--color-primary, #00ffc3),0 0 20px var(--color-primary, #00ffc3),0 0 30px var(--color-primary, #00ffc3),0 0 40px var(--color-primary-dark, #00cc9c)}50%{text-shadow:0 0 20px var(--color-primary, #00ffc3),0 0 30px var(--color-primary, #00ffc3),0 0 40px var(--color-primary, #00ffc3),0 0 50px var(--color-primary-dark, #00cc9c)}}.neon-text-secondary{animation:neonGlowSecondary 2s ease-in-out infinite alternate}@keyframes neonGlowSecondary{0%,to{text-shadow:0 0 10px var(--color-secondary, #ff4edd),0 0 20px var(--color-secondary, #ff4edd),0 0 30px var(--color-secondary, #ff4edd),0 0 40px var(--color-secondary-dark, #cc3eb1)}50%{text-shadow:0 0 20px var(--color-secondary, #ff4edd),0 0 30px var(--color-secondary, #ff4edd),0 0 40px var(--color-secondary, #ff4edd),0 0 50px var(--color-secondary-dark, #cc3eb1)}}.glass{background:var(--color-glass-bg, rgba(255, 255, 255, .05));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border, rgba(255, 255, 255, .1));box-shadow:0 8px 32px 0 var(--color-primary-glow, rgba(0, 255, 195, .1))}.glass-dark{background:#0a0a0ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border, rgba(255, 255, 255, .1))}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.glow-box{position:relative;transition:all .3s ease}.glow-box:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--color-primary, #00ffc3),var(--color-secondary, #ff4edd),var(--color-accent, #ffcb05),var(--color-primary, #00ffc3));border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(10px)}.glow-box:hover:before{opacity:.7}.shimmer{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.holographic{background:linear-gradient(45deg,var(--color-primary, #00ffc3) 0%,var(--color-secondary, #ff4edd) 25%,var(--color-accent, #ffcb05) 50%,var(--color-primary, #00ffc3) 75%,var(--color-secondary, #ff4edd) 100%);background-size:400% 400%;animation:holographic 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes holographic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track, rgba(255, 255, 255, .05))}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb, linear-gradient(180deg, #00ffc3 0%, #ff4edd 100%));border-radius:4px}::-webkit-scrollbar-thumb:hover{opacity:.8}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:var(--color-glass-bg, rgba(255, 255, 255, .05))}to{background-color:var(--color-glass-border, rgba(255, 255, 255, .1))}}.cyber-grid{background-image:linear-gradient(var(--color-primary-10, rgba(0, 255, 195, .1)) 1px,transparent 1px),linear-gradient(90deg,var(--color-primary-10, rgba(0, 255, 195, .1)) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch-1 .5s infinite;color:var(--color-primary, #00ffc3);z-index:-1}.glitch:after{animation:glitch-2 .5s infinite;color:var(--color-secondary, #ff4edd);z-index:-2}@keyframes glitch-1{0%{clip:rect(44px,450px,56px,0);transform:translate(0)}20%{clip:rect(20px,450px,30px,0);transform:translate(-2px,2px)}40%{clip:rect(65px,450px,90px,0);transform:translate(2px,-2px)}60%{clip:rect(10px,450px,85px,0);transform:translate(-2px,2px)}80%{clip:rect(25px,450px,35px,0);transform:translate(2px,-2px)}to{clip:rect(0,450px,100px,0);transform:translate(0)}}@keyframes glitch-2{0%{clip:rect(65px,450px,90px,0);transform:translate(0)}20%{clip:rect(10px,450px,85px,0);transform:translate(2px,2px)}40%{clip:rect(25px,450px,35px,0);transform:translate(-2px,-2px)}60%{clip:rect(44px,450px,56px,0);transform:translate(2px,2px)}80%{clip:rect(20px,450px,30px,0);transform:translate(-2px,-2px)}to{clip:rect(0,450px,100px,0);transform:translate(0)}}:root{--neon-primary: #00ffc3;--neon-secondary: #ff4edd;--neon-accent: #ffcb05;--bg-dark: #0a0a0a;--bg-paper: rgba(20, 20, 20, .8);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7)}html{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;background-color:var(--bg-dark);color:var(--text-primary)}#root{min-height:100vh}