.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:100}.hero-text{font-family:Outfit,sans-serif;font-weight:900;letter-spacing:-.06em;line-height:.75;text-transform:uppercase}.glass-card{position:relative;background:#ffffff04;border-radius:32px;transition:transform .8s cubic-bezier(.16,1,.3,1),background .5s ease;overflow:hidden;border:1px solid rgba(255,255,255,.04);--glow-rgb: 255, 255, 255}@media(min-width:768px){.glass-card{border-radius:48px}}.glass-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(var(--glow-size, 300px) circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(var(--glow-rgb),var(--glow-opacity, .06)),transparent 100%);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:0}.glass-card:hover:before{opacity:1}.glass-card.neural-dots-card{overflow:visible}.variant-warn{--glow-rgb: 255, 50, 50;--glow-opacity: .1}.variant-ice{--glow-rgb: 100, 200, 255;--glow-opacity: .08}.variant-void{--glow-rgb: 150, 100, 255;--glow-opacity: .07}.scan-effect:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(255,255,255,.01) 50%);background-size:100% 4px;pointer-events:none;z-index:2}.void-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.06);padding:10px 0 12px;transition:border-color .4s ease,box-shadow .4s ease}.void-input-wrapper:focus-within{border-color:#9664ff33;box-shadow:0 1px #9664ff26}.void-input-prefix{font-family:ui-monospace,monospace;font-size:.7rem;opacity:.35;-webkit-user-select:none;user-select:none}.void-input{background:transparent;border:none;flex:1;padding:0;color:#ffffffe6;font-family:ui-monospace,monospace;font-weight:400;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;outline:none;box-shadow:none}.void-input:focus,.void-input:focus-visible{outline:none;box-shadow:none}.void-input::placeholder{color:#ffffff1f;letter-spacing:.2em}.void-input-cursor{width:2px;height:1em;background:#9664ff80;animation:void-cursor-blink 1.2s step-end infinite}@keyframes void-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.neural-dots-container{width:100%;height:80px;display:grid;grid-template-columns:repeat(var(--dot-cols, 12),1fr);grid-template-rows:repeat(4,1fr);gap:6px 4px;align-items:center;justify-items:center;position:relative;flex-shrink:0}@media(min-width:768px){.neural-dots-container{height:110px;gap:8px 6px}}.neural-dot{width:4px;height:4px;border-radius:50%;background:#fff9;transition:opacity .2s ease}@media(min-width:768px){.neural-dot{width:5px;height:5px}}.neural-footer{overflow:hidden;position:relative}.neural-footer:before{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,200,255,.04),transparent);animation:neural-scan 3.5s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes neural-scan{0%{transform:translate(-100%)}to{transform:translate(450%)}}.neural-title{animation:neural-title-pulse 3s ease-in-out infinite}@keyframes neural-title-pulse{0%,to{opacity:1}50%{opacity:.85}}.sync-cursor{opacity:.6;animation:sync-blink 1s step-end infinite}@keyframes sync-blink{0%,50%{opacity:.6}51%,to{opacity:0}}.neural-stats{animation:neural-stats-flicker 8s ease-in-out infinite}@keyframes neural-stats-flicker{0%,95%,to{opacity:.45}96%,97%{opacity:.3}98%,99%{opacity:.6}}.console-line{font-family:monospace;font-size:11px;opacity:.7;line-height:1.7;white-space:nowrap;overflow:hidden}.packet-flicker{animation:packet-flicker .5s ease-in-out infinite}@keyframes packet-flicker{0%,to{opacity:.5}50%{opacity:.8}}.binary-pulse{animation:binary-pulse .6s ease-in-out infinite}@keyframes binary-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes signalPulse{0%,to{opacity:.5;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.coherence-ring{position:relative;background:conic-gradient(#64c8ff80 calc(var(--coherence, 0) * 3.6deg),#ffffff0d 0);display:flex;align-items:center;justify-content:center}.coherence-inner{position:absolute;inset:4px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center}.fade-up{opacity:1;transform:translateY(0);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
