@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-color:#050505;--text-color:#e0e0e0;--glitch-color-1:#ff003c;--glitch-color-2:#00eaff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle,#141419 0%,#050505 100%);min-height:100vh;font-family:Space Mono,monospace;overflow:hidden}.app-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.app-container:before{content:"";opacity:.05;z-index:1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite bg-noise;position:absolute;top:-50%;left:-50%}@keyframes bg-noise{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}to{transform:translate(0)}}.hero-text{text-align:center;z-index:2;letter-spacing:.15em;text-shadow:0 0 10px #ffffff1a;cursor:default;padding:0 20px;font-size:clamp(1.6rem,5vw,4rem);font-weight:700;animation:4s infinite alternate pulse;position:relative}.glitch-wrapper{display:inline-block;position:relative}.glitch-text{color:#0000;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;color:var(--text-color);opacity:.8;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-2px 0 var(--glitch-color-1);animation:2.5s linear infinite alternate-reverse glitch-anim-1;left:3px}.glitch-text:after{text-shadow:-2px 0 var(--glitch-color-2);animation:3.5s linear infinite alternate-reverse glitch-anim-2;left:-3px}@keyframes pulse{0%{text-shadow:0 0 10px #ffffff0d}to{text-shadow:0 0 20px #ffffff4d,0 0 40px #ffffff1a}}@keyframes glitch-anim-1{0%,to{clip-path:inset(20% 0 80%)}20%{clip-path:inset(60% 0 10%)}40%{clip-path:inset(40% 0 50%)}60%{clip-path:inset(80% 0 5%)}80%{clip-path:inset(10% 0 70%)}}@keyframes glitch-anim-2{0%,to{clip-path:inset(10% 0 60%)}20%{clip-path:inset(30% 0 40%)}40%{clip-path:inset(70% 0 20%)}60%{clip-path:inset(20% 0 80%)}80%{clip-path:inset(50% 0 30%)}}.hero-box{border-radius:12px;padding:4rem;transition:all .5s;position:relative}.hero-box:hover{-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000005e}