@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-color:#010103;--text-color:#edf2f6;--muted-color:#92a5b2;--glitch-color-1:#ff2f64;--glitch-color-2:#35e7ff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:var(--text-color);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(circle at 50% 35%,#060e16f2 0%,#010103 58%),radial-gradient(circle at 10% 10%,#ff2f640f,#0000 35%),radial-gradient(circle at 88% 18%,#35e7ff14,#0000 38%);font-family:Space Mono,monospace;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.28;z-index:120;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px);position:fixed;inset:0}::selection{color:#f5fcff;background:#35e7ff40}.app-container{isolation:isolate;place-items:center;min-height:100svh;padding:clamp(1.5rem,4vw,4rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 180px 50px #000000f2}.app-container:before,.app-container:after{content:"";pointer-events:none;position:absolute;inset:0}.app-container:before{z-index:-3;filter:blur(1px);background:radial-gradient(circle at 50% 44%,#00eaff29,#0000 24rem),radial-gradient(circle at 18% 20%,#ff003c21,#0000 20rem),linear-gradient(115deg,#0000 0 46%,#ffffff09 48%,#0000 51% 100%);animation:10s ease-in-out infinite alternate spectral-drift}.app-container:after{z-index:-1;opacity:.48;background:linear-gradient(#00eaff0e 1px,#0000 1px) 0 0/52px 52px,linear-gradient(90deg,#00eaff09 1px,#0000 1px) 0 0/52px 52px,radial-gradient(circle,#0000 0 32%,#000000d1 80%) 0 0/100% 100%;-webkit-mask-image:radial-gradient(circle,#000 0 46%,#0000 78%);mask-image:radial-gradient(circle,#000 0 46%,#0000 78%)}.hero-box{text-align:center;-webkit-backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(145deg,#ffffff12,#ffffff04),#03030361;border:1px solid #d0d0d01f;border-radius:28px;width:min(920px,100%);padding:clamp(2rem,7vw,5.5rem) clamp(1.25rem,5vw,4rem);animation:.9s cubic-bezier(.2,.8,.2,1) forwards reveal-transmission;position:relative;transform:translateY(10px);box-shadow:0 0 0 1px #00eaff0a,0 28px 90px #000000b8,inset 0 1px #ffffff1c}.hero-box:before,.hero-box:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:1px}.hero-box:before{opacity:.76;background:linear-gradient(90deg,#0000,#00eaff52,#0000) top/100% 1px no-repeat,linear-gradient(#0000,#ff003c33,#0000) 100%/1px 100% no-repeat}.hero-box:after{z-index:-1;filter:blur(38px);opacity:.52;background:conic-gradient(from 180deg,#0000,#00eaff2e,#0000,#ff003c1f,#0000);animation:16s linear infinite halo-rotate;inset:-40%}.signal-line{color:var(--muted-color);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 0 18px #00eaff80;margin-bottom:clamp(1rem,3vw,1.75rem);font-size:clamp(.68rem,1.8vw,.86rem)}.signal-line:before,.signal-line:after{content:"";background:var(--glitch-color-2);width:.55rem;height:.55rem;box-shadow:0 0 16px var(--glitch-color-2);vertical-align:middle;border-radius:999px;margin:0 .65rem .08rem;animation:1.7s ease-in-out infinite signal-pulse;display:inline-block}.hero-text{z-index:2;color:var(--text-color);letter-spacing:clamp(.04em,.7vw,.14em);text-wrap:balance;text-shadow:0 0 14px #fff3,0 0 44px #00eaff2e;margin:0;font-size:clamp(2rem,8vw,5.7rem);font-weight:700;line-height:.96;position:relative}.glitch-wrapper{display:inline-block;position:relative}.glitch-text{color:var(--text-color);animation:4.8s ease-in-out infinite alternate text-breathe;display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:.72;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.glitch-text:before{color:var(--glitch-color-1);animation:2.8s steps(2,end) infinite alternate-reverse glitch-slice-a;transform:translate(-.045em)}.glitch-text:after{color:var(--glitch-color-2);animation:3.4s steps(2,end) infinite alternate-reverse glitch-slice-b;transform:translate(.045em)}.hero-subtext{color:#e0e7ebb8;letter-spacing:.08em;max-width:36rem;margin:clamp(1.2rem,3vw,1.9rem) auto 0;font-size:clamp(.95rem,2.2vw,1.08rem);line-height:1.7}@keyframes reveal-transmission{0%{opacity:0;filter:blur(10px);transform:translateY(22px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes spectral-drift{0%{transform:scale(1)translate(-1.5%,-1%)}to{transform:scale(1.08)translate(1.5%,1%)}}@keyframes halo-rotate{to{transform:rotate(1turn)}}@keyframes signal-pulse{0%,to{opacity:.38;transform:scale(.72)}50%{opacity:1;transform:scale(1)}}@keyframes text-breathe{0%{filter:brightness(.92)}to{filter:brightness(1.16)}}@keyframes glitch-slice-a{0%,to{clip-path:inset(0 0 88%)}18%{clip-path:inset(22% 0 56%)}36%{clip-path:inset(74% 0 8%)}54%{clip-path:inset(42% 0 34%)}72%{clip-path:inset(10% 0 72%)}}@keyframes glitch-slice-b{0%,to{clip-path:inset(84% 0 0)}20%{clip-path:inset(12% 0 70%)}40%{clip-path:inset(52% 0 26%)}60%{clip-path:inset(28% 0 48%)}80%{clip-path:inset(68% 0 14%)}}@media (width<=640px){.app-container{padding:1rem}.hero-box{border-radius:22px}.signal-line{letter-spacing:.18em}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}