*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blood:#8b0000;--blood-bright:#c00;--cyber-red:#f03;--cyber-purple:#9b00ff;--neon-red:#ff003c;--dark:#0a0a0a;--darker:#050505;--text:#c8c8c8;--text-dim:#555;--font-cyber:"Orbitron", sans-serif;--font-mono:"Share Tech Mono", monospace}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-mono);background:var(--darker);color:var(--text);-webkit-font-smoothing:antialiased}::selection{background:var(--blood);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--darker)}::-webkit-scrollbar-thumb{background:var(--blood)}.app{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.bg-noise{z-index:0;pointer-events:none;background:radial-gradient(at 20%,#8b000014 0%,#0000 60%),radial-gradient(at 80%,#9b00ff0d 0%,#0000 60%),radial-gradient(at 50% 100%,#8b00000f 0%,#0000 50%);position:fixed;inset:0}.bg-noise:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:absolute;inset:0}.scanlines{z-index:999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#0000000a 1px 2px);animation:8s linear infinite scanlineScroll;position:fixed;inset:0}@keyframes scanlineScroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}.fog{z-index:1;filter:blur(40px);pointer-events:none;background:radial-gradient(#8b00000f 0%,#0000 70%);width:200%;height:200px;animation:12s ease-in-out infinite alternate fogDrift;position:fixed;bottom:-50px;left:0}@keyframes fogDrift{0%{transform:translate(0)}to{transform:translate(-25%)}}.content{z-index:10;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.logo-container{width:clamp(100px,15vw,160px);height:clamp(120px,18vw,190px);margin-bottom:8px;position:relative}.logo-img{object-fit:contain;filter:brightness(0)invert()sepia()saturate(50)hue-rotate(340deg)brightness(.7);z-index:1;width:100%;height:100%;position:relative}.logo-container:before,.logo-container:after{content:"";filter:brightness(0)invert()sepia()saturate(50)hue-rotate(340deg)brightness(.7);opacity:0;background-image:url(/logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.logo-container:before{animation:4s step-end infinite logoGlitch1}.logo-container:after{animation:4s step-end infinite logoGlitch2}@keyframes logoGlitch1{0%,to{opacity:0;transform:none}7%{opacity:.8;filter:brightness(0)invert()sepia()saturate(50)hue-rotate(280deg)brightness(.9);transform:translate(-3px)translateY(1px)}8%{opacity:0;transform:none}47%{opacity:0;transform:none}48%{opacity:.6;filter:brightness(0)invert()sepia()saturate(50)hue-rotate(280deg)brightness(.9);transform:translate(4px)translateY(-1px)}49%{opacity:0;transform:none}82%{opacity:0;transform:none}83%{opacity:.7;filter:brightness(0)invert()sepia()saturate(50)hue-rotate(280deg)brightness(.9);transform:translate(-2px)scaleX(1.01)}84%{opacity:0;transform:none}}@keyframes logoGlitch2{0%,to{opacity:0;transform:none}7.5%{opacity:.6;filter:brightness(0)invert()sepia()saturate(50)hue-rotate(200deg)brightness(1.2);transform:translate(3px)translateY(-1px)}8.5%{opacity:0;transform:none}47.5%{opacity:.5;filter:brightness(0)invert()sepia()saturate(50)hue-rotate(200deg)brightness(1.2);transform:translate(-3px)translateY(2px)}49%{opacity:0;transform:none}83%{opacity:.5;filter:brightness(0)invert()sepia()saturate(50)hue-rotate(200deg)brightness(1.2);transform:translate(2px)}84.5%{opacity:0;transform:none}}.logo-glow{filter:brightness(0)invert()sepia()saturate(50)hue-rotate(340deg)brightness(.5)blur(15px);opacity:.3;z-index:0;background-image:url(/logo.png);background-position:50%;background-repeat:no-repeat;background-size:70%;animation:3s ease-in-out infinite logoGlowPulse;position:absolute;inset:-20px}@keyframes logoGlowPulse{0%,to{opacity:.2}50%{opacity:.4}}.title{font-family:var(--font-cyber);color:var(--cyber-red);text-shadow:0 0 10px #ff003380,0 0 40px #f033;letter-spacing:6px;-webkit-user-select:none;user-select:none;text-align:center;text-transform:uppercase;font-size:clamp(2rem,6vw,4rem);font-weight:900;line-height:1;animation:4s ease-in-out infinite titleFlicker}@keyframes titleFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.85}97%{opacity:1}}.subtitle{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:6px;text-transform:uppercase;margin-top:-4px;font-size:clamp(.6rem,1.3vw,.75rem)}.divider{background:linear-gradient(90deg, transparent, var(--blood), transparent);width:120px;height:1px;margin:12px 0;position:relative}.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--cyber-red), transparent);opacity:0;animation:3s ease-in-out infinite dividerPulse;position:absolute;inset:0}@keyframes dividerPulse{0%,to{opacity:0}50%{opacity:.6}}.nav{gap:32px;margin-top:8px;display:flex}.nav-btn{border:1px solid var(--blood);color:var(--text);font-family:var(--font-cyber);cursor:pointer;text-transform:uppercase;letter-spacing:3px;background:0 0;padding:14px 40px;font-size:clamp(.65rem,1.3vw,.8rem);font-weight:700;transition:all .3s;position:relative;overflow:hidden}.nav-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#8b00001a,#0000);transition:opacity .3s;position:absolute;inset:0}.nav-btn:hover{border-color:var(--cyber-red);color:#fff;text-shadow:0 0 8px #ff003380;box-shadow:0 0 15px #8b000033,inset 0 0 15px #8b00001a}.nav-btn:hover:before{opacity:1}.socials{gap:20px;margin-top:20px;display:flex}.social-link{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;padding:6px 0;font-size:.7rem;text-decoration:none;transition:color .3s;position:relative}.social-link:after{content:"";background:var(--cyber-red);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.social-link:hover{color:var(--cyber-red)}.social-link:hover:after{width:100%}.social-separator{color:var(--text-dim);opacity:.3;-webkit-user-select:none;user-select:none;align-self:center;font-size:.6rem}.footer{z-index:10;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:24px}.footer-link{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;opacity:.6;font-size:.6rem;text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--blood-bright);opacity:1}.footer-copy{color:var(--text-dim);opacity:.3;letter-spacing:1px;font-size:.55rem}.glitch-overlay{z-index:1000;background:var(--darker);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.glitch-overlay:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff003304 2px 4px);animation:.1s step-end infinite glitchBgShift;position:absolute;inset:0}@keyframes glitchBgShift{0%{transform:translateY(0)}25%{transform:translateY(2px)}50%{transform:translateY(-1px)}75%{transform:translateY(1px)}to{transform:translateY(0)}}.glitch-text{font-family:var(--font-cyber);color:#fff;-webkit-user-select:none;user-select:none;letter-spacing:8px;text-transform:uppercase;font-size:clamp(2.5rem,8vw,6rem);font-weight:900;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);background:var(--darker);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:var(--cyber-red);text-shadow:-2px 0 var(--cyber-purple);animation:2s step-end infinite glitchClip1}.glitch-text:after{color:var(--cyber-purple);text-shadow:2px 0 var(--cyber-red);animation:2s step-end infinite glitchClip2}@keyframes glitchClip1{0%{clip-path:inset(20% 0 60%);transform:translate(-3px)}5%{clip-path:inset(80% 0 5%);transform:translate(2px)}10%{clip-path:inset(10% 0 70%);transform:translate(-1px)}15%{clip-path:inset(50% 0 30%);transform:translate(4px)}20%{clip-path:inset(0% 0 85%);transform:translate(-2px)}25%{clip-path:inset(65% 0 15%);transform:translate(1px)}30%{clip-path:inset(35% 0 45%);transform:translate(-4px)}35%{clip-path:inset(90% 0 2%);transform:translate(2px)}40%{clip-path:inset(5% 0 80%);transform:translate(-1px)}45%{clip-path:inset(45% 0 35%);transform:translate(3px)}50%{clip-path:inset(75% 0 10%);transform:translate(-2px)}55%{clip-path:inset(15% 0 65%);transform:translate(1px)}60%{clip-path:inset(55% 0 25%);transform:translate(-3px)}65%{clip-path:inset(25% 0 55%);transform:translate(4px)}70%{clip-path:inset(85% 0 3%);transform:translate(-1px)}75%{clip-path:inset(40% 0);transform:translate(2px)}80%{clip-path:inset(70% 0 12%);transform:translate(-4px)}85%{clip-path:inset(8% 0 75%);transform:translate(1px)}90%{clip-path:inset(60% 0 20%);transform:translate(-2px)}95%{clip-path:inset(30% 0 50%);transform:translate(3px)}to{clip-path:inset(20% 0 60%);transform:translate(-3px)}}@keyframes glitchClip2{0%{clip-path:inset(70% 0 10%);transform:translate(3px)}5%{clip-path:inset(15% 0 65%);transform:translate(-2px)}10%{clip-path:inset(55% 0 25%);transform:translate(4px)}15%{clip-path:inset(5% 0 80%);transform:translate(-1px)}20%{clip-path:inset(85% 0 3%);transform:translate(2px)}25%{clip-path:inset(30% 0 50%);transform:translate(-3px)}30%{clip-path:inset(60% 0 20%);transform:translate(1px)}35%{clip-path:inset(10% 0 70%);transform:translate(-4px)}40%{clip-path:inset(45% 0 35%);transform:translate(2px)}45%{clip-path:inset(80% 0 5%);transform:translate(-1px)}50%{clip-path:inset(25% 0 55%);transform:translate(3px)}55%{clip-path:inset(50% 0 30%);transform:translate(-2px)}60%{clip-path:inset(90% 0 2%);transform:translate(4px)}65%{clip-path:inset(40% 0);transform:translate(-1px)}70%{clip-path:inset(0% 0 85%);transform:translate(2px)}75%{clip-path:inset(65% 0 15%);transform:translate(-3px)}80%{clip-path:inset(35% 0 45%);transform:translate(1px)}85%{clip-path:inset(75% 0 8%);transform:translate(-4px)}90%{clip-path:inset(20% 0 60%);transform:translate(2px)}95%{clip-path:inset(50% 0 30%);transform:translate(-1px)}to{clip-path:inset(70% 0 10%);transform:translate(3px)}}.glitch-sub{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:4px;text-transform:uppercase;margin-top:16px;font-size:clamp(.6rem,1.5vw,.8rem);animation:1.5s infinite glitchSubFlicker}@keyframes glitchSubFlicker{0%,to{opacity:.5}50%{opacity:.8}93%{opacity:.5}94%{opacity:0}95%{opacity:.7}}.glitch-close{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:2px;opacity:.4;font-size:.65rem;animation:1s ease-in .5s both fadeIn;position:absolute;bottom:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:.4}}.twitch-view{z-index:100;background:var(--darker);flex-direction:column;animation:.4s ease-out fadeInView;display:flex;position:fixed;inset:0}@keyframes fadeInView{0%{opacity:0}to{opacity:1}}.twitch-header{border-bottom:1px solid #8b00004d;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.twitch-header-left{align-items:center;gap:12px;display:flex}.twitch-dot{background:var(--cyber-red);width:6px;height:6px;box-shadow:0 0 6px var(--cyber-red);border-radius:50%;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.twitch-title{font-family:var(--font-cyber);letter-spacing:3px;text-transform:uppercase;color:var(--text);font-size:.7rem;font-weight:700}.twitch-back{color:var(--text-dim);font-family:var(--font-cyber);cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:0 0;border:1px solid #8b00004d;padding:6px 16px;font-size:.6rem;font-weight:700;transition:all .3s}.twitch-back:hover{border-color:var(--cyber-red);color:var(--cyber-red)}.twitch-embed{flex:1;width:100%;overflow:hidden}.twitch-embed iframe{border:none;width:100%!important;height:100%!important}.corner{z-index:5;opacity:.15;width:30px;height:30px;position:fixed}.corner:before,.corner:after{content:"";background:var(--blood);position:absolute}.corner-tl{top:16px;left:16px}.corner-tl:before{width:30px;height:1px;top:0;left:0}.corner-tl:after{width:1px;height:30px;top:0;left:0}.corner-tr{top:16px;right:16px}.corner-tr:before{width:30px;height:1px;top:0;right:0}.corner-tr:after{width:1px;height:30px;top:0;right:0}.corner-bl{bottom:16px;left:16px}.corner-bl:before{width:30px;height:1px;bottom:0;left:0}.corner-bl:after{width:1px;height:30px;bottom:0;left:0}.corner-br{bottom:16px;right:16px}.corner-br:before{width:30px;height:1px;bottom:0;right:0}.corner-br:after{width:1px;height:30px;bottom:0;right:0}@media (width<=600px){.nav{flex-direction:column;gap:12px;width:80%}.nav-btn{width:100%;padding:14px 20px}.socials{flex-wrap:wrap;justify-content:center;gap:12px}.social-separator{display:none}.footer{bottom:16px}}