*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#020206;font-family:Orbitron,Share Tech Mono,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:relative;width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#020206;cursor:crosshair}.boot-sequence{position:absolute;inset:0;z-index:100;background:#020206;display:flex;align-items:center;justify-content:center;transition:opacity .7s cubic-bezier(.4,0,0,1),transform .7s cubic-bezier(.4,0,0,1)}.boot-sequence.boot-exit{opacity:0;transform:scale(1.1);pointer-events:none}.boot-terminal{font-family:Share Tech Mono,monospace;font-size:clamp(11px,2vw,14px);color:#0fa;max-width:600px;width:90%;padding:20px}.boot-line{opacity:0;animation:bootLineIn .25s ease forwards;margin-bottom:5px;text-shadow:0 0 8px rgba(0,255,170,.5)}.boot-line.boot-accent{color:#fff;font-size:1.15em;margin-top:12px;text-shadow:0 0 20px rgba(0,255,170,.9),0 0 60px rgba(0,255,170,.3)}@keyframes bootLineIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.boot-progress-container{margin-top:18px}.boot-progress-label{margin-bottom:6px;font-size:.85em;color:#00d4ff}.boot-progress-bar{width:100%;height:3px;background:#00ffaa0f;border-radius:2px;overflow:hidden}.boot-progress-fill{height:100%;background:linear-gradient(90deg,#0fa,#00d4ff);border-radius:2px;transition:width .03s linear;box-shadow:0 0 16px #00ffaab3}.boot-progress-percent{margin-top:4px;font-size:.75em;color:#0fa6;text-align:right}.main-scene{position:absolute;inset:0;opacity:0;transform:scale(.9);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);pointer-events:none}.main-scene.scene-revealed{opacity:1;transform:scale(1);pointer-events:auto}.particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.hex-grid{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.5;pointer-events:none}.light-streaks{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.streak{position:absolute;width:1px;height:50%;opacity:0}.streak-1{left:15%;background:linear-gradient(180deg,transparent,rgba(0,255,170,.2),transparent);animation:streakDrop 6s 2s ease-in-out infinite}.streak-2{left:40%;background:linear-gradient(180deg,transparent,rgba(0,212,255,.12),transparent);animation:streakDrop 8s 4s ease-in-out infinite}.streak-3{left:68%;background:linear-gradient(180deg,transparent,rgba(0,255,200,.1),transparent);animation:streakDrop 10s 6s ease-in-out infinite}.streak-4{left:85%;background:linear-gradient(180deg,transparent,rgba(0,255,170,.06),transparent);animation:streakDrop 7s 1s ease-in-out infinite}.streak-5{left:52%;background:linear-gradient(180deg,transparent,rgba(0,212,255,.08),transparent);animation:streakDrop 9s 8s ease-in-out infinite}@keyframes streakDrop{0%{transform:translateY(-120%);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translateY(280%);opacity:0}}.parallax-container{position:absolute;inset:0;z-index:5}.parallax-layer{position:absolute;inset:0;will-change:transform;transition:transform .1s cubic-bezier(.2,0,0,1)}.text-layer,.center-layer{display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;z-index:1;will-change:transform}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#00FFAA,transparent 70%);top:-15%;left:-10%;animation:orbDrift1 18s ease-in-out infinite}.orb-2{width:550px;height:550px;background:radial-gradient(circle,#00D4FF,transparent 70%);bottom:-20%;right:-10%;animation:orbDrift2 22s ease-in-out infinite}.orb-3{width:350px;height:350px;background:radial-gradient(circle,#00FFC8,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbDrift3 14s ease-in-out infinite;opacity:.12}@keyframes orbDrift1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(80px,60px) scale(1.15)}50%{transform:translate(40px,100px) scale(.9)}75%{transform:translate(-30px,40px) scale(1.08)}}@keyframes orbDrift2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-60px,-40px) scale(1.12)}50%{transform:translate(-30px,-80px) scale(.88)}75%{transform:translate(40px,-30px) scale(1.06)}}@keyframes orbDrift3{0%,to{transform:translate(-50%,-50%) scale(1)}33%{transform:translate(-45%,-58%) scale(1.25)}66%{transform:translate(-55%,-42%) scale(.82)}}.grid-overlay{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(0,255,170,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,170,.012) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,black 15%,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at center,black 15%,transparent 60%)}.floating-code-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-code{position:absolute;font-family:Share Tech Mono,monospace;color:#00ffaa0d;white-space:nowrap;animation:codeRise linear infinite;opacity:0}@keyframes codeRise{0%{transform:translateY(110vh) rotate(0);opacity:0}3%{opacity:1}97%{opacity:1}to{transform:translateY(-10vh) rotate(1.5deg);opacity:0}}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,170,.06) 20%,rgba(0,255,170,.15) 50%,rgba(0,255,170,.06) 80%,transparent 100%);z-index:15;animation:scanDrop 5s linear infinite;pointer-events:none}.scan-line-2{animation:scanDrop 7s 2s linear infinite reverse;opacity:.5;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.08) 30%,rgba(0,212,255,.12) 50%,rgba(0,212,255,.08) 70%,transparent 100%)}.scan-line-3{animation:scanDrop 11s 5s linear infinite;opacity:.25;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,200,.06) 40%,rgba(0,255,200,.1) 50%,rgba(0,255,200,.06) 60%,transparent 100%)}@keyframes scanDrop{0%{top:-2px}to{top:100%}}.breathing-ring-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.breathing-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.breathing-ring-1{width:clamp(240px,35vw,420px);height:clamp(240px,35vw,420px);border:1px solid rgba(0,255,170,.08);animation:breathePulse 5s ease-in-out infinite;box-shadow:0 0 80px #00ffaa05 inset}.breathing-ring-2{width:clamp(340px,48vw,580px);height:clamp(340px,48vw,580px);border:1px solid rgba(0,212,255,.05);animation:breathePulse 5s 1.2s ease-in-out infinite}.breathing-ring-3{width:clamp(440px,62vw,740px);height:clamp(440px,62vw,740px);border:1px solid rgba(0,255,200,.03);animation:breathePulse 5s 2.4s ease-in-out infinite}@keyframes breathePulse{0%,to{transform:translate(-50%,-50%) scale(.92);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.energy-arcs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(400px,55vw,700px);height:clamp(400px,55vw,700px);z-index:4;pointer-events:none}.arc-svg{width:100%;height:100%}.arc{stroke-dasharray:120 500;stroke-linecap:round}.arc-1{animation:arcSpin 12s linear infinite;transform-origin:400px 400px}.arc-2{animation:arcSpin 18s linear infinite reverse;transform-origin:400px 400px;stroke-dasharray:80 600}.arc-3{animation:arcSpin 25s linear infinite;transform-origin:400px 400px;stroke-dasharray:60 800}@keyframes arcSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-wrapper{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.text-row{position:relative;display:flex;align-items:center;justify-content:center}.text-inner{position:relative;display:inline-flex;align-items:center}.roudi-text{font-family:Orbitron,sans-serif;font-size:clamp(3.5rem,14vw,12rem);font-weight:900;letter-spacing:.22em;color:#d0ece0;text-transform:uppercase;position:relative;cursor:default;animation:textReveal 1.4s cubic-bezier(.16,1,.3,1) forwards;opacity:0;line-height:1;margin:0;padding:0;white-space:nowrap}@keyframes textReveal{0%{opacity:0;transform:translateY(50px) scale(.85);filter:blur(20px);letter-spacing:1em}35%{filter:blur(0px)}65%{transform:translateY(-5px) scale(1.02);letter-spacing:.22em}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px);letter-spacing:.22em}}.roudi-text:before{content:"ROUDI";position:absolute;top:0;left:0;width:100%;height:100%;color:#0fa;filter:blur(50px);opacity:.35;animation:glowBreath1 4s ease-in-out infinite;z-index:-1}.roudi-text:after{content:"ROUDI";position:absolute;top:0;left:0;width:100%;height:100%;color:#00d4ff;filter:blur(80px);opacity:.2;animation:glowBreath2 4s 1s ease-in-out infinite;z-index:-1}@keyframes glowBreath1{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.45;transform:scale(1.04)}}@keyframes glowBreath2{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}.cursor-blink{display:inline-block;width:3px;height:.75em;margin-left:6px;background:linear-gradient(180deg,#0fa,#00d4ff);animation:cursorPulse .9s ease-in-out infinite;border-radius:2px;box-shadow:0 0 18px #0fa9,0 0 40px #00ffaa26;flex-shrink:0;vertical-align:middle}@keyframes cursorPulse{0%,to{opacity:1}50%{opacity:0}}.text-reflection{font-family:Orbitron,sans-serif;font-size:clamp(3.5rem,14vw,12rem);font-weight:900;letter-spacing:.22em;text-transform:uppercase;line-height:1;color:transparent;background:linear-gradient(180deg,rgba(0,255,170,.1) 0%,transparent 70%);-webkit-background-clip:text;background-clip:text;transform:scaleY(-1) translateY(6px);mask-image:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 55%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 55%);pointer-events:none;animation:reflectionIn 1.8s .6s ease forwards;opacity:0;filter:blur(2px);white-space:nowrap}@keyframes reflectionIn{to{opacity:1}}.morph-default{transition:all .8s ease}.morph-electric.roudi-text{text-shadow:0 0 10px #00FFAA,0 0 25px #00FFAA,0 0 50px rgba(0,255,170,.6),0 0 100px rgba(0,255,170,.2);animation:textReveal 1.4s cubic-bezier(.16,1,.3,1) forwards,electricSnap .1s infinite}@keyframes electricSnap{0%,to{opacity:1}15%{opacity:.9}30%{opacity:.98}50%{opacity:.85}70%{opacity:.97}85%{opacity:.92}}.morph-holographic.roudi-text{background:linear-gradient(90deg,#0fa,#00d4ff,#00ffc8,#00d4ff,#0fa,#00d4ff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textReveal 1.4s cubic-bezier(.16,1,.3,1) forwards,holoWave 2.5s linear infinite;filter:drop-shadow(0 0 50px rgba(0,255,170,.3))}@keyframes holoWave{0%{background-position:0% 50%}to{background-position:300% 50%}}.morph-glitch-burst.roudi-text{animation:textReveal 1.4s cubic-bezier(.16,1,.3,1) forwards,glitchShake .2s steps(2) infinite}.morph-glitch-burst.glitch-1{opacity:.8!important;animation:glitchSlice1 .15s steps(3) infinite!important}.morph-glitch-burst.glitch-2{opacity:.8!important;animation:glitchSlice2 .15s steps(3) infinite!important}@keyframes glitchShake{0%{transform:translate(0)}25%{transform:translate(-3px,2px) skew(-1deg)}50%{transform:translate(3px,-1px) skew(1deg)}75%{transform:translate(-1px,-2px) skew(-.5deg)}to{transform:translate(0)}}@keyframes glitchSlice1{0%{transform:translate(-4px,-1px);clip-path:inset(0 0 60% 0)}33%{transform:translate(3px,2px);clip-path:inset(15% 0 50% 0)}66%{transform:translate(-2px,1px);clip-path:inset(40% 0 25% 0)}to{transform:translate(4px,-2px);clip-path:inset(0 0 65% 0)}}@keyframes glitchSlice2{0%{transform:translate(3px,1px);clip-path:inset(60% 0 0 0)}33%{transform:translate(-4px,-2px);clip-path:inset(55% 0 10% 0)}66%{transform:translate(2px,-1px);clip-path:inset(35% 0 30% 0)}to{transform:translate(-3px,2px);clip-path:inset(65% 0 0 0)}}.glitch-layer{position:absolute;top:0;left:0;font-family:Orbitron,sans-serif;font-size:clamp(3.5rem,14vw,12rem);font-weight:900;letter-spacing:.22em;text-transform:uppercase;pointer-events:none;line-height:1;white-space:nowrap}.glitch-layer.glitch-1{color:#0fa;animation:glitchFlash1 5s infinite;clip-path:inset(0 0 65% 0)}.glitch-layer.glitch-2{color:#00d4ff;animation:glitchFlash2 5s infinite;clip-path:inset(65% 0 0 0)}@keyframes glitchFlash1{0%,92%,to{transform:translate(0);opacity:0}93%{transform:translate(-4px,-2px);opacity:.7}94.5%{transform:translate(4px,1px);opacity:.7}96%{transform:translate(0);opacity:0}}@keyframes glitchFlash2{0%,95%,to{transform:translate(0);opacity:0}96%{transform:translate(4px,2px);opacity:.7}97.5%{transform:translate(-4px,-1px);opacity:.7}99%{transform:translate(0);opacity:0}}.orbit-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(0,255,170,.04);border-radius:50%;z-index:3;transform-origin:center center}.orbit-ring-1{width:clamp(320px,45vw,580px);height:clamp(320px,45vw,580px);margin-left:calc(clamp(320px,45vw,580px)/-2);margin-top:calc(clamp(320px,45vw,580px)/-2);animation:orbitSpin 35s linear infinite}.orbit-ring-1:before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;background:#0fa;border-radius:50%;transform:translate(-50%);box-shadow:0 0 20px #0fa,0 0 40px #0fa6}.orbit-ring-2{width:clamp(420px,60vw,760px);height:clamp(420px,60vw,760px);margin-left:calc(clamp(420px,60vw,760px)/-2);margin-top:calc(clamp(420px,60vw,760px)/-2);animation:orbitSpin 50s linear infinite reverse;border-color:#00d4ff08}.orbit-ring-2:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;background:#00d4ff;border-radius:50%;transform:translate(-50%);box-shadow:0 0 16px #00d4ffe6,0 0 32px #00d4ff4d}.orbit-ring-3{width:clamp(520px,74vw,960px);height:clamp(520px,74vw,960px);margin-left:calc(clamp(520px,74vw,960px)/-2);margin-top:calc(clamp(520px,74vw,960px)/-2);animation:orbitSpin 70s linear infinite;border-color:#00ffc805}.orbit-ring-3:before{content:"";position:absolute;bottom:-3px;left:30%;width:6px;height:6px;background:#00ffc8;border-radius:50%;opacity:.5;box-shadow:0 0 12px #00ffc899}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.corner-bracket{position:absolute;width:36px;height:36px;z-index:20;opacity:0;animation:bracketIn 1.5s 1.5s ease-out forwards}@keyframes bracketIn{to{opacity:.4}}.corner-bracket:before,.corner-bracket:after{content:"";position:absolute;background:#0fa}.corner-bracket.tl{top:16px;left:16px}.corner-bracket.tl:before{width:1px;height:100%;top:0;left:0}.corner-bracket.tl:after{width:100%;height:1px;top:0;left:0}.corner-bracket.tr{top:16px;right:16px}.corner-bracket.tr:before{width:1px;height:100%;top:0;right:0}.corner-bracket.tr:after{width:100%;height:1px;top:0;right:0}.corner-bracket.bl{bottom:16px;left:16px}.corner-bracket.bl:before{width:1px;height:100%;bottom:0;left:0}.corner-bracket.bl:after{width:100%;height:1px;bottom:0;left:0}.corner-bracket.br{bottom:16px;right:16px}.corner-bracket.br:before{width:1px;height:100%;bottom:0;right:0}.corner-bracket.br:after{width:100%;height:1px;bottom:0;right:0}.crosshair{position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%);z-index:6;pointer-events:none;opacity:0;animation:bracketIn 1.5s 2.5s ease-out forwards}.crosshair:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,170,.15),transparent)}.crosshair:after{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(0,255,170,.15),transparent)}.status-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:20;font-family:Share Tech Mono,monospace;font-size:clamp(9px,1.6vw,11px);color:#00ffaa4d;letter-spacing:.3em;display:flex;gap:12px;align-items:center;opacity:0;animation:fadeUp 1s 2.5s forwards;white-space:nowrap}.status-divider{color:#00ffaa1f}.status-dot{display:inline-block;width:5px;height:5px;background:#0fa;border-radius:50%;margin-right:6px;animation:statusBeat 2s ease-in-out infinite;vertical-align:middle;box-shadow:0 0 10px #00ffaab3}@keyframes statusBeat{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(2,2,6,.92) 100%);z-index:16;pointer-events:none}.crt-lines{position:absolute;inset:0;z-index:17;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.noise-overlay{position:absolute;inset:0;z-index:18;opacity:.03;pointer-events:none;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");background-repeat:repeat;background-size:256px 256px}@media(max-width:640px){.floating-code,.orbit-ring-3,.streak-4,.streak-5,.breathing-ring-3{display:none}.status-bar{font-size:9px;gap:8px;letter-spacing:.15em}}