@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(to left,var(--clr-surface-a10),var(--clr-surface-a20));font-family:Raleway,serif!important;margin:0}:root{--primary-neon:#0ff;--secondary-neon:#f0f;--accent-neon:#ff0;--dark-bg:#0a0a0f;--darker-bg:#050507;--tech-blue:#007acc;--tech-purple:#6e1fff;--hologram:#00ffff1a;--grid-size:30px}body{background-color:#0a0a0f;background-color:var(--dark-bg);background-image:linear-gradient(#00ffff1a 1px,#0000 0),linear-gradient(90deg,#00ffff1a 1px,#0000 0);background-image:linear-gradient(var(--hologram) 1px,#0000 1px),linear-gradient(90deg,var(--hologram) 1px,#0000 1px);background-position:50%;background-size:30px 30px;background-size:var(--grid-size) var(--grid-size);color:#fff;font-family:Space Grotesk,sans-serif;overflow-x:hidden}.tech-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050507;background:var(--darker-bg);border:1px solid #0ff;border:1px solid var(--primary-neon);border-radius:8px;box-shadow:0 0 20px #00ffff1a;padding:20px;position:relative}.neon-text{color:#fff;text-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff;text-shadow:0 0 5px var(--primary-neon),0 0 10px var(--primary-neon),0 0 20px var(--primary-neon)}.neon-border{border:2px solid #0ff;border:2px solid var(--primary-neon);box-shadow:0 0 10px #0ff,inset 0 0 10px #0ff;box-shadow:0 0 10px var(--primary-neon),inset 0 0 10px var(--primary-neon);position:relative}.glitch-effect{position:relative;&:after,&:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}&:before{animation:glitch-1 2s linear infinite alternate-reverse;color:#f0f;color:var(--secondary-neon);left:2px}&:after{animation:glitch-2 3s linear infinite alternate-reverse;color:#0ff;color:var(--primary-neon);left:-2px}}@keyframes glitch-1{0%,to{-webkit-clip-path:inset(50% 0 30% 0);clip-path:inset(50% 0 30% 0)}20%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0)}40%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0)}60%{-webkit-clip-path:inset(70% 0 10% 0);clip-path:inset(70% 0 10% 0)}80%{-webkit-clip-path:inset(10% 0 80% 0);clip-path:inset(10% 0 80% 0)}}@keyframes glitch-2{0%,to{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0)}20%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0)}40%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0)}60%{-webkit-clip-path:inset(30% 0 50% 0);clip-path:inset(30% 0 50% 0)}80%{-webkit-clip-path:inset(50% 0 30% 0);clip-path:inset(50% 0 30% 0)}}.hover-glow{transition:all .3s ease;&:hover{color:#0ff;color:var(--primary-neon);text-shadow:0 0 10px #0ff;text-shadow:0 0 10px var(--primary-neon);transform:scale(1.05)}}.tech-button{background:#0000;border:2px solid #0ff;border:2px solid var(--primary-neon);border-radius:4px;color:#0ff;color:var(--primary-neon);letter-spacing:2px;overflow:hidden;padding:10px 25px;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1;&:before{background:#0ff;background:var(--primary-neon);border-radius:50%;content:"";height:0;left:50%;opacity:.2;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:-1}&:hover{border-color:#007acc;border-color:var(--tech-blue);box-shadow:0 0 20px #007acc;box-shadow:0 0 20px var(--tech-blue);color:#fff;&:before{height:300px;width:300px}}}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.scanner-line{animation:scanning 2s ease-in-out infinite;background:#0ff;background:var(--primary-neon);height:2px;position:absolute;width:100%}@keyframes scanning{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(100%)}}.App{background:#0a0a0f;background:var(--dark-bg);min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#050507;background-color:var(--darker-bg);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;overflow:hidden;position:relative;&:before{animation:bg-scroll 20s linear infinite;background:linear-gradient(45deg,#00ffff1a 25%,#0000 0),linear-gradient(-45deg,#00ffff1a 25%,#0000 0);background:linear-gradient(45deg,var(--hologram) 25%,#0000 25%),linear-gradient(-45deg,var(--hologram) 25%,#0000 25%);background-size:60px 60px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}}@keyframes bg-scroll{0%{background-position:0 0}to{background-position:60px 60px}}.App-link{color:#007acc;color:var(--tech-blue);position:relative;text-decoration:none;&:after{background:#007acc;background:var(--tech-blue);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}&:hover:after{transform:scaleX(1);transform-origin:left}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9cc36f6c.css.map*/