@keyframes bg-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sparkle-float{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.7}25%{transform:translateY(-15px) rotate(90deg) scale(1.2);opacity:1}50%{transform:translateY(-30px) rotate(180deg) scale(.8);opacity:.9}75%{transform:translateY(-15px) rotate(270deg) scale(1.1);opacity:1}}@keyframes capsule-spin{0%{transform:rotate(0) translateY(0) scale(1)}25%{transform:rotate(90deg) translateY(-15px) scale(1.1)}50%{transform:rotate(180deg) translateY(0) scale(.9)}75%{transform:rotate(270deg) translateY(15px) scale(1.05)}to{transform:rotate(360deg) translateY(0) scale(1)}}@keyframes star-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes neon-flicker{0%,to{opacity:1;box-shadow:0 0 10px #31c5fc,0 0 20px #31c5fc,0 0 30px #31c5fc}50%{opacity:.8;box-shadow:0 0 5px #31c5fc,0 0 10px #31c5fc}}@keyframes logo-glow{0%,to{box-shadow:0 0 20px #31c5fc80,0 0 40px #092dde4d;filter:drop-shadow(0 0 5px rgba(49,197,252,.5))}50%{box-shadow:0 0 40px #31c5fccc,0 0 60px #092dde80;filter:drop-shadow(0 0 15px rgba(9,45,222,.8))}}@keyframes button-pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #31c5fc66}50%{transform:scale(1.05);box-shadow:0 0 25px #092dde99}}.gacha-login-body{font-family:Poppins,sans-serif;background:radial-gradient(circle at center,#0c1240,#050a30);margin:0;padding:0;overflow:hidden;position:relative;color:#fff}.gacha-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/bg.jpeg);background-size:cover;background-position:center;opacity:.1;z-index:1}.sparkle{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#31c5fc,#fff);border-radius:50%;z-index:2;animation:sparkle-float 6s ease-in-out infinite;filter:blur(1px)}.sparkle-1{top:20%;left:10%;animation-delay:0s}.sparkle-2{top:40%;right:15%;animation-delay:1s}.sparkle-3{top:60%;left:20%;animation-delay:2s}.sparkle-4{top:80%;right:10%;animation-delay:3s}.sparkle-5{top:30%;left:80%;animation-delay:4s}.sparkle-6{top:10%;right:30%;animation-delay:5s}.sparkle-7{top:70%;left:5%;animation-delay:6s}.sparkle-8{top:45%;right:5%;animation-delay:7s}.capsule{position:absolute;width:20px;height:35px;background:linear-gradient(45deg,#092dde,#31c5fc);border-radius:50%/25%;z-index:2;animation:capsule-spin 8s linear infinite;box-shadow:0 0 15px #31c5fc99}.capsule-1{top:15%;right:20%;animation-delay:0s}.capsule-2{top:50%;left:15%;animation-delay:2s}.capsule-3{top:75%;right:25%;animation-delay:4s}.capsule-4{top:25%;left:25%;animation-delay:6s}.capsule-5{top:65%;right:5%;animation-delay:8s}.star{position:absolute;font-size:20px;color:#fff;z-index:2;animation:star-fall 10s linear infinite;text-shadow:0 0 5px #fff,0 0 15px #fff,0 0 25px #31c5fc}.star-1{left:10%;animation-delay:0s}.star-2{left:30%;animation-delay:2s;font-size:16px}.star-3{left:50%;animation-delay:4s}.star-4{left:70%;animation-delay:6s;font-size:18px}.star-5{left:90%;animation-delay:8s}.neon-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#31c5fc,transparent);z-index:1;animation:neon-flicker 3s ease-in-out infinite;filter:blur(1px)}.neon-line-1{top:10%;left:0;width:100%;animation-delay:0s}.neon-line-2{top:50%;left:0;width:100%;animation-delay:1s}.neon-line-3{top:90%;left:0;width:100%;animation-delay:2s}.gacha-login-container{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.gacha-login-panel{width:100%;max-width:450px;padding:2.5rem;background:#0c1240d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(49,197,252,.4);border-radius:25px;box-shadow:0 0 50px #000c,inset 0 0 30px #31c5fc26;text-align:center;position:relative;overflow:hidden}.gacha-login-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(0deg,transparent,rgba(49,197,252,.2),transparent);transform:rotate(30deg);animation:panel-shine 4s linear infinite;pointer-events:none}@keyframes panel-shine{0%{transform:translate(-100%) translateY(-100%) rotate(30deg)}to{transform:translate(100%) translateY(100%) rotate(30deg)}}.gacha-logo{width:120px;height:auto;margin:0 auto 1rem;border-radius:50%;border:4px solid rgba(255,215,0,0);animation:logo-glow 3s ease-in-out infinite}.gacha-title{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:800;margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-transform:uppercase;letter-spacing:2px;line-height:1}.title-glow{color:#fff;text-shadow:0 0 15px rgba(49,197,252,.8),0 0 30px rgba(49,197,252,.5);font-size:1.5rem}.title-spark{background:linear-gradient(45deg,#31c5fc,#092dde);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(9,45,222,.4);font-size:3.5rem;letter-spacing:5px}.gacha-subtitle{font-family:Rajdhani,sans-serif;font-size:1.1rem;color:#e0e0e0;margin-bottom:1.5rem;font-weight:500;letter-spacing:.5px;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.8)}.gaming-tagline{font-family:Rajdhani,sans-serif;font-size:1.5rem;color:gold;margin-bottom:2rem;font-weight:800;letter-spacing:1px;text-shadow:0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,140,0,.4)}.gacha-pull-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(90deg,#092dde,#31c5fc);color:#fff;font-size:1.25rem;font-weight:600;border:none;border-top:1px solid rgba(255,255,255,.4);border-radius:50px;text-decoration:none;box-shadow:0 10px 20px #00000080,0 0 30px #31c5fc99;transition:all .3s ease;animation:button-pulse 2s ease-in-out infinite;text-transform:uppercase;letter-spacing:1px;font-family:Orbitron,sans-serif}.gacha-pull-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 40px #31c5fce6,0 0 60px #092dde99;background:linear-gradient(90deg,#31c5fc,#092dde)}.gacha-pull-btn:active{transform:translateY(0) scale(1)}.gacha-pull-btn svg{transition:transform .3s ease}.gacha-pull-btn:hover svg{transform:rotate(-15deg) scale(1.1)}@media(max-width:640px){.gacha-login-panel{padding:2rem;border-width:1px}.gacha-title{font-size:1.5rem}.gacha-logo{width:100px}.gacha-pull-btn{padding:.8rem 2rem;font-size:1.1rem}.sparkle,.capsule,.star{display:none}}