html,body,#root{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0a0a0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(145,70,255,.2);z-index:100}.nav-logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:900;text-decoration:none;color:var(--text-primary);display:flex;align-items:center}.nav-k{background:linear-gradient(135deg,var(--twitch-purple) 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:.5rem}.nav-link{padding:.5rem 1rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;color:var(--text-secondary);border-radius:6px;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--text-primary);background:#9146ff1a}.nav-link.active{color:var(--text-primary);background:#9146ff33}.nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:2px;background:linear-gradient(90deg,var(--twitch-purple),var(--neon-cyan));border-radius:1px}.main-content{flex:1;display:flex;flex-direction:column;padding-top:70px;position:relative;z-index:10}@media(max-width:600px){.nav{padding:.75rem 1rem}.nav-logo{font-size:1.2rem}.nav-links{gap:.25rem}.nav-link{padding:.4rem .6rem;font-size:.85rem}}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:calc(100vh - 140px)}.hero{text-align:center;margin-bottom:3rem}.logo-container{position:relative;display:inline-block;margin-bottom:1rem}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse,rgba(145,70,255,.4) 0%,transparent 70%);filter:blur(30px);animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{opacity:.6}50%{opacity:1}}.logo-text{font-family:Orbitron,sans-serif;font-size:clamp(3rem,15vw,8rem);font-weight:900;letter-spacing:.05em;position:relative;display:flex;align-items:baseline;justify-content:center}.logo-k{background:linear-gradient(135deg,var(--twitch-purple) 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(145,70,255,.5));animation:letterPop .5s ease-out}.logo-rest{color:var(--text-primary);text-shadow:0 0 10px rgba(255,255,255,.3),0 0 20px rgba(145,70,255,.2);animation:letterPop .5s ease-out .1s both}.logo-1x{background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--twitch-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,212,255,.5));animation:letterPop .5s ease-out .2s both}@keyframes letterPop{0%{transform:scale(0) translateY(50px);opacity:0}70%{transform:scale(1.1) translateY(-10px)}to{transform:scale(1) translateY(0);opacity:1}}.tagline{font-size:clamp(1rem,4vw,1.5rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3em;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .3s both}.live-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:#9146ff1a;border:1px solid rgba(145,70,255,.3);border-radius:50px;font-size:.9rem;color:var(--text-secondary);animation:fadeInUp .6s ease-out .4s both}.pulse{width:10px;height:10px;background:red;border-radius:50%;animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 10px red}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:3rem;animation:fadeInUp .6s ease-out .5s both}.btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border-radius:8px;position:relative;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.btn-icon{width:24px;height:24px;fill:currentColor;transition:transform .3s ease}.btn:hover .btn-icon{transform:scale(1.2)}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn:hover .btn-shine{left:100%}.btn-twitch{background:linear-gradient(135deg,var(--twitch-purple) 0%,var(--twitch-purple-dark) 100%);color:#fff;box-shadow:0 4px 20px #9146ff66,inset 0 1px #fff3}.btn-twitch:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #9146ff99,inset 0 1px #fff3}.btn-discord{background:linear-gradient(135deg,var(--discord-blue) 0%,var(--discord-blue-dark) 100%);color:#fff;box-shadow:0 4px 20px #5865f266,inset 0 1px #fff3}.btn-discord:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #5865f299,inset 0 1px #fff3}.btn-donate{background:linear-gradient(135deg,var(--donate-pink) 0%,var(--donate-pink-dark) 100%);color:#fff;box-shadow:0 4px 20px #ff6b9d66,inset 0 1px #fff3}.btn-donate:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #ff6b9d99,inset 0 1px #fff3}.btn-donate .btn-icon{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}35%{transform:scale(1)}45%{transform:scale(1.1)}}.social-proof{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;animation:fadeInUp .6s ease-out .6s both}.stat{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:1rem;color:var(--text-secondary);transition:all .3s ease}.stat:hover{background:#9146ff1a;border-color:#9146ff4d;transform:translateY(-2px)}.stat-icon{font-size:1.2rem}@media(max-width:768px){.home{padding:1.5rem}.hero{margin-bottom:2rem}.actions{flex-direction:column;width:100%;max-width:300px;gap:1rem}.btn{width:100%;justify-content:center;padding:1rem 1.5rem}.social-proof{gap:1rem}.stat{padding:.5rem 1rem;font-size:.9rem}}@media(max-width:480px){.tagline{letter-spacing:.15em}.live-indicator{padding:.4rem 1rem;font-size:.8rem}}.streamer-scene{position:relative;width:100%;max-width:500px;height:350px;margin:0 auto 2rem}.ambient-glow{position:absolute;top:20%;left:50%;transform:translate(-50%);width:80%;height:60%;background:radial-gradient(ellipse,rgba(145,70,255,.3) 0%,rgba(0,212,255,.1) 50%,transparent 70%);filter:blur(40px);animation:ambientPulse 3s ease-in-out infinite}@keyframes ambientPulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.desk{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:85%}.desk-top{height:12px;background:linear-gradient(180deg,#3a3a4a,#2a2a3a);border-radius:4px 4px 0 0;box-shadow:0 4px 20px #00000080}.desk-leg{position:absolute;bottom:-50px;width:12px;height:50px;background:linear-gradient(90deg,#2a2a3a,#3a3a4a,#2a2a3a)}.desk-leg-left{left:15%}.desk-leg-right{right:15%}.monitor{position:absolute;bottom:72px;left:50%;transform:translate(-30%)}.monitor-second{transform:translate(-125%) scale(.85);z-index:-1}.monitor-screen{width:140px;height:85px;background:#1a1a2e;border:3px solid #2a2a3a;border-radius:6px;overflow:hidden;box-shadow:0 0 30px #9146ff4d,inset 0 0 30px #9146ff1a}.screen-content{width:100%;height:100%;padding:8px;display:flex;flex-direction:column;gap:4px}.screen-line{height:6px;background:#9146ff4d;border-radius:2px;animation:screenLine 2s ease-in-out infinite}.screen-line:nth-child(1){width:70%;animation-delay:0s}.screen-line:nth-child(2){width:50%;animation-delay:.3s}.screen-line:nth-child(3){width:60%;animation-delay:.6s}@keyframes screenLine{0%,to{opacity:.5}50%{opacity:1}}.chat-box{margin-top:auto;display:flex;flex-direction:column;gap:3px}.chat-msg{height:5px;background:#00d4ff66;border-radius:2px;animation:chatMsg 3s ease-in-out infinite}.chat-msg:nth-child(1){width:80%;animation-delay:0s}.chat-msg:nth-child(2){width:60%;animation-delay:1s}.chat-msg:nth-child(3){width:70%;animation-delay:2s}@keyframes chatMsg{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.screen-game{width:100%;height:100%;position:relative}.game-element{position:absolute;width:20px;height:20px;background:#ff6b9d80;border-radius:4px;animation:gameElement 2s ease-in-out infinite}.game-element:nth-child(1){top:20%;left:30%;animation-delay:0s}.game-element:nth-child(2){top:50%;left:60%;animation-delay:.5s;background:#00d4ff80}@keyframes gameElement{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.monitor-stand{width:20px;height:25px;background:linear-gradient(90deg,#2a2a3a,#3a3a4a,#2a2a3a);margin:0 auto}.monitor-base{width:50px;height:8px;background:linear-gradient(180deg,#3a3a4a,#2a2a3a);margin:0 auto;border-radius:2px}.webcam{position:absolute;bottom:165px;left:50%;transform:translate(10%);z-index:1}.webcam-body{width:35px;height:22px;background:linear-gradient(180deg,#2a2a3a,#1a1a2a);border-radius:6px;display:flex;align-items:center;justify-content:center}.webcam-lens{width:14px;height:14px;background:#0a0a15;border-radius:50%;border:2px solid #3a3a4a;display:flex;align-items:center;justify-content:center}.webcam-light{width:4px;height:4px;background:red;border-radius:50%;animation:webcamBlink 2s ease-in-out infinite;box-shadow:0 0 8px red}@keyframes webcamBlink{0%,to{opacity:1}50%{opacity:.3}}.webcam-mount{width:8px;height:8px;background:#2a2a3a;margin:0 auto;clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%)}.ring-light{position:absolute;bottom:80px;right:8%;z-index:5}.ring-outer{width:50px;height:50px;border:6px solid rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:ringGlow 2s ease-in-out infinite;box-shadow:0 0 20px #ffffff80,0 0 40px #9146ff4d}@keyframes ringGlow{0%,to{box-shadow:0 0 20px #ffffff80,0 0 40px #9146ff4d}50%{box-shadow:0 0 30px #ffffffb3,0 0 60px #9146ff80}}.ring-inner{width:25px;height:25px;background:transparent;border-radius:50%}.ring-stand{width:6px;height:70px;background:linear-gradient(90deg,#2a2a3a,#3a3a4a,#2a2a3a);margin:0 auto}.microphone{position:absolute;bottom:72px;left:8%;z-index:2}.mic-boom-vertical{position:absolute;bottom:0;left:0;width:6px;height:80px;background:linear-gradient(90deg,#3a3a4a,#4a4a5a,#3a3a4a);border-radius:3px}.mic-boom-horizontal{position:absolute;bottom:75px;left:3px;width:70px;height:6px;background:linear-gradient(180deg,#4a4a5a,#3a3a4a);border-radius:3px;transform-origin:left center;transform:rotate(-5deg)}.mic-head{width:24px;height:35px;background:linear-gradient(135deg,#4a4a5a,#2a2a3a);border-radius:12px 12px 6px 6px;position:absolute;bottom:75px;left:65px;box-shadow:0 4px 15px #0006}.mic-head:before{content:"";position:absolute;inset:4px 4px 8px;background:repeating-linear-gradient(0deg,#3a3a4a 0px 2px,#2a2a3a 2px 4px);border-radius:8px 8px 3px 3px}.keyboard{position:absolute;bottom:72px;left:50%;transform:translate(-50%);width:130px;height:35px;background:linear-gradient(180deg,#2a2a3a,#1a1a2a);border-radius:4px;padding:6px;box-shadow:0 2px 10px #0006;z-index:2}.keyboard-keys{display:flex;flex-wrap:wrap;gap:3px}.key{width:12px;height:10px;background:#3a3a4a;border-radius:2px;animation:keyPress 3s ease-in-out infinite;animation-delay:var(--key-delay)}@keyframes keyPress{0%,90%,to{background:#3a3a4a;transform:translateY(0)}95%{background:var(--twitch-purple);transform:translateY(1px);box-shadow:0 0 5px var(--twitch-purple)}}.mouse{position:absolute;bottom:75px;left:68%;width:20px;height:30px;background:linear-gradient(180deg,#3a3a4a,#2a2a3a);border-radius:10px 10px 12px 12px;z-index:5;animation:mouseMove 4s ease-in-out infinite}.mouse:before{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:4px;height:8px;background:#4a4a5a;border-radius:2px}@keyframes mouseMove{0%,to{transform:translate(0)}25%{transform:translate(5px,-2px)}50%{transform:translate(3px,2px)}75%{transform:translate(-3px,-1px)}}.chair{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:2}.chair-back{width:60px;height:80px;background:linear-gradient(135deg,#1a1a2a,#2a2a3a);border-radius:12px 12px 0 0;position:relative;margin:0 auto}.chair-stripe{position:absolute;top:10px;left:50%;transform:translate(-50%);width:8px;height:60px;background:var(--twitch-purple);border-radius:4px;opacity:.8}.chair-seat{width:65px;height:15px;background:linear-gradient(180deg,#2a2a3a,#1a1a2a);border-radius:4px;margin:0 auto}.chair-armrest{position:absolute;top:60px;width:12px;height:30px;background:#2a2a3a;border-radius:4px}.chair-armrest-left{left:-8px}.chair-armrest-right{right:-8px}.chair-base{width:70px;height:10px;background:#1a1a2a;margin:5px auto 0;border-radius:5px;position:relative;display:flex;justify-content:space-between;padding:0 5px}.chair-wheel{width:10px;height:10px;background:#3a3a4a;border-radius:50%;margin-top:5px}.streamer{position:absolute;bottom:105px;left:50%;transform:translate(-50%);z-index:3}.head{position:relative;width:40px;height:40px;margin:0 auto}.face{width:35px;height:38px;background:linear-gradient(180deg,#e8c4a0,#d4a574);border-radius:50% 50% 45% 45%;margin:0 auto}.hair{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:38px;height:22px;background:linear-gradient(180deg,#3a2a1a,#2a1a0a);border-radius:50% 50% 30% 30%;z-index:1}.hair:before{content:"";position:absolute;top:8px;left:-3px;width:10px;height:18px;background:#2a1a0a;border-radius:50% 0 0 50%}.hair:after{content:"";position:absolute;top:8px;right:-3px;width:10px;height:18px;background:#2a1a0a;border-radius:0 50% 50% 0}.headphones{position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;z-index:10}.headphone-band{width:45px;height:20px;border:4px solid #2a2a3a;border-bottom:none;border-radius:25px 25px 0 0;margin:0 auto}.headphone-cup{position:absolute;top:15px;width:14px;height:20px;background:linear-gradient(180deg,#3a3a4a,#2a2a3a);border-radius:4px}.headphone-cup-left{left:0}.headphone-cup-right{right:0}.body{position:relative;margin-top:5px}.torso{width:50px;height:45px;background:linear-gradient(180deg,#4a4a6a,#3a3a5a);border-radius:8px 8px 0 0;margin:0 auto}.arm{position:absolute;top:5px;width:15px;height:35px;background:linear-gradient(180deg,#4a4a6a,#3a3a5a);border-radius:6px}.arm-left{left:-5px;transform:rotate(20deg);animation:armMove 3s ease-in-out infinite}.arm-right{right:-5px;transform:rotate(-20deg);animation:armMove 3s ease-in-out infinite .5s}@keyframes armMove{0%,to{transform:rotate(20deg)}50%{transform:rotate(15deg)}}.led-strip{position:absolute;bottom:0;left:10%;right:10%;height:4px;display:flex;gap:4px;justify-content:center}.led{width:20px;height:4px;border-radius:2px;animation:ledCycle 3s linear infinite;animation-delay:var(--led-delay)}@keyframes ledCycle{0%,to{background:var(--twitch-purple);box-shadow:0 0 10px var(--twitch-purple)}33%{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}66%{background:var(--donate-pink);box-shadow:0 0 10px var(--donate-pink)}}.scene-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-particle{position:absolute;width:6px;height:6px;background:var(--twitch-purple);border-radius:50%;left:var(--p-x);bottom:0;opacity:0;animation:sceneFloat 4s ease-out infinite;animation-delay:var(--p-delay);box-shadow:0 0 10px var(--twitch-purple)}.scene-particle:nth-child(odd){background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}@keyframes sceneFloat{0%{transform:translateY(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-300px);opacity:0}}@media(max-width:600px){.streamer-scene{height:280px;transform:scale(.85);margin-bottom:1rem}}.about{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem 2rem;min-height:calc(100vh - 140px)}.about-container{max-width:900px;width:100%}.about-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,6vw,3.5rem);text-align:center;margin-bottom:3rem;animation:fadeInUp .6s ease-out}.about-title .highlight{background:linear-gradient(135deg,var(--twitch-purple) 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.about-card{background:#ffffff08;border:1px solid rgba(145,70,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards}.about-card:nth-child(1){animation-delay:.1s}.about-card:nth-child(2){animation-delay:.2s}.about-card:nth-child(3){animation-delay:.3s}.about-card:hover{background:#9146ff14;border-color:#9146ff66;transform:translateY(-5px);box-shadow:0 10px 40px #9146ff33}.card-icon{font-size:2.5rem;margin-bottom:1rem}.about-card h2{font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.about-card p{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.about-cta{text-align:center;padding:2rem;background:#9146ff0d;border:1px solid rgba(145,70,255,.2);border-radius:16px;animation:fadeInUp .6s ease-out .4s backwards}.about-cta p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:1.5rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn{padding:.8rem 2rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;transition:all .3s ease}.cta-twitch{background:var(--twitch-purple);color:#fff}.cta-twitch:hover{background:var(--twitch-purple-dark);transform:translateY(-2px);box-shadow:0 5px 20px #9146ff66}.cta-discord{background:var(--discord-blue);color:#fff}.cta-discord:hover{background:var(--discord-blue-dark);transform:translateY(-2px);box-shadow:0 5px 20px #5865f266}@media(max-width:768px){.about,.about-card{padding:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:250px;text-align:center}}.contact-scene{position:relative;width:100%;max-width:400px;height:300px;margin:0 auto 2rem}.contact-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(88,101,242,.3) 0%,rgba(145,70,255,.1) 50%,transparent 70%);filter:blur(30px);animation:contactGlow 3s ease-in-out infinite}@keyframes contactGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.device{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:180px;background:linear-gradient(135deg,#2a2a3a,#1a1a2a);border-radius:16px;padding:8px;box-shadow:0 10px 40px #00000080,0 0 30px #5865f233;animation:deviceFloat 4s ease-in-out infinite}@keyframes deviceFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}.device-screen{width:100%;height:calc(100% - 20px);background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-radius:10px;overflow:hidden;position:relative}.device-notch{width:40px;height:6px;background:#2a2a3a;border-radius:3px;margin:6px auto 8px}.device-content{padding:0 8px;display:flex;flex-direction:column;gap:6px}.msg{display:flex}.msg-received{justify-content:flex-start}.msg-sent{justify-content:flex-end}.msg-bubble{height:12px;border-radius:8px;animation:msgPop .3s ease-out backwards}.msg-received .msg-bubble{background:#5865f24d;border-bottom-left-radius:4px;width:50px}.msg-sent .msg-bubble{background:var(--twitch-purple);border-bottom-right-radius:4px;width:40px}.msg:nth-child(3) .msg-bubble{width:55px}.msg:nth-child(1) .msg-bubble{animation-delay:.2s}.msg:nth-child(2) .msg-bubble{animation-delay:.6s}.msg:nth-child(3) .msg-bubble{animation-delay:1s}@keyframes msgPop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.typing-indicator{display:flex;gap:3px;padding:8px 10px;background:#ffffff1a;border-radius:12px;width:fit-content;margin-top:4px;animation:msgPop .3s ease-out 1.4s backwards}.typing-indicator span{width:5px;height:5px;background:#ffffff80;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.device-button{width:30px;height:4px;background:#3a3a4a;border-radius:2px;margin:8px auto 0}.floating-icon{position:absolute;width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #0000004d}.floating-icon svg{width:24px;height:24px;fill:#fff}.icon-discord{top:15%;left:10%;background:linear-gradient(135deg,var(--discord-blue) 0%,#4752c4 100%);animation:iconFloat 3s ease-in-out infinite}.icon-twitch{top:20%;right:10%;background:linear-gradient(135deg,var(--twitch-purple) 0%,#772ce8 100%);animation:iconFloat 3s ease-in-out .5s infinite}.icon-heart{bottom:15%;right:15%;background:linear-gradient(135deg,var(--donate-pink) 0%,#e55a89 100%);animation:iconFloat 3s ease-in-out 1s infinite}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(3deg)}75%{transform:translateY(4px) rotate(-3deg)}}.chat-bubble{position:absolute;font-size:20px;animation:bubbleFloat 4s ease-in-out infinite}.bubble-1{top:10%;left:30%;animation-delay:0s}.bubble-2{bottom:20%;left:8%;animation-delay:1s}.bubble-3{top:35%;right:5%;animation-delay:2s}@keyframes bubbleFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-15px) scale(1.1);opacity:1}}.connection-lines{position:absolute;inset:0;pointer-events:none}.line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--twitch-purple),transparent);opacity:.3;animation:lineMove 3s ease-in-out infinite}.line-1{top:30%;left:20%;width:60px;transform:rotate(30deg);animation-delay:0s}.line-2{top:50%;right:15%;width:50px;transform:rotate(-20deg);animation-delay:1s}.line-3{bottom:25%;left:25%;width:40px;transform:rotate(10deg);animation-delay:2s}@keyframes lineMove{0%,to{opacity:.1;transform:scaleX(.8)}50%{opacity:.5;transform:scaleX(1)}}.notif{position:absolute;width:10px;height:10px;background:#f44;border-radius:50%;box-shadow:0 0 10px #f44;animation:notifPulse 2s ease-in-out infinite}.notif-1{top:18%;left:18%;animation-delay:0s}.notif-2{top:23%;right:18%;animation-delay:.7s}.notif-3{bottom:18%;right:22%;animation-delay:1.4s}@keyframes notifPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@media(max-width:500px){.contact-scene{height:250px;transform:scale(.9)}.floating-icon{width:38px;height:38px}.floating-icon svg{width:20px;height:20px}}.contact{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem;min-height:calc(100vh - 140px)}.contact-container{max-width:900px;width:100%}.contact-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,6vw,3.5rem);text-align:center;margin-bottom:1rem;animation:fadeInUp .6s ease-out}.contact-title .highlight{background:linear-gradient(135deg,var(--twitch-purple) 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-intro{text-align:center;font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem;animation:fadeInUp .6s ease-out .1s backwards}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.contact-card{background:#ffffff08;border:1px solid rgba(145,70,255,.2);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards;display:block}.contact-card:nth-child(1){animation-delay:.15s}.contact-card:nth-child(2){animation-delay:.25s}.contact-card:nth-child(3){animation-delay:.35s}.contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #9146ff33}.contact-card:nth-child(1):hover{background:#5865f21a;border-color:#5865f266}.contact-card:nth-child(2):hover{background:#9146ff1a;border-color:#9146ff66}.contact-card:nth-child(3):hover{background:#ff6b9d1a;border-color:#ff6b9d66}.contact-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.contact-icon svg{width:28px;height:28px;fill:#fff}.discord-icon{background:var(--discord-blue)}.twitch-icon{background:var(--twitch-purple)}.donate-icon{background:var(--donate-pink)}.contact-card h2{font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.contact-card p{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.contact-link{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.9rem;color:var(--neon-cyan);transition:color .3s ease}.contact-card:hover .contact-link{color:var(--text-primary)}.business-contact{text-align:center;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;animation:fadeInUp .6s ease-out .45s backwards}.business-contact h3{font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.business-contact>p{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem;max-width:500px;margin-left:auto;margin-right:auto}.business-info{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary);opacity:.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.contact,.contact-card{padding:1.5rem}.business-info{flex-direction:column;gap:.5rem}}:root{--twitch-purple: #9146FF;--twitch-purple-dark: #772ce8;--discord-blue: #5865F2;--discord-blue-dark: #4752c4;--donate-pink: #FF6B9D;--donate-pink-dark: #e55a89;--neon-cyan: #00D4FF;--neon-pink: #FF00FF;--bg-dark: #0a0a0f;--bg-darker: #050508;--text-primary: #ffffff;--text-secondary: #a0a0b0}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Rajdhani,sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(145,70,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(145,70,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.bg-glow{position:fixed;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(145,70,255,.15) 0%,rgba(0,212,255,.05) 40%,transparent 70%);animation:glowPulse 4s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.particles{position:fixed;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--twitch-purple);border-radius:50%;left:var(--x);bottom:-10px;opacity:0;animation:particleFloat var(--duration) var(--delay) infinite;box-shadow:0 0 10px var(--twitch-purple)}.particle:nth-child(odd){background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(0);opacity:0}}.footer{padding:1.5rem 2rem;position:relative;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto}.footer-credits{display:flex;align-items:center}.designed-by{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .3s ease}.designed-by:hover{color:var(--text-primary)}.peks-logo{height:20px;width:auto;opacity:.7;transition:opacity .3s ease}.designed-by:hover .peks-logo{opacity:1}.footer-company{display:flex;flex-direction:column;align-items:flex-end;font-size:.85rem;color:var(--text-secondary)}.org-nr{font-size:.75rem;opacity:.6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-company{align-items:center}}