@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@300;400;500;600;700&display=swap");:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--gaming-dark:#1a1a2e;--gaming-darker:#16213e;--gaming-purple:#0f3460;--gaming-gold:gold;--gaming-accent:#e94560;--glass-bg:rgba(30,60,114,.2);--glass-border:rgba(75,150,255,.3);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}.gaming-login-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(75,150,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(102,126,234,.4),transparent),radial-gradient(1px 1px at 90px 40px,rgba(118,75,162,.3),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,215,0,.2),transparent),radial-gradient(2px 2px at 160px 30px,rgba(75,150,255,.2),transparent);background-repeat:repeat;background-size:200px 100px;animation:particlesFloat 20s linear infinite;z-index:1}@keyframes particlesFloat{0%{transform:translateY(0) translateX(0)}to{transform:translateY(-100px) translateX(50px)}}*{box-sizing:border-box}.gaming-login-wrapper{min-height:100vh;height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#667eea);overflow:auto;padding:10px;box-sizing:border-box}.gaming-login-container,.gaming-login-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.gaming-login-container{height:100%;z-index:2}.gaming-login-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.3) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.3) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(52,152,219,.2) 0,transparent 50%),radial-gradient(circle at 60% 20%,rgba(255,215,0,.1) 0,transparent 40%);z-index:1;animation:backgroundMove 20s ease-in-out infinite}@keyframes backgroundMove{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(10px) translateY(-10px)}50%{transform:translateX(-5px) translateY(5px)}75%{transform:translateX(-10px) translateY(-5px)}}.gaming-login-card{background:rgba(30,60,114,.3);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(102,126,234,.2),inset 0 1px 0 rgba(102,126,234,.1);position:relative;overflow:hidden;transform:scale(1);animation:cardFadeIn 1s ease-out forwards;max-width:450px;margin:0 auto;width:100%;border:2px solid rgba(102,126,234,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(50px) scale(.9);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.gaming-login-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 70px rgba(0,0,0,.3),0 0 30px rgba(102,126,234,.3);border-color:rgba(102,126,234,.4)}.gaming-controller-circle{width:70px;height:70px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 25px rgba(102,126,234,.4),inset 0 2px 5px rgba(102,126,234,.2);border:2px solid rgba(102,126,234,.3);transition:all .3s ease}.gaming-controller-icon{font-size:1.8rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));animation:iconPulse 3s ease-in-out infinite}.gaming-controller-circle:hover .gaming-controller-icon{animation:iconSpin 1s ease-in-out}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes iconSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.gaming-login-icon{display:none}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 5px 15px rgba(255,215,0,.6))}50%{transform:translateY(-8px) scale(1.05);filter:drop-shadow(0 10px 25px rgba(255,215,0,.8))}}.gaming-login-header{text-align:center;margin-bottom:1.8rem;position:relative}.gaming-login-title{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:.3rem;text-align:center;letter-spacing:.5px;font-family:Noto Sans Lao,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e8f4fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gaming-login-subtitle{color:hsla(0,0%,100%,.8);font-size:.85rem;font-weight:400;margin-bottom:1.2rem;opacity:.9;text-align:center;font-family:Noto Sans Lao,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.3)}.gaming-features{margin:1.2rem 0;padding:.8rem 0}.gaming-feature{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.6rem;border-radius:8px;background:rgba(30,60,114,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(75,150,255,.2);transition:var(--transition-smooth)}.gaming-feature:hover{background:rgba(30,60,114,.25);transform:translateX(3px)}.gaming-feature:last-child{margin-bottom:0}.feature-icon{font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(75,150,255,.2);flex-shrink:0}.feature-text{color:#ecf0f1;font-size:.8rem;font-weight:400;line-height:1.3;flex:1 1;font-family:Noto Sans Lao,sans-serif}.gaming-back-btn{position:absolute;top:-10px;left:-10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gaming-back-btn:hover{background:rgba(75,150,255,.3);transform:translateX(-2px)}.gaming-form-group{margin-bottom:1rem;position:relative}.step-2-form .gaming-form-group{margin-bottom:.8rem}.gaming-form-label{display:block;color:hsla(0,0%,100%,.9);font-size:.9rem;font-weight:500;margin-bottom:.5rem;font-family:Noto Sans Lao,sans-serif;display:flex;align-items:center;gap:.5rem}.form-icon{font-size:1.1rem;opacity:1}.gaming-form-input{background:rgba(30,60,114,.1)!important;border:1px solid rgba(75,150,255,.3)!important;border-radius:8px!important;padding:.75rem 1rem!important;font-size:.9rem!important;color:#2c3e50!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;height:45px!important;width:100%!important;box-shadow:0 2px 10px rgba(0,0,0,.1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;font-family:Noto Sans Lao,sans-serif!important}.gaming-form-input:focus{background:rgba(30,60,114,.15)!important;border-color:rgba(102,126,234,.6)!important;box-shadow:0 0 20px rgba(102,126,234,.3),0 4px 25px rgba(0,0,0,.15)!important;outline:none!important;transform:translateY(-2px)!important}.gaming-form-input:not(:placeholder-shown){background:hsla(0,0%,100%,.95)!important;color:#000!important;border-color:rgba(102,126,234,.4)!important}.gaming-form-input:focus:not(:placeholder-shown){background:#fff!important;color:#000!important;border-color:rgba(102,126,234,.6)!important}.gaming-form-input.is-invalid{border-color:#e74c3c!important;box-shadow:0 0 20px rgba(231,76,60,.3)!important}.gaming-form-error{color:#e74c3c;font-size:.85rem;margin-top:.5rem;font-family:Noto Sans Lao,sans-serif;background:rgba(231,76,60,.1);padding:.3rem .8rem;border-radius:6px;border-left:3px solid #e74c3c}.gaming-login-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:.3px;box-shadow:0 4px 15px rgba(102,126,234,.3);font-family:Noto Sans Lao,sans-serif;border:1px solid transparent;margin-top:.8rem;display:flex;align-items:center;justify-content:center;gap:.4rem;height:45px;max-width:100%}.gaming-login-btn:before{background:linear-gradient(90deg,transparent,rgba(75,150,255,.3),transparent)}.gaming-login-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);transform:translateY(-3px);box-shadow:0 15px 40px rgba(102,126,234,.6);border-color:rgba(75,150,255,.4)}.gaming-login-btn:active{transform:translateY(-1px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.gaming-login-btn:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;transform:none;box-shadow:0 4px 10px hsla(184,9%,62%,.3)}.btn-icon{font-size:1.2rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.login-loading{display:flex;align-items:center;gap:.75rem;font-family:Noto Sans Lao,sans-serif}.simple-loader{width:20px;height:20px;border:2px solid rgba(75,150,255,.3);border-top-color:#4b96ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gaming-divider{text-align:center;margin:2rem 0;position:relative}.gaming-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(75,150,255,.3),transparent);z-index:1}.gaming-divider span{background:rgba(30,60,114,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:hsla(0,0%,100%,.8);padding:.5rem 1.5rem;font-size:.9rem;position:relative;z-index:2;font-family:Noto Sans Lao,sans-serif;border-radius:20px;border:1px solid rgba(75,150,255,.3)}.gaming-google-login-wrapper{margin:1.5rem 0 1rem;padding:1.2rem;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;border:2px solid hsla(0,0%,100%,.15);transition:all .3s ease}.gaming-google-login-wrapper:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.gaming-google-login{display:flex;justify-content:center;align-items:center;width:100%}.gaming-auth-links{text-align:center;margin:1.5rem 0 1rem;font-size:.9rem;text-shadow:none;font-family:Noto Sans Lao,sans-serif}.gaming-auth-links,.gaming-auth-links span{color:hsla(0,0%,100%,.7)}.gaming-link-btn{background:none;border:none;color:#74b9ff;font-weight:500;cursor:pointer;margin-left:.5rem;transition:all .3s ease;text-decoration:none;position:relative;text-shadow:none;font-size:.9rem;font-family:Noto Sans Lao,sans-serif;border-radius:6px;padding:.2rem .5rem}.gaming-link-btn:hover{color:#0984e3;background:rgba(116,185,255,.1);transform:translateY(-1px)}.register-options{justify-content:center;flex-wrap:wrap;margin-top:.5rem}@media (max-width:768px){.gaming-login-wrapper{padding:10px}.gaming-login-card{padding:1.5rem 1rem;max-width:400px}.gaming-register-card{max-width:100%;padding:1rem}.step-2-form{grid-template-columns:1fr;gap:.5rem}.gaming-controller-circle{width:60px;height:60px}.gaming-controller-icon{font-size:1.5rem}.gaming-login-title{font-size:1.2rem}.gaming-login-subtitle{font-size:.8rem}.gaming-form-input{height:40px!important;font-size:.85rem!important}.gaming-form-input:not(:placeholder-shown){background:hsla(0,0%,100%,.95)!important;color:#000!important;border-color:rgba(102,126,234,.4)!important}.gaming-form-input:focus:not(:placeholder-shown){background:#fff!important;color:#000!important;border-color:rgba(102,126,234,.6)!important}.gaming-login-btn{height:40px;font-size:.85rem}.step-indicator{margin-bottom:1rem}.step span{width:25px;height:25px;font-size:.7rem}.step label{font-size:.6rem}}@media (max-width:480px){.gaming-login-wrapper{padding:5px}.gaming-login-card{padding:1rem;border-radius:10px;max-width:100%}.gaming-register-card{max-width:100%;padding:.8rem;min-height:auto}.step-2-form{grid-template-columns:1fr;gap:.4rem}.gaming-controller-circle{width:50px;height:50px}.gaming-controller-icon{font-size:1.3rem}.gaming-login-title{font-size:1.1rem}.gaming-login-subtitle{font-size:.75rem;margin-bottom:.8rem}.gaming-form-input{height:38px!important;font-size:.8rem!important;padding:.6rem .8rem!important}.gaming-form-input:not(:placeholder-shown){background:hsla(0,0%,100%,.95)!important;color:#000!important;border-color:rgba(102,126,234,.4)!important}.gaming-form-input:focus:not(:placeholder-shown){background:#fff!important;color:#000!important;border-color:rgba(102,126,234,.6)!important}.gaming-login-btn{height:38px;font-size:.8rem}.register-options{flex-direction:column;gap:.5rem}.step-indicator{margin-bottom:.8rem;padding:0 .2rem}.step span{width:22px;height:22px;font-size:.65rem}.step label{font-size:.55rem}.otp-info{padding:.8rem;margin-bottom:.8rem}.otp-input{font-size:1rem!important;letter-spacing:.2rem!important}.success-animation,.success-checkmark,.success-checkmark .check-icon{width:60px;height:60px}.success-title{font-size:1.1rem}.success-message{font-size:.8rem}.gaming-form-group{margin-bottom:.6rem}}@media (max-height:500px) and (orientation:landscape){.gaming-login-wrapper{padding:5px;overflow-y:auto}.gaming-register-card{padding:.5rem;max-width:90%}.gaming-controller-circle{width:40px;height:40px;margin-bottom:.5rem}.gaming-controller-icon{font-size:1rem}.gaming-login-title{font-size:.9rem;margin-bottom:.2rem}.gaming-login-subtitle{font-size:.65rem;margin-bottom:.5rem}.step-indicator{margin-bottom:.5rem}.step-2-form{gap:.3rem}.gaming-form-group{margin-bottom:.4rem}}@media (max-width:360px){.gaming-login-card{padding:.8rem}.gaming-register-card{padding:.6rem}.gaming-controller-circle{width:45px;height:45px}.gaming-controller-icon{font-size:1.2rem}.gaming-login-title{font-size:1rem}.gaming-login-subtitle{font-size:.7rem}.gaming-form-input{height:35px!important;font-size:.75rem!important}.gaming-form-input:not(:placeholder-shown){background:hsla(0,0%,100%,.95)!important;color:#000!important;border-color:rgba(102,126,234,.4)!important}.gaming-form-input:focus:not(:placeholder-shown){background:#fff!important;color:#000!important;border-color:rgba(102,126,234,.6)!important}.gaming-login-btn{height:35px;font-size:.75rem}.step span{width:20px;height:20px;font-size:.6rem}.step label{font-size:.5rem}}.gaming-form-input:focus-visible,.gaming-link-btn:focus-visible,.gaming-login-btn:focus-visible{outline:2px solid #3498db;outline-offset:2px}.step-indicator{margin-bottom:2rem}.step:not(:last-child):after{content:"";position:absolute;top:15px;left:60%;right:-40%;height:2px;background:hsla(0,0%,100%,.2);z-index:1}.step.active:not(:last-child):after{background:var(--gaming-gold)}.step span{background:hsla(0,0%,100%,.2);font-size:.9rem;margin-bottom:.5rem;position:relative;z-index:2;transition:var(--transition-smooth)}.step.active span{background:var(--gaming-gold);color:var(--gaming-dark);box-shadow:0 0 20px rgba(255,215,0,.5)}.step label{font-size:.75rem;color:hsla(0,0%,100%,.6);font-weight:500;transition:var(--transition-smooth)}.step.active label{color:var(--gaming-gold);font-weight:600}.otp-input{text-align:center!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:.5rem!important;padding:1rem!important}.otp-info{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.otp-info p{margin:0 0 .5rem;font-size:.9rem}.otp-info strong{color:var(--gaming-gold);font-size:1rem;margin-bottom:.5rem}.reference-code{background:rgba(255,215,0,.2);color:var(--gaming-gold);padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-weight:700}.resend-otp{padding:1rem 0}.gaming-login-btn{position:relative;overflow:hidden}.gaming-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.gaming-login-btn:hover:before{left:100%}@media (max-width:768px){.step-indicator{margin-bottom:1.5rem;padding:0}.step label{font-size:.65rem}.step span{width:25px;height:25px;font-size:.8rem}.otp-input{font-size:1.2rem!important;letter-spacing:.3rem!important}.otp-info{padding:1rem;margin-bottom:1rem}}@media (max-width:480px){.step:not(:last-child):after{display:none}.step{flex:none;margin:0 .5rem}.otp-input{font-size:1rem!important;letter-spacing:.2rem!important}}.gaming-register-card{max-width:600px;padding:1.5rem;background:rgba(30,60,114,.2);min-height:auto;font-size:small}@media (min-width:1200px){.gaming-register-card{max-width:650px;padding:1.8rem}}.register-form{position:relative;overflow:hidden;max-width:700px;margin:0 auto}.register-form>div{transition:all .5s cubic-bezier(.4,0,.2,1);animation:slideInUp .6s ease-out forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-2-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem;gap:.8rem;margin-top:.5rem}.step-2-form .full-width,.step-2-form .otp-section{grid-column:1/-1}.full-width{width:100%}.register-circle{background:linear-gradient(135deg,#00cec9,#55a3ff);box-shadow:0 12px 35px rgba(0,206,201,.4),inset 0 2px 5px hsla(0,0%,100%,.2);transition:all .5s ease}.register-circle.step-1{background:linear-gradient(135deg,#74b9ff,#0984e3);box-shadow:0 12px 35px rgba(116,185,255,.4),inset 0 2px 5px hsla(0,0%,100%,.2)}.register-circle.step-2{background:linear-gradient(135deg,#fdcb6e,#e17055);box-shadow:0 12px 35px hsla(39,97%,71%,.4),inset 0 2px 5px hsla(0,0%,100%,.2)}.register-circle.step-3{background:linear-gradient(135deg,#00b894,#00cec9);box-shadow:0 12px 35px rgba(0,184,148,.4),inset 0 2px 5px hsla(0,0%,100%,.2)}.step-indicator{display:flex;justify-content:center;margin-bottom:1.5rem;padding:0 1rem;position:relative;max-width:400px;margin-left:auto;margin-right:auto}.step-indicator:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:hsla(0,0%,100%,.2);z-index:0}.step{flex-direction:column;position:relative;z-index:2;flex:1 1;margin:0 2rem}.step,.step span{display:flex;align-items:center;transition:all .3s ease}.step span{width:30px;height:30px;border-radius:50%;justify-content:center;font-weight:600;font-size:.75rem;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6);border:2px solid hsla(0,0%,100%,.2);margin-bottom:.3rem}.step.active span{background:linear-gradient(135deg,#00cec9,#55a3ff);color:#fff;border-color:hsla(0,0%,100%,.3);box-shadow:0 4px 15px rgba(0,206,201,.3);transform:scale(1.1)}.step label{font-size:.65rem;color:hsla(0,0%,100%,.7);font-weight:400;text-align:center;font-family:Noto Sans Lao,sans-serif;margin:0;transition:all .3s ease}.step.active label{color:hsla(0,0%,100%,.9);font-weight:500}.otp-info{background:rgba(0,206,201,.1);border:1px solid rgba(0,206,201,.3);border-radius:10px;padding:1rem;margin-bottom:1rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 15px rgba(0,206,201,.2)}.otp-info p{color:hsla(0,0%,100%,.8);margin-bottom:.3rem;font-family:Noto Sans Lao,sans-serif;font-size:.8rem}.otp-info strong{color:#00cec9;font-size:.95rem;display:block;margin:.3rem 0}.reference-code{color:#ffeaa7;font-weight:600;font-size:1rem}.otp-input{text-align:center;letter-spacing:.3rem;font-size:1.2rem!important;font-weight:600!important}.resend-otp{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.resend-otp p{color:hsla(0,0%,100%,.7);font-size:.9rem;font-family:Noto Sans Lao,sans-serif;margin:0}.register-options{display:flex;flex-direction:column;align-items:center;gap:.5rem}.register-options .gaming-link-btn{padding:.5rem 1rem;margin:0;font-size:.9rem}@media (min-width:768px){.register-options{flex-direction:row;justify-content:center}}.success-container{text-align:center;padding:2rem 0}.success-animation{margin:0 auto 1.5rem;width:100px;height:100px}.success-checkmark{display:block;stroke-width:3;stroke:#00b894;stroke-miterlimit:10;box-shadow:inset 0 0 0 #00b894;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin:0 auto}.success-checkmark,.success-checkmark .check-icon{width:100px;height:100px;border-radius:50%;position:relative}.success-checkmark .check-icon{box-sizing:border-box;border:4px solid #00b894;background:rgba(0,184,148,.1)}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon:after,.success-checkmark .check-icon:before{content:"";height:100px;position:absolute;background:rgba(0,184,148,.1);transform:rotate(-45deg)}.success-checkmark .icon-line{height:4px;background-color:#00b894;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .icon-circle{top:-4px;left:-4px;z-index:10;width:100px;height:100px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(0,184,148,.5)}.success-checkmark .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:rgba(0,184,148,.1)}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:46px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes fill{to{box-shadow:inset 0 0 0 60px #00b894}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.whatsapp-login-title{color:#25d366}.email-login-title,.whatsapp-login-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;text-align:center;font-family:Noto Sans Lao,sans-serif}.email-login-title{color:#4285f4}.whatsapp-icon{font-size:1.2rem;margin-right:.5rem}.whatsapp-icon-img{width:20px!important;height:20px!important;margin-right:8px!important;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(37,211,102,.3));transition:all .3s ease}.whatsapp-icon-img:hover{filter:drop-shadow(0 4px 8px rgba(37,211,102,.5));transform:scale(1.1)}.email-icon{font-size:1.2rem;margin-right:.5rem}.email-icon-img{width:20px!important;height:20px!important;margin-right:8px!important;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(66,133,244,.3));transition:all .3s ease}.email-icon-img:hover{filter:drop-shadow(0 4px 8px rgba(66,133,244,.5));transform:scale(1.1)}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)!important;border:none!important;color:#fff!important;font-weight:600!important;transition:all .3s ease!important}.whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#25d366)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(37,211,102,.3)!important}.email-btn{background:linear-gradient(135deg,#4285f4,#34a853)!important;border:none!important;color:#fff!important;font-weight:600!important;transition:all .3s ease!important}.email-btn:hover{background:linear-gradient(135deg,#34a853,#4285f4)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(66,133,244,.3)!important}.whatsapp-otp-info{background:linear-gradient(135deg,rgba(37,211,102,.1),rgba(18,140,126,.1));border:1px solid rgba(37,211,102,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:center}.whatsapp-otp-info p{margin:.5rem 0;color:hsla(0,0%,100%,.8);font-family:Noto Sans Lao,sans-serif}.whatsapp-otp-info strong{color:#25d366;font-size:1.1rem}.email-otp-info{background:linear-gradient(135deg,rgba(66,133,244,.1),rgba(52,168,83,.1));border:1px solid rgba(66,133,244,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:center}.email-otp-info p{margin:.5rem 0;color:hsla(0,0%,100%,.8);font-family:Noto Sans Lao,sans-serif}.email-otp-info strong{color:#4285f4;font-size:1.1rem}.back-btn{margin-top:1rem!important;color:#7f8c8d!important;font-size:.9rem!important}.back-btn:hover{color:#fff!important}.login-success{text-align:center;padding:2rem 1rem}.login-success .success-icon{font-size:4rem;margin-bottom:1rem;animation:bounceIn 1s ease-out}.login-success h4{color:#25d366;margin-bottom:.5rem}.login-success h4,.login-success p{font-family:Noto Sans Lao,sans-serif}.login-success p{color:#7f8c8d}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-title{color:#00b894;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.success-message,.success-title{font-family:Noto Sans Lao,sans-serif}.success-message{color:hsla(0,0%,100%,.8);font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#00b894;animation:loading-dots 1.4s ease-in-out infinite both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-dots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}body.mobile-app-mode .gaming-login-container{max-width:100%!important;padding:20px 15px!important;margin:0!important;min-height:calc(100vh - 133px)!important;min-height:calc(100dvh - 133px)!important;background:transparent!important}body.mobile-app-mode .gaming-login-card{background:rgba(30,41,59,.95)!important;border:1px solid rgba(139,92,246,.3)!important;box-shadow:0 8px 32px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:16px!important;padding:30px 20px!important;margin:0!important}body.mobile-app-mode .gaming-form-input{background:#fff!important;color:#000!important;border:2px solid #e5e7eb!important;font-size:16px!important;min-height:50px!important;border-radius:10px!important;padding:12px 16px!important;transition:all .3s ease!important}body.mobile-app-mode .gaming-form-input:not(:placeholder-shown){background:#fff!important;color:#000!important;border-color:#8b5cf6!important}body.mobile-app-mode .gaming-form-input:focus{background:#fff!important;color:#000!important;border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(139,92,246,.1)!important;outline:none!important}body.mobile-app-mode .gaming-submit-btn{background:linear-gradient(45deg,#8b5cf6,#a855f7)!important;border:none!important;color:#fff!important;font-size:16px!important;font-weight:600!important;padding:14px!important;border-radius:10px!important;min-height:50px!important;width:100%!important;transition:all .3s ease!important;touch-action:manipulation!important}body.mobile-app-mode .gaming-submit-btn:hover{background:linear-gradient(45deg,#7c3aed,#9333ea)!important;transform:translateY(-2px)!important;box-shadow:0 5px 15px rgba(139,92,246,.4)!important}body.mobile-app-mode .whatsapp-btn{background:#25d366!important}body.mobile-app-mode .email-btn,body.mobile-app-mode .whatsapp-btn{border:none!important;color:#fff!important;font-weight:600!important;border-radius:10px!important;padding:12px 16px!important;min-height:48px!important;width:100%!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all .3s ease!important;touch-action:manipulation!important}body.mobile-app-mode .email-btn{background:#ea4335!important}body.mobile-app-mode .whatsapp-btn:hover{background:#20ba5a!important;box-shadow:0 4px 12px rgba(37,211,102,.3)!important}body.mobile-app-mode .email-btn:hover{background:#d33b2c!important;box-shadow:0 4px 12px rgba(234,67,53,.3)!important}body.mobile-app-mode .gaming-divider{color:#9ca3af!important;font-size:14px!important;margin:25px 0!important;font-weight:500!important}body.mobile-app-mode .gaming-link{color:#8b5cf6!important;font-size:14px!important;text-decoration:none!important;font-weight:500!important;padding:10px 0!important;display:inline-block!important;transition:color .3s ease!important}body.mobile-app-mode .gaming-link:hover{color:#7c3aed!important;text-decoration:underline!important}body.mobile-app-mode .gaming-login-header{margin-bottom:22px!important}body.mobile-app-mode .gaming-login-title-text{margin:0 0 4px!important;font-family:Noto Sans Lao,sans-serif!important;font-size:22px!important;font-weight:800!important;letter-spacing:.3px!important;background:linear-gradient(135deg,#fff,#c4b5fd)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 2px 10px rgba(139,92,246,.3)!important}body.mobile-app-mode .gaming-login-subtitle-text{margin:0!important;font-family:Noto Sans Lao,sans-serif!important;font-size:13px!important;font-weight:400!important;color:#94a3b8!important}body.mobile-app-mode .gaming-google-login-wrapper{margin:0 0 12px!important;padding:4px!important;background:rgba(139,92,246,.08)!important;border:1px solid rgba(139,92,246,.25)!important;border-radius:14px!important;transition:background .2s ease,border-color .2s ease,transform .15s ease!important}body.mobile-app-mode .gaming-google-login-wrapper:last-of-type{margin-bottom:0!important}body.mobile-app-mode .gaming-google-login-wrapper:hover{background:rgba(139,92,246,.14)!important;border-color:rgba(139,92,246,.4)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(139,92,246,.15)!important}body.mobile-app-mode .gaming-google-login-wrapper:active{transform:scale(.98)!important}body.mobile-app-mode .gaming-google-login{min-height:44px!important;padding:6px 10px!important;border-radius:10px!important;font-size:15px!important}body.mobile-app-mode .whatsapp-btn{background:linear-gradient(135deg,#25d366,#1da851)!important;box-shadow:0 4px 14px rgba(37,211,102,.35)!important}body.mobile-app-mode .whatsapp-btn:hover{background:linear-gradient(135deg,#2ee879,#22c55e)!important;box-shadow:0 6px 18px rgba(37,211,102,.45)!important;transform:translateY(-2px)!important}body.mobile-app-mode .email-btn{background:linear-gradient(135deg,#ea4335,#d33b2c)!important;box-shadow:0 4px 14px rgba(234,67,53,.35)!important}body.mobile-app-mode .email-btn:hover{background:linear-gradient(135deg,#f0564a,#ea4335)!important;box-shadow:0 6px 18px rgba(234,67,53,.45)!important;transform:translateY(-2px)!important}body.mobile-app-mode .gaming-login-btn:active{transform:scale(.97)!important}body.mobile-app-mode .otp-info{background:rgba(139,92,246,.08)!important;border:1px solid rgba(139,92,246,.25)!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:14px!important}body.mobile-app-mode .otp-info p{color:#94a3b8!important;font-size:13px!important;margin:0 0 2px!important}body.mobile-app-mode .otp-info strong{color:#fff!important;font-size:15px!important}body.mobile-app-mode .reference-code{color:#c4b5fd!important;font-weight:700!important}body.mobile-app-mode .resend-otp{text-align:center!important;margin-top:12px!important;font-size:13px!important;color:#64748b!important}body.mobile-app-mode .gaming-link-btn{color:#a78bfa!important;font-size:13px!important;font-weight:600!important;background:none!important;border:none!important;padding:6px!important;cursor:pointer!important;transition:color .2s ease!important}body.mobile-app-mode .gaming-link-btn:hover{color:#c4b5fd!important;text-decoration:underline!important}body.mobile-app-mode .gaming-link-btn.back-btn{display:block!important;margin:4px auto 0!important;color:#64748b!important}body.mobile-app-mode .login-success{text-align:center!important;padding:20px 0!important}body.mobile-app-mode .login-success .success-icon{font-size:40px!important;margin-bottom:10px!important}body.mobile-app-mode .login-success h4{color:#fff!important;font-family:Noto Sans Lao,sans-serif!important;font-size:17px!important;margin-bottom:4px!important}body.mobile-app-mode .login-success p{color:#94a3b8!important;font-size:13px!important}.gaming-login-mascot{width:84px;height:84px;margin:0 auto 12px;border-radius:26px;padding:6px;background:linear-gradient(145deg,rgba(139,92,246,.35),rgba(34,211,238,.2));border:1px solid rgba(167,139,250,.5);box-shadow:0 10px 30px rgba(139,92,246,.35);animation:login-mascot-float 3.5s ease-in-out infinite}.gaming-login-mascot img{width:100%;height:100%;object-fit:contain;border-radius:20px}@keyframes login-mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gaming-login-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:12px}.gaming-login-trust span{font-size:11px;font-weight:600;color:#c4b5fd;padding:4px 10px;border-radius:999px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.3);white-space:nowrap}