@font-face{font-family:SuperPixel;src:url(/SuperPixel-m2L8j.ttf) format("truetype");font-weight:400;font-style:normal}.app-container{position:relative;width:100%;min-height:100vh;background:linear-gradient(#0006,#0006),url(/bg.gif);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;cursor:url(/crosshair.svg) 16 16,crosshair}.app-container:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:300px;height:400px;background:url(/pupbg.png);background-size:contain;background-position:bottom center;background-repeat:no-repeat;opacity:.8;pointer-events:none;z-index:1}.app-container:after{content:"GG. MATTAR IS ON THE FIELD";position:absolute;top:15%;left:50%;transform:translate(-50%);font-family:SuperPixel,sans-serif;font-size:clamp(1rem,3vw,2.5rem);font-weight:900;color:#ffffff1f;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;pointer-events:none;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.3),-2px -2px 4px rgba(255,255,255,.05),0 0 30px rgba(255,255,255,.1);animation:fadeInOut 5s ease-in-out infinite;-webkit-text-stroke:1px rgba(255,255,255,.08);width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%) translateY(-10px)}10%,90%{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:1;color:#ffffff26;text-shadow:2px 2px 6px rgba(0,0,0,.4),-2px -2px 6px rgba(255,255,255,.08),0 0 50px rgba(255,255,255,.2)}}*{cursor:url(/crosshair.svg) 16 16,crosshair!important}.content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:4rem 2rem 3rem;max-width:480px;width:100%;min-height:85vh;justify-content:space-between}.avatar-container{position:relative;margin-top:2rem;z-index:1}.smoke{position:absolute;width:250px;height:250px;background:radial-gradient(circle,rgba(0,150,255,.9) 0%,rgba(0,120,255,.7) 15%,rgba(0,80,200,.5) 35%,rgba(0,50,150,.3) 50%,transparent 70%);border-radius:50%;filter:blur(35px);pointer-events:none;z-index:1}.smoke-left{top:50%;left:-80px;transform:translateY(-50%);animation:smokeLeft 3s ease-in-out infinite}.smoke-right{top:50%;right:-80px;transform:translateY(-50%);animation:smokeRight 3s ease-in-out infinite}@keyframes smokeLeft{0%,to{transform:translateY(-50%) translate(0) scale(1);opacity:.3}50%{transform:translateY(-50%) translate(-20px) scale(1.3);opacity:.6}}@keyframes smokeRight{0%,to{transform:translateY(-50%) translate(0) scale(1);opacity:.3}50%{transform:translateY(-50%) translate(20px) scale(1.3);opacity:.6}}.avatar-wrapper{position:relative;width:180px;height:180px;z-index:2}.avatar{width:180px;height:180px;border-radius:50%;border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0009,0 0 0 8px #ffffff0d;object-fit:cover;transition:opacity .4s ease,transform .3s ease,box-shadow .3s ease;position:absolute;top:0;left:0}.avatar-normal{z-index:2;opacity:1;animation:avatarSwitch 6s ease-in-out infinite}.avatar-angry{z-index:1;opacity:0;animation:avatarSwitchReverse 6s ease-in-out infinite}.avatar-wrapper:hover .avatar-normal{opacity:0;animation:none}.avatar-wrapper:hover .avatar-angry{opacity:1;transform:scale(1.05);box-shadow:0 12px 40px #000000b3,0 0 0 8px #0096ff4d,0 0 60px #0096ffcc,0 0 80px #0064ff99;animation:none}@keyframes avatarSwitch{0%,40%{opacity:1;transform:scale(1)}45%,48%{opacity:0;transform:scale(.98)}52%,95%{opacity:0;transform:scale(.98)}98%,to{opacity:1;transform:scale(1)}}@keyframes avatarSwitchReverse{0%,40%{opacity:0;transform:scale(.98)}45%,48%{opacity:1;transform:scale(1.02);box-shadow:0 12px 40px #000000b3,0 0 0 8px #0096ff4d,0 0 60px #0096ffcc,0 0 80px #0064ff99}52%,95%{opacity:1;transform:scale(1.05);box-shadow:0 12px 40px #000000b3,0 0 0 8px #0096ff4d,0 0 60px #0096ffcc,0 0 80px #0064ff99}98%,to{opacity:0;transform:scale(.98)}}@keyframes avatarPulse{0%,to{box-shadow:0 8px 32px #0009,0 0 0 8px #ffffff0d,0 0 20px #0096ff4d}50%{box-shadow:0 12px 40px #000000b3,0 0 0 8px #0096ff4d,0 0 40px #0096ff99,0 0 60px #0064ff66}}@keyframes avatarRotate{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(360deg) brightness(1)}}@keyframes avatarShake{0%,to{transform:scale(1.05) rotate(0)}25%{transform:scale(1.05) rotate(-2deg)}75%{transform:scale(1.05) rotate(2deg)}}.profile-name{font-family:SuperPixel,Orbitron,sans-serif;font-size:3rem;font-weight:900;color:#fff;text-align:center;margin:1rem 0 .5rem;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3),0 4px 12px rgba(0,0,0,.8);animation:mattarGlow 3s ease-in-out infinite,mattarFloat 4s ease-in-out infinite;position:relative}.profile-name:hover{animation:mattarGlitch .3s ease-in-out infinite,mattarFloat 4s ease-in-out infinite}@keyframes mattarGlow{0%,to{text-shadow:0 0 10px rgba(100,180,255,.5),0 0 20px rgba(0,150,255,.4),0 4px 12px rgba(0,0,0,.8);filter:brightness(1)}50%{text-shadow:0 0 20px rgba(150,200,255,.9),0 0 40px rgba(0,150,255,.8),0 0 60px rgba(0,100,255,.7),0 0 80px rgba(0,80,200,.5),0 4px 12px rgba(0,0,0,.8);filter:brightness(1.3)}}@keyframes mattarFloat{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.02)}75%{transform:translateY(5px) scale(.98)}}@keyframes mattarGlitch{0%,to{text-shadow:0 0 10px rgba(100,180,255,.5),0 0 20px rgba(0,150,255,.4),0 4px 12px rgba(0,0,0,.8);transform:translate(0)}20%{text-shadow:-2px 0 0 rgba(0,100,255,.8),2px 0 0 rgba(0,200,255,.8),0 0 20px rgba(100,180,255,.6);transform:translate(-2px)}40%{text-shadow:2px 0 0 rgba(0,100,255,.8),-2px 0 0 rgba(0,200,255,.8),0 0 20px rgba(100,180,255,.6);transform:translate(2px)}60%{text-shadow:0 0 10px rgba(100,180,255,.5),0 0 20px rgba(0,150,255,.4),0 4px 12px rgba(0,0,0,.8);transform:translate(0)}}.profile-subtitle{font-size:1.1rem;font-weight:400;color:#ffffffb3;text-align:center;margin:0;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.social-icons{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:nowrap;margin:2rem 0}.social-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-decoration:none;transition:all .3s ease;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0000004d;position:relative}.icon-label{position:absolute;bottom:-45px;left:50%;transform:translate(-50%) translateY(10px);background:linear-gradient(135deg,#000000f2,#141414e6);color:#fff;padding:10px 18px;border-radius:10px;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none;z-index:100;border:2px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0009,inset 0 1px #ffffff1a;text-shadow:0 2px 4px rgba(0,0,0,.8)}.icon-label:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0,0,0,.9)}.social-icon:hover .icon-label{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.social-icon:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;opacity:0;transition:all .3s ease}.social-icon:hover{transform:translateY(-5px) scale(1.05);background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 25px #0006}.social-icon:hover:after{opacity:1;transform:scale(1.3);border-color:#ffffff80;animation:crosshairPulse .3s ease-out}@keyframes crosshairPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.social-icon:nth-child(1):hover{background:#53e88b33;border-color:#53e88b80;box-shadow:0 8px 25px #53e88b4d}.social-icon:nth-child(2):hover{background:#e1306c33;border-color:#e1306c80;box-shadow:0 8px 25px #e1306c4d}.social-icon:nth-child(3):hover{background:#25f4ee33;border-color:#25f4ee80;box-shadow:0 8px 25px #25f4ee4d}.social-icon:nth-child(4):hover{background:#25d36633;border-color:#25d36680;box-shadow:0 8px 25px #25d3664d}.social-icon:nth-child(5):hover{background:#25d36633;border-color:#25d36680;box-shadow:0 8px 25px #25d3664d}.social-icon:nth-child(6):hover{background:#7289da33;border-color:#7289da80;box-shadow:0 8px 25px #7289da4d}.social-icon:nth-child(4){width:75px;height:75px;background:linear-gradient(135deg,#0078ff40,#00b4ff40,#64c8ff40);border:3px solid rgba(0,150,255,.4);box-shadow:0 0 20px #0096ff80,0 0 40px #0078ff4d,0 8px 30px #00000080;animation:instapayPulse 2s ease-in-out infinite,instapayGlow 3s ease-in-out infinite;position:relative;overflow:visible}.social-icon:nth-child(4):before{content:"";position:absolute;inset:-5px;background:linear-gradient(45deg,#0078ff,#00b4ff,#64c8ff,#0078ff);border-radius:50%;z-index:-1;opacity:.5;filter:blur(15px);animation:instapayRotate 4s linear infinite}.social-icon:nth-child(4):hover{transform:translateY(-8px) scale(1.15) rotate(5deg);background:linear-gradient(135deg,#0078ff66,#00b4ff66,#64c8ff66);border-color:#00b4ffcc;box-shadow:0 0 30px #0096ffcc,0 0 50px #00b4ffb3,0 0 70px #64c8ff99,0 12px 40px #0009;animation:instapayShake .5s ease-in-out infinite,instapayGlow 1.5s ease-in-out infinite}.instapay-icon{filter:drop-shadow(0 0 8px rgba(0,150,255,.7)) drop-shadow(0 0 12px rgba(100,200,255,.5));animation:instapayIconBounce 2s ease-in-out infinite}.social-icon:nth-child(4):hover .instapay-icon{filter:drop-shadow(0 0 15px rgba(0,150,255,1)) drop-shadow(0 0 25px rgba(100,200,255,.8)) brightness(1.2);animation:instapayIconSpin .6s ease-in-out infinite}@keyframes instapayPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #0096ff80,0 0 40px #0078ff4d,0 8px 30px #00000080}50%{transform:scale(1.08);box-shadow:0 0 30px #0096ffb3,0 0 50px #00b4ff99,0 0 70px #64c8ff80,0 10px 35px #0009}}@keyframes instapayGlow{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.3)}}@keyframes instapayRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes instapayShake{0%,to{transform:translateY(-8px) scale(1.15) rotate(5deg)}25%{transform:translateY(-8px) scale(1.15) rotate(3deg)}75%{transform:translateY(-8px) scale(1.15) rotate(7deg)}}@keyframes instapayIconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}@keyframes instapayIconSpin{0%,to{transform:rotate(0) scale(1.1)}50%{transform:rotate(180deg) scale(1.15)}}.social-icon svg,.social-icon img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:all .3s ease}.social-icon:hover svg,.social-icon:hover img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transform:scale(1.1)}.footer{margin-top:auto;padding-top:2rem;text-align:center;width:100%}.footer p{font-size:.85rem;color:#ffffff80;margin:.3rem 0;letter-spacing:.3px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.footer-dev{font-size:.8rem!important;color:#fff6!important}.footer-highlight{color:#fffc;font-weight:600}.footer-link{color:#fffc;font-weight:600;text-decoration:none;transition:color .3s ease;display:inline-block;animation:zynkPulse 2s ease-in-out infinite}.footer-link:hover{color:#fff;text-decoration:underline;animation:zynkBounce .6s ease-in-out infinite}@keyframes zynkPulse{0%,to{transform:scale(1);text-shadow:0 0 5px rgba(0,150,255,.4)}50%{transform:scale(1.05);text-shadow:0 0 15px rgba(0,180,255,.8),0 0 25px rgba(100,200,255,.5)}}@keyframes zynkBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:1024px){.app-container:after{font-size:clamp(1.2rem,3.5vw,3rem);letter-spacing:.15em}.profile-name{font-size:2.8rem;letter-spacing:2px}.social-icons{gap:1.4rem}}@media(max-width:768px){.app-container{background-position:right;padding:1.5rem 1rem}.app-container:after{font-size:clamp(1rem,3vw,2.5rem);letter-spacing:.12em}.content{padding:2.5rem 1.5rem 2rem;min-height:auto;gap:1.5rem}.avatar-container{display:flex;justify-content:center;align-items:center}.avatar-wrapper,.avatar{width:140px;height:140px}.profile-name{font-size:2.3rem;letter-spacing:2px}.profile-subtitle{font-size:.95rem}.social-icons{gap:1rem;margin:1.5rem 0}.social-icon{width:50px;height:50px}.social-icon:nth-child(4){width:65px;height:65px}.social-icon svg,.social-icon img{width:26px;height:26px}.instapay-icon{width:35px!important;height:35px!important}.footer{padding-top:1.5rem}.footer p{font-size:.75rem}.footer-dev{font-size:.7rem!important}}@media(max-width:480px){.app-container{padding:1rem .5rem}.app-container:after{font-size:clamp(.8rem,2.5vw,1.8rem);letter-spacing:.08em;white-space:normal;text-align:center;max-width:90%;line-height:1.3}.content{padding:2rem 1rem 1.5rem;gap:1.2rem}.avatar-wrapper,.avatar{width:120px;height:120px}.profile-name{font-size:1.8rem;letter-spacing:1.5px}.profile-subtitle{font-size:.85rem}.social-icons{gap:.8rem;margin:1.2rem 0}.social-icon{width:45px;height:45px}.social-icon:nth-child(4){width:58px;height:58px}.social-icon svg,.social-icon img{width:22px;height:22px}.instapay-icon{width:32px!important;height:32px!important}.footer p{font-size:.7rem}.footer-dev{font-size:.65rem!important}}@media(max-width:360px){.app-container:after{font-size:clamp(.7rem,2vw,1.5rem);letter-spacing:.06em}.content{padding:1.5rem .8rem 1.2rem}.avatar-wrapper,.avatar{width:100px;height:100px}.profile-name{font-size:1.5rem;letter-spacing:1px}.profile-subtitle{font-size:.8rem}.social-icons{gap:.6rem}.social-icon{width:42px;height:42px}.social-icon svg,.social-icon img{width:20px;height:20px}}.mute-button{position:fixed;bottom:1rem;right:1rem;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#0078ff4d,#00b4ff4d);border:3px solid rgba(0,150,255,.6);cursor:url(/crosshair.svg) 16 16,pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 0 30px #0096ff99,0 0 60px #0078ff66,inset 0 2px 10px #ffffff1a;transition:all .3s ease;overflow:visible}.mute-button:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(0,150,255,.4) 0%,transparent 70%);animation:mutePulse 2s ease-in-out infinite;z-index:-1}@keyframes mutePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:.3}}.mute-button:hover{background:linear-gradient(135deg,#0078ff80,#00b4ff80);border-color:#00b4ff;box-shadow:0 0 50px #00b4ff,0 0 100px #0096ffcc,inset 0 2px 15px #ffffff4d;transform:scale(1.05)}.mute-button:active{transform:scale(.95)}.mute-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(0,150,255,.8));z-index:2;position:relative}.mute-waves{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.wave{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(0,150,255,.6);opacity:0}.mute-button:not(.muted) .wave{animation:waveExpand 2s ease-out infinite}.wave-1{animation-delay:0s}.wave-2{animation-delay:.6s}.wave-3{animation-delay:1.2s}@keyframes waveExpand{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}.mute-button.muted{background:linear-gradient(135deg,#ff32324d,#ff64644d);border-color:#ff505099;box-shadow:0 0 30px #ff505099,0 0 60px #ff323266,inset 0 2px 10px #ffffff1a}.mute-button.muted:before{background:radial-gradient(circle,rgba(255,80,80,.4) 0%,transparent 70%)}.mute-button.muted:hover{background:linear-gradient(135deg,#ff323280,#ff646480);border-color:#ff5050;box-shadow:0 0 50px #ff5050,0 0 100px #ff3232cc,inset 0 2px 15px #ffffff4d}.mute-button.muted .mute-icon{filter:drop-shadow(0 0 10px rgba(255,80,80,.8));animation:muteShake .5s ease-in-out}@keyframes muteShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media(max-width:768px){.mute-button{width:60px;height:60px;bottom:1.5rem;right:1.5rem}.mute-icon{font-size:1.6rem}}@media(max-width:480px){.mute-button{width:50px;height:50px;bottom:1rem;right:1rem}.mute-icon{font-size:1.4rem}}.welcome-screen{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:url(/crosshair.svg) 16 16,crosshair}.welcome-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#000000b3,#000000b3),url(/bg.gif);background-size:cover;background-position:center;background-repeat:no-repeat;animation:backgroundZoom 4s ease-out forwards}@keyframes backgroundZoom{0%{transform:scale(1.2);filter:blur(10px) brightness(.5)}to{transform:scale(1);filter:blur(0px) brightness(1)}}.welcome-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.welcome-logo{position:relative;z-index:3}.welcome-avatar{width:180px;height:180px;border-radius:50%;border:5px solid rgba(255,255,255,.3);box-shadow:0 0 40px #0096ffcc,0 0 80px #0064ff99,0 0 120px #0050c866,0 10px 50px #000c;object-fit:cover;animation:avatarGlow 2s ease-in-out infinite}@keyframes avatarGlow{0%,to{box-shadow:0 0 40px #0096ffcc,0 0 80px #0064ff99,0 0 120px #0050c866,0 10px 50px #000c;transform:scale(1)}50%{box-shadow:0 0 60px #00b4ff,0 0 100px #0096ffcc,0 0 140px #64c8ff99,0 10px 50px #000c;transform:scale(1.05)}}.welcome-title{font-family:SuperPixel,Orbitron,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:900;color:#fff;text-align:center;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 20px rgba(0,150,255,.8),0 0 40px rgba(0,120,255,.6),0 0 60px rgba(0,100,255,.4),0 4px 20px rgba(0,0,0,.9);animation:titlePulse 2s ease-in-out infinite;-webkit-text-stroke:2px rgba(0,150,255,.3);position:relative;z-index:3}@keyframes titlePulse{0%,to{text-shadow:0 0 20px rgba(0,150,255,.8),0 0 40px rgba(0,120,255,.6),0 0 60px rgba(0,100,255,.4),0 4px 20px rgba(0,0,0,.9);transform:scale(1)}50%{text-shadow:0 0 30px rgba(0,180,255,1),0 0 60px rgba(0,150,255,.8),0 0 90px rgba(100,200,255,.6),0 0 120px rgba(0,100,255,.4),0 4px 20px rgba(0,0,0,.9);transform:scale(1.02)}}.welcome-subtitle{display:flex;align-items:center;gap:1rem;font-family:Rajdhani,sans-serif;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;color:#ffffffe6;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.8)}.subtitle-text{animation:subtitleGlow 2s ease-in-out infinite}.subtitle-divider{color:#0096ffcc;font-size:1.5rem;animation:dividerPulse 1.5s ease-in-out infinite}@keyframes subtitleGlow{0%,to{color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.8)}50%{color:#fff;text-shadow:0 0 10px rgba(0,150,255,.6),0 2px 10px rgba(0,0,0,.8)}}@keyframes dividerPulse{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.enter-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 3rem;margin-top:2rem;background:linear-gradient(135deg,#0078ff4d,#00b4ff4d);border:3px solid rgba(0,150,255,.6);border-radius:15px;cursor:url(/crosshair.svg) 16 16,pointer;transition:all .3s ease;box-shadow:0 0 30px #0096ff99,0 0 60px #0078ff66,inset 0 2px 10px #ffffff1a;animation:buttonPulse 2s ease-in-out infinite;overflow:hidden}.enter-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:buttonShine 3s ease-in-out infinite}@keyframes buttonShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes buttonPulse{0%,to{box-shadow:0 0 30px #0096ff99,0 0 60px #0078ff66,inset 0 2px 10px #ffffff1a;transform:scale(1)}50%{box-shadow:0 0 40px #00b4ffcc,0 0 80px #0096ff99,0 0 120px #64c8ff66,inset 0 2px 10px #fff3;transform:scale(1.02)}}.enter-button:hover{background:linear-gradient(135deg,#0078ff80,#00b4ff80);border-color:#00b4ff;box-shadow:0 0 50px #00b4ff,0 0 100px #0096ffcc,0 0 150px #64c8ff99,inset 0 2px 15px #ffffff4d;animation:none}.enter-button:active{transform:scale(.98)}.enter-button.entering{animation:buttonExplode 1.5s ease-out forwards;pointer-events:none}@keyframes buttonExplode{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);box-shadow:0 0 100px #00b4ff,0 0 200px #0096ff,0 0 300px #64c8ffcc}to{transform:scale(2);opacity:0}}.button-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(0,150,255,.8));animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.button-text{font-family:SuperPixel,Orbitron,sans-serif;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:900;color:#fff;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 10px rgba(0,150,255,.8),0 0 20px rgba(0,120,255,.6),0 2px 10px rgba(0,0,0,.8);position:relative;z-index:1}.button-subtext{font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;color:#ffffffb3;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.8);position:relative;z-index:1;animation:subtextBlink 2s ease-in-out infinite}@keyframes subtextBlink{0%,to{opacity:.5}50%{opacity:1}}.welcome-effects{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:1}.effect-circle{position:absolute;top:50%;left:50%;border-radius:50%;border:3px solid rgba(0,150,255,.5);box-shadow:0 0 20px #0096ff66,inset 0 0 20px #0096ff33}.effect-1{width:150px;height:150px;animation:circleGather1 4s ease-in-out infinite}.effect-2{width:150px;height:150px;animation:circleGather2 4s ease-in-out infinite;animation-delay:.5s}.effect-3{width:150px;height:150px;animation:circleGather3 4s ease-in-out infinite;animation-delay:1s}@keyframes circleGather1{0%{transform:translate(-50%,-50%) scale(.5);opacity:0;border-color:#0096ff00}25%{transform:translate(-50%,-50%) scale(1);opacity:.8;border-color:#0096ffcc;box-shadow:0 0 30px #0096ff99,inset 0 0 30px #0096ff4d}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.6;border-color:#00b4ff99}75%{transform:translate(-50%,-50%) scale(2);opacity:.3;border-color:#64c8ff66}to{transform:translate(-50%,-50%) scale(2.5);opacity:0;border-color:#0096ff00}}@keyframes circleGather2{0%{transform:translate(-50%,-50%) scale(.5) rotate(0);opacity:0;border-color:#0096ff00}25%{transform:translate(-50%,-50%) scale(1) rotate(90deg);opacity:.8;border-color:#00b4ffcc;box-shadow:0 0 30px #00b4ff99,inset 0 0 30px #00b4ff4d}50%{transform:translate(-50%,-50%) scale(1.5) rotate(180deg);opacity:.6;border-color:#64c8ff99}75%{transform:translate(-50%,-50%) scale(2) rotate(270deg);opacity:.3;border-color:#0096ff66}to{transform:translate(-50%,-50%) scale(2.5) rotate(360deg);opacity:0;border-color:#0096ff00}}@keyframes circleGather3{0%{transform:translate(-50%,-50%) scale(.5);opacity:0;border-color:#0096ff00;border-width:3px}25%{transform:translate(-50%,-50%) scale(1);opacity:.8;border-color:#64c8ffcc;border-width:4px;box-shadow:0 0 40px #64c8ffcc,inset 0 0 40px #64c8ff66}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.6;border-color:#00b4ff99;border-width:3px}75%{transform:translate(-50%,-50%) scale(2);opacity:.3;border-color:#0096ff66;border-width:2px}to{transform:translate(-50%,-50%) scale(2.5);opacity:0;border-color:#0096ff00;border-width:1px}}.scan-line{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,180,255,.8) 50%,transparent 100%);box-shadow:0 0 20px #00b4ffcc;animation:scanMove 3s linear infinite;z-index:5}@keyframes scanMove{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.particles{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#00b4ffcc;border-radius:50%;box-shadow:0 0 10px #00b4ffcc;animation:particleFloat 6s ease-in-out infinite}.particle:nth-child(odd){background:#64c8ffcc;box-shadow:0 0 10px #64c8ffcc}.particle-1{left:10%;animation-delay:0s;animation-duration:5s}.particle-2{left:20%;animation-delay:.5s;animation-duration:6s}.particle-3{left:30%;animation-delay:1s;animation-duration:5.5s}.particle-4{left:40%;animation-delay:1.5s;animation-duration:6.5s}.particle-5{left:50%;animation-delay:2s;animation-duration:5s}.particle-6{left:60%;animation-delay:2.5s;animation-duration:6s}.particle-7{left:70%;animation-delay:3s;animation-duration:5.5s}.particle-8{left:80%;animation-delay:3.5s;animation-duration:6.5s}.particle-9{left:90%;animation-delay:4s;animation-duration:5s}.particle-10{left:15%;animation-delay:.3s;animation-duration:6.2s}.particle-11{left:25%;animation-delay:.8s;animation-duration:5.8s}.particle-12{left:35%;animation-delay:1.3s;animation-duration:6.3s}.particle-13{left:45%;animation-delay:1.8s;animation-duration:5.3s}.particle-14{left:55%;animation-delay:2.3s;animation-duration:6.8s}.particle-15{left:65%;animation-delay:2.8s;animation-duration:5.2s}.particle-16{left:75%;animation-delay:3.3s;animation-duration:6.4s}.particle-17{left:85%;animation-delay:3.8s;animation-duration:5.6s}.particle-18{left:95%;animation-delay:4.3s;animation-duration:6.6s}.particle-19{left:5%;animation-delay:.2s;animation-duration:5.4s}.particle-20{left:12%;animation-delay:.7s;animation-duration:6.1s}@keyframes particleFloat{0%{bottom:-10px;opacity:0;transform:translate(0) scale(.5)}10%{opacity:1}50%{transform:translate(30px) scale(1)}90%{opacity:1}to{bottom:110%;opacity:0;transform:translate(-30px) scale(.5)}}.hexagon-grid{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.hexagon{position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(30deg);opacity:0}.hexagon:before{content:"";position:absolute;width:100%;height:100%;border:2px solid rgba(0,150,255,.4);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:0 0 20px #0096ff4d}.hex-1{animation:hexFloat1 4s ease-in-out infinite}.hex-2{animation:hexFloat2 4s ease-in-out infinite;animation-delay:.5s}.hex-3{animation:hexFloat3 4s ease-in-out infinite;animation-delay:1s}.hex-4{animation:hexFloat4 4s ease-in-out infinite;animation-delay:1.5s}.hex-5{animation:hexFloat5 4s ease-in-out infinite;animation-delay:2s}.hex-6{animation:hexFloat6 4s ease-in-out infinite;animation-delay:2.5s}@keyframes hexFloat1{0%,to{transform:translate(-50%,-50%) rotate(30deg) translateY(0) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) rotate(30deg) translateY(-100px) scale(1);opacity:.6}}@keyframes hexFloat2{0%,to{transform:translate(-50%,-50%) rotate(30deg) translate(-80px) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) rotate(30deg) translate(-80px) translateY(-50px) scale(1);opacity:.6}}@keyframes hexFloat3{0%,to{transform:translate(-50%,-50%) rotate(30deg) translate(80px) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) rotate(30deg) translate(80px) translateY(-50px) scale(1);opacity:.6}}@keyframes hexFloat4{0%,to{transform:translate(-50%,-50%) rotate(30deg) translateY(100px) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) rotate(30deg) translateY(100px) translate(-60px) scale(1);opacity:.6}}@keyframes hexFloat5{0%,to{transform:translate(-50%,-50%) rotate(30deg) translateY(100px) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) rotate(30deg) translateY(100px) translate(60px) scale(1);opacity:.6}}@keyframes hexFloat6{0%,to{transform:translate(-50%,-50%) rotate(30deg) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) rotate(390deg) scale(1.2);opacity:.7}}@media(max-width:768px){.welcome-avatar{width:140px;height:140px}.welcome-title{font-size:clamp(1.5rem,4vw,3rem);letter-spacing:.1em}.welcome-subtitle{font-size:clamp(1rem,2vw,1.5rem);gap:.8rem}.enter-button{padding:1.2rem 2.5rem}.button-icon{font-size:2rem}.button-text{font-size:clamp(1rem,2vw,1.5rem)}.button-subtext{font-size:.8rem}}@media(max-width:480px){.welcome-content{gap:1.5rem;padding:1rem}.welcome-avatar{width:120px;height:120px}.welcome-title{font-size:clamp(1.2rem,3.5vw,2.5rem);letter-spacing:.08em}.welcome-subtitle{font-size:clamp(.9rem,1.8vw,1.3rem);gap:.6rem}.enter-button{padding:1rem 2rem;margin-top:1.5rem}.button-icon{font-size:1.8rem}.button-text{font-size:clamp(.9rem,1.8vw,1.3rem);letter-spacing:.1em}.button-subtext{font-size:.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SuperPixel,Rajdhani,Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100vh}