@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;500;700&display=swap";:root{--bg-color: #050510;--primary-color: #00f3ff;--primary-glow: rgba(0, 243, 255, .7);--secondary-color: #ff00ff;--secondary-glow: rgba(255, 0, 255, .7);--accent-color: #ffe600;--text-color: #e0e0e0;--grid-color: rgba(0, 243, 255, .1);--glass-bg: rgba(5, 5, 16, .6);--glass-border: rgba(0, 243, 255, .3);--font-main: "Orbitron", sans-serif;--font-secondary: "Rajdhani", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-secondary);overflow:hidden;min-height:100vh}.bg-grid{position:fixed;top:0;left:0;width:200vw;height:200vh;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);animation:grid-move 20s linear infinite;z-index:-2;pointer-events:none}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(500px) rotateX(60deg) translateY(50px) translateZ(-200px)}}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.6}.crt-overlay:after{content:" ";display:block;position:absolute;inset:0;background:#1210101a;opacity:0;z-index:2;pointer-events:none;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.02}5%{opacity:.05}10%{opacity:.02}15%{opacity:.06}20%{opacity:.02}25%{opacity:.02}30%{opacity:.02}35%{opacity:.01}40%{opacity:.02}45%{opacity:.02}50%{opacity:.02}55%{opacity:.02}60%{opacity:.02}65%{opacity:.02}70%{opacity:.02}75%{opacity:.02}80%{opacity:.02}85%{opacity:.02}90%{opacity:.02}95%{opacity:.02}to{opacity:.02}}.neon-text{color:var(--primary-color);text-shadow:0 0 10px var(--primary-glow),0 0 20px var(--primary-glow);font-family:var(--font-main)}.neon-text-pink{color:var(--secondary-color);text-shadow:0 0 10px var(--secondary-glow),0 0 20px var(--secondary-glow);font-family:var(--font-main)}.neon-box{background:var(--glass-bg);border:1px solid var(--primary-color);box-shadow:0 0 15px var(--glass-border),inset 0 0 15px var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.glow-btn{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:1rem 2rem;font-family:var(--font-main);font-size:1.5rem;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .2s;box-shadow:0 0 10px var(--glass-border);position:relative;overflow:hidden}.glow-btn:hover{background:var(--primary-color);color:#000;box-shadow:0 0 30px var(--primary-glow)}.glow-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.glow-btn:hover:before{left:100%}.screen-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}4.166%{clip:rect(70px,9999px,16px,0)}8.333%{clip:rect(10px,9999px,43px,0)}12.5%{clip:rect(8px,9999px,86px,0)}16.666%{clip:rect(54px,9999px,20px,0)}20.833%{clip:rect(48px,9999px,7px,0)}25%{clip:rect(46px,9999px,8px,0)}to{clip:rect(4px,9999px,98px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0)}4.166%{clip:rect(59px,9999px,3px,0)}8.333%{clip:rect(98px,9999px,4px,0)}12.5%{clip:rect(27px,9999px,2px,0)}16.666%{clip:rect(2px,9999px,65px,0)}20.833%{clip:rect(73px,9999px,91px,0)}25%{clip:rect(3px,9999px,92px,0)}to{clip:rect(4px,9999px,60px,0)}}
