@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.phone-flip-container{--flip-duration: .56s;--flip-easing: cubic-bezier(.2, .8, .2, 1);--float-duration: 7s;--glow-color: #00D2FF;--phone-width: 240px;position:relative;width:var(--phone-width);cursor:pointer;outline:none;transition:transform .12s ease-out}.phone-flip-container:active{transform:scale(.985)}.phone-flip-perspective{perspective:1200px;width:100%}.phone-flip-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform var(--flip-duration) var(--flip-easing);transform:rotateY(-15deg) rotateX(5deg);display:flex;align-items:center;justify-content:center}.phone-flip-inner{animation:phoneFloat var(--float-duration) ease-in-out infinite}@keyframes phoneFloat{0%,to{transform:rotateY(-15deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-15deg) rotateX(5deg) translateY(-6px)}}.phone-flip-container:hover .phone-flip-inner,.phone-flip-container:focus-within .phone-flip-inner,.phone-flip-container.is-active .phone-flip-inner{animation:phoneFloatActive var(--float-duration) ease-in-out infinite}@keyframes phoneFloatActive{0%,to{transform:rotateY(0) rotateX(0) scale(1.04) translateY(0)}50%{transform:rotateY(0) rotateX(0) scale(1.04) translateY(-6px)}}.phone-flip-face{width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.phone-flip-face--angled{display:block;opacity:1;transition:opacity var(--flip-duration) var(--flip-easing)}.phone-flip-face--front{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.15);width:100%;opacity:0;pointer-events:none;transition:opacity var(--flip-duration) var(--flip-easing),transform var(--flip-duration) var(--flip-easing)}.phone-flip-container:hover .phone-flip-face--angled,.phone-flip-container:focus-within .phone-flip-face--angled,.phone-flip-container.is-active .phone-flip-face--angled{opacity:0;pointer-events:none}.phone-flip-container:hover .phone-flip-face--front,.phone-flip-container:focus-within .phone-flip-face--front,.phone-flip-container.is-active .phone-flip-face--front{opacity:1;pointer-events:auto}.phone-flip-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;border-radius:28px;filter:drop-shadow(0 25px 50px color-mix(in srgb,var(--glow-color) 30%,transparent)) drop-shadow(0 15px 30px rgba(106,76,255,.2));transition:filter .5s ease}.phone-flip-container:hover .phone-flip-image,.phone-flip-container:focus-within .phone-flip-image,.phone-flip-container.is-active .phone-flip-image{filter:drop-shadow(0 35px 70px color-mix(in srgb,var(--glow-color) 50%,transparent)) drop-shadow(0 25px 50px rgba(106,76,255,.4))}.phone-flip-link{display:block;text-decoration:none;cursor:pointer}.phone-flip-image--front{transition:filter .3s ease}.phone-flip-link:hover .phone-flip-image--front,.phone-flip-link:focus .phone-flip-image--front{filter:drop-shadow(0 35px 70px color-mix(in srgb,var(--glow-color) 50%,transparent)) drop-shadow(0 25px 50px rgba(106,76,255,.4))}.phone-flip-link:focus-visible{outline:3px solid color-mix(in srgb,var(--glow-color) 60%,transparent);outline-offset:8px;border-radius:32px}.phone-flip-link:hover .phone-flip-glow--front,.phone-flip-link:focus .phone-flip-glow--front{transform:translate(-50%,-50%) scale(1.2)}.phone-flip-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(ellipse,color-mix(in srgb,var(--glow-color) 15%,transparent) 0%,color-mix(in srgb,var(--glow-color) 8%,transparent) 40%,transparent 70%);z-index:-1;filter:blur(25px);pointer-events:none;transition:opacity .5s ease,transform .5s ease,background .5s ease}.phone-flip-glow--front{background:radial-gradient(ellipse,color-mix(in srgb,var(--glow-color) 25%,transparent) 0%,color-mix(in srgb,var(--glow-color) 12%,transparent) 40%,transparent 70%)}@media(prefers-reduced-motion:reduce){.phone-flip-container{transition:none}.phone-flip-container:active{transform:none}.phone-flip-inner{transition:none;animation:none!important;transform:none!important}.phone-flip-container:hover .phone-flip-inner,.phone-flip-container:focus-within .phone-flip-inner,.phone-flip-container.is-active .phone-flip-inner{transform:none!important}.phone-flip-face--angled,.phone-flip-face--front{transition:opacity .3s ease}.phone-flip-image--front{transition:none}.phone-flip-link:hover .phone-flip-image--front,.phone-flip-link:focus .phone-flip-image--front{transform:none}}.phone-tap-hint{position:absolute;top:45%;right:20px;transform:translateY(-50%);z-index:100;pointer-events:none;animation:hintSlideIn .5s ease-out 2s both}.phone-tap-finger{position:relative;width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.finger-frame{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0}.finger-frame-1{animation:fingerFrame1 1.2s ease-in-out 2.5s infinite}.finger-frame-2{animation:fingerFrame2 1.2s ease-in-out 2.5s infinite}.finger-frame-3{animation:fingerFrame3 1.2s ease-in-out 2.5s infinite}@keyframes fingerFrame1{0%,10%{opacity:1}15%,85%{opacity:0}90%,to{opacity:1}}@keyframes fingerFrame2{0%,10%{opacity:0}15%,25%{opacity:1}30%,70%{opacity:0}75%,85%{opacity:1}90%,to{opacity:0}}@keyframes fingerFrame3{0%,25%{opacity:0}30%,70%{opacity:1}75%,to{opacity:0}}@keyframes hintSlideIn{0%{opacity:0;transform:translateY(-50%) translate(10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.phone-flip-container:hover .phone-tap-hint,.phone-flip-container:focus-within .phone-tap-hint,.phone-flip-container.is-active .phone-tap-hint{animation:hintFadeOut .2s ease-out forwards}@keyframes hintFadeOut{to{opacity:0;transform:translateY(-50%) translate(8px) scale(.8)}}@media(max-width:768px){.phone-flip-container{--phone-width: 220px}.phone-flip-image{border-radius:22px}.phone-tap-hint{right:15px;top:42%}.phone-tap-finger{width:28px;height:28px}}@media(max-width:480px){.phone-flip-container{--phone-width: 180px}.phone-flip-image{border-radius:18px}.phone-tap-hint{right:12px;top:40%}.phone-tap-finger{width:24px;height:24px}}@media(max-width:1024px){.game-background-desktop,.game-background-vignette{display:none!important}}@media(max-width:1024px){.hero-section-redesign{padding-top:100px!important;min-height:auto!important}.hero-section-redesign .hero-main-grid{grid-template-columns:1fr!important;gap:2rem!important}.hero-section-redesign .hero-text-wrapper{max-width:100%!important;text-align:center;align-items:center}.hero-section-redesign .hero-headline{font-size:3rem!important}.hero-section-redesign .hero-cta-row{justify-content:center!important}.hero-section-redesign .smartphone-float{position:absolute!important;left:200px!important;top:-60px!important}.hero-section-redesign .smartphone-float img{width:180px!important;transform:perspective(800px) rotateY(-10deg) rotateX(6deg) rotate(-5deg)!important}.hero-section-redesign .globe-wrapper{position:relative!important;right:auto!important;width:100%!important;height:400px!important;opacity:.8!important;margin-top:2rem}}@media(max-width:768px){.hero-section-redesign{padding:80px 1rem 40px!important}.hero-section-redesign .hero-headline{font-size:2.5rem!important;line-height:1.15!important}.hero-section-redesign .hero-subline{font-size:1.1rem!important}.hero-section-redesign .hero-badge{padding:.4rem .8rem!important;font-size:.75rem!important}.hero-section-redesign .smartphone-float{left:160px!important;top:-40px!important}.hero-section-redesign .smartphone-float img{width:150px!important}.hero-section-redesign .globe-wrapper{height:350px!important;opacity:.85!important;margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem)!important}.hero-section-redesign .scroll-indicator{display:none!important}.game-filter-bar{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin-bottom:.5rem!important;justify-content:center!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.game-filter-bar button{padding:.3rem .6rem!important;font-size:.65rem!important;white-space:nowrap!important}.globe-stats{top:auto!important;bottom:1rem!important;right:1rem!important;left:auto!important;gap:1rem!important;padding:.5rem .75rem!important}.globe-stats>div{text-align:center}.globe-stats>div>div:first-child{font-size:.9rem!important}.globe-stats>div>div:last-child{font-size:.55rem!important}.globe-legend{bottom:1rem!important;left:1rem!important;padding:.4rem .6rem!important}.globe-legend span{font-size:.55rem!important}}@media(max-width:480px){.hero-section-redesign .hero-headline{font-size:2rem!important}.hero-section-redesign .hero-subline{font-size:1rem!important}.hero-section-redesign .hero-cta-row{flex-direction:column!important;width:100%}.hero-section-redesign .hero-cta-row .btn{width:100%!important;justify-content:center;text-align:center}.hero-section-redesign .smartphone-float{position:relative!important;left:auto!important;top:auto!important;margin-top:1.5rem;align-self:center}.hero-section-redesign .smartphone-float img{width:160px!important}.hero-section-redesign .globe-wrapper{height:320px!important;opacity:.9!important;margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem)!important}.game-filter-bar{padding:.3rem!important;gap:.3rem!important}.game-filter-bar button{padding:.25rem .5rem!important;font-size:.6rem!important}.globe-stats{top:auto!important;bottom:.75rem!important;right:.75rem!important;gap:.75rem!important;padding:.4rem .6rem!important;border-radius:8px!important}.globe-stats>div>div:first-child{font-size:.8rem!important}.globe-stats>div>div:last-child{font-size:.5rem!important}.globe-legend{bottom:.75rem!important;left:.75rem!important;padding:.35rem .5rem!important;border-radius:6px!important}}@media(max-width:768px){.hero-section-redesign .smartphone-float,.hero-section-redesign .globe-wrapper{transition-duration:.3s!important}}@media(prefers-reduced-motion:reduce){.hero-section-redesign .smartphone-float,.hero-section-redesign .globe-wrapper,.hero-section-redesign .hero-text-wrapper{animation:none!important;transition:opacity .3s ease!important}}@media(max-width:820px){.nav-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 1rem!important}.logo-img{height:32px!important;width:auto!important}.logo-text{font-size:.85rem!important;font-weight:700!important}.logo{gap:6px!important;flex:1!important}.mobile-menu-toggle{display:flex!important;order:-1!important;margin-right:.75rem!important}.mobile-profile-icon{display:flex!important;align-items:center;gap:6px;position:relative}.profile-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;cursor:pointer;transition:all .2s ease}.profile-icon:hover,.profile-icon:focus{background:#ffffff1f;color:var(--color-aqua)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:#0f1219f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:1000}.mobile-profile-icon:hover .profile-dropdown,.mobile-profile-icon:focus-within .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-item{display:block;padding:.6rem .875rem;font-size:.85rem;color:#fffc;text-decoration:none;border-radius:6px;transition:all .15s ease}.profile-dropdown-item:hover{background:#ffffff14;color:var(--color-aqua)}.profile-dropdown-country{border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem;padding-top:.5rem}.profile-dropdown-country .nav-country-selector{width:100%;margin:0;padding:0;border:none}.profile-dropdown-country .nav-country-toggle{width:100%;padding:.6rem .875rem;font-size:.85rem;color:#fffc;border-radius:6px;justify-content:space-between;background:transparent}.profile-dropdown-country .nav-country-toggle:hover{background:#ffffff14;color:var(--color-aqua)}.profile-dropdown-country .nav-country-dropdown{position:static;width:100%;margin-top:.5rem;transform:none;background:#ffffff0d;border-radius:6px}.profile-dropdown-country .nav-country-search{width:100%;padding:.5rem;font-size:.8rem}.profile-dropdown-country .nav-country-list{max-height:150px}.profile-dropdown-country .nav-country-option{padding:.5rem .75rem;font-size:.8rem}.mobile-profile-icon>.nav-country-selector{display:none}}@media(max-width:820px){.nav-links.desktop-nav{display:none!important}.mobile-nav-overlay{display:none;flex-direction:column;position:fixed;inset:56px 0 0;width:100vw;height:calc(100vh - 56px);height:calc(100dvh - 56px);background:#080a0efa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.25rem 1.5rem;gap:0;z-index:9999;overflow-y:auto}.mobile-nav-overlay.open{display:flex}.mobile-nav-overlay .nav-dropdown{width:100%;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-nav-overlay .nav-dropdown:last-child{border-bottom:none}.mobile-nav-overlay .dropdown-trigger{padding:.875rem 0!important;font-size:.9rem!important;font-weight:500!important;justify-content:space-between!important;width:100%!important;border-radius:0!important;color:#ffffffe6!important;letter-spacing:.01em!important}.mobile-nav-overlay .dropdown-trigger:hover{background:transparent!important;color:var(--color-aqua)!important}.mobile-nav-overlay .dropdown-trigger span{font-size:.6em!important;opacity:.5!important;transition:transform .2s ease!important}.mobile-nav-overlay .nav-dropdown.open .dropdown-trigger span{transform:rotate(180deg)!important}.mobile-nav-overlay .dropdown-menu{position:static!important;transform:none!important;width:100%!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0 0 .5rem!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;max-height:0!important;overflow:hidden!important;transition:all .2s ease!important}.mobile-nav-overlay .nav-dropdown.open .dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;max-height:500px!important}.mobile-nav-overlay .dropdown-item{padding:.6rem 0 .6rem 1rem!important;font-size:.85rem!important;font-weight:400!important;color:#ffffff8c!important;border-radius:0!important;margin:0!important;border-left:2px solid transparent!important;transition:all .15s ease!important}.mobile-nav-overlay .dropdown-item:hover{background:transparent!important;color:var(--color-aqua)!important;border-left-color:var(--color-aqua)!important}.nav-links.mobile-open{display:none!important}.hero-section-redesign .hero-badge{margin-top:1rem!important}}@media(max-width:768px){.login-dropdown-panel{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;border-radius:24px 24px 0 0!important;padding:16px 24px 32px!important;max-height:85vh!important;overflow-y:auto!important;z-index:1002!important;opacity:0!important;visibility:hidden!important;transform:translateY(100%)!important}.login-dropdown-arrow{display:none!important}.login-dropdown-panel.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.login-drag-handle{display:block!important;padding:8px 0 16px!important}.login-drag-indicator{width:40px!important;height:5px!important;background:#ffffff4d!important;border-radius:3px!important;margin:0 auto!important}.login-dropdown-container:before{content:""!important;position:fixed!important;inset:0!important;background:#0000!important;transition:background .3s ease!important;pointer-events:none!important;z-index:1001!important}.login-dropdown-container.dropdown-open:before{background:#0009!important;pointer-events:auto!important}.login-dropdown-header{margin-bottom:20px!important;text-align:center!important}.login-dropdown-header h3{font-size:20px!important;color:#fff!important;margin-bottom:6px!important}.login-dropdown-header p{font-size:14px!important;color:#fff9!important}.login-form{gap:16px!important}.login-input-group{gap:8px!important}.login-input-group label{font-size:13px!important;color:#fffc!important}.login-input-group input{padding:14px 16px!important;font-size:16px!important;border-radius:12px!important;min-height:50px!important;background:#0006!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important}.login-input-group input::-moz-placeholder{color:#fff6!important}.login-input-group input::placeholder{color:#fff6!important}.login-input-group input:focus{border-color:#00d2ff99!important;background:#00d2ff14!important}.login-submit-btn{padding:16px!important;font-size:16px!important;min-height:54px!important;border-radius:12px!important;margin-top:8px!important}.login-dropdown-footer{margin-top:20px!important;padding-top:20px!important;flex-direction:row!important;justify-content:center!important;gap:16px!important}.login-link{font-size:14px!important;padding:8px!important}.login-error{padding:12px 16px!important;font-size:14px!important;border-radius:10px!important}}@media(max-width:375px){.login-dropdown-panel{padding:12px 20px 28px!important;padding-bottom:calc(28px + env(safe-area-inset-bottom,20px))!important;border-radius:20px 20px 0 0!important}.login-dropdown-header h3{font-size:18px!important}.login-dropdown-header p{font-size:13px!important}.login-input-group input{padding:12px 14px!important;font-size:16px!important;min-height:48px!important}.login-submit-btn{padding:14px!important;font-size:15px!important;min-height:50px!important}.login-dropdown-footer{flex-direction:column!important;gap:12px!important}.login-divider{display:none!important}}@media(min-width:376px)and (max-width:430px){.login-dropdown-panel{padding:16px 24px 32px!important;padding-bottom:calc(32px + env(safe-area-inset-bottom,20px))!important}}@media(min-width:431px)and (max-width:480px){.login-dropdown-panel{padding:16px 28px 36px!important;padding-bottom:calc(36px + env(safe-area-inset-bottom,24px))!important}.login-dropdown-header h3{font-size:22px!important}.login-input-group input{min-height:52px!important}.login-submit-btn{min-height:56px!important}}@media(max-width:932px)and (max-height:430px)and (orientation:landscape){.login-dropdown-panel{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%) scale(.95)!important;width:90%!important;max-width:400px!important;max-height:85vh!important;border-radius:16px!important;padding:20px 24px!important}.login-dropdown-panel.open{transform:translate(-50%,-50%) scale(1)!important}.login-drag-handle{display:none!important}.login-dropdown-header{margin-bottom:14px!important}.login-dropdown-header h3{font-size:16px!important}.login-form{gap:12px!important}.login-input-group input{padding:10px 12px!important;min-height:40px!important}.login-submit-btn{padding:10px!important;min-height:42px!important}.login-dropdown-footer{margin-top:12px!important;padding-top:12px!important}}@media(hover:none)and (pointer:coarse){.login-input-group input{min-height:48px!important}.login-submit-btn{min-height:50px!important}.login-link{padding:10px 6px!important;display:inline-block!important}.login-trigger-btn{min-height:44px!important}}@media(prefers-reduced-motion:reduce){.login-dropdown-panel,.login-submit-btn,.login-input-group input,.login-chevron,.login-drag-indicator{transition:none!important}.login-spinner{animation:none!important}.login-dropdown-container:before{transition:none!important}}@media(max-width:768px){.signup-page{padding:1.5rem!important;padding-top:80px!important;padding-bottom:env(safe-area-inset-bottom,24px)!important;min-height:100vh!important;min-height:100dvh!important}.signup-logo{top:1.5rem!important;left:1.5rem!important}.signup-logo img{height:32px!important}.signup-logo .logo-text{font-size:.9rem!important}.signup-card{padding:28px 24px!important;width:100%!important;max-width:100%!important}.signup-card-header h1{font-size:24px!important}.signup-features{flex-direction:column!important;gap:16px!important;align-items:center!important}.signup-step{overflow-y:auto!important}}@media(max-width:480px){.signup-page{padding:1rem!important;padding-top:70px!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,20px))!important}.signup-card{padding:24px 20px 32px!important;border-radius:20px!important}.signup-social-btn{padding:14px 16px!important;font-size:14px!important;min-height:50px!important}.signup-input-group input{padding:14px 16px!important;font-size:16px!important;min-height:50px!important}.signup-submit-btn{padding:16px!important;font-size:16px!important;min-height:54px!important}.signup-back-btn{padding:14px 18px!important;min-height:50px!important}.signup-joystick-container{gap:14px!important;margin-bottom:24px!important;padding:8px 0!important}.joystick-label{font-size:11px!important;gap:4px!important}.joystick-label svg{width:18px!important;height:18px!important}.xbox-joystick-base{width:64px!important;height:64px!important}.xbox-joystick-well{inset:6px!important}.xbox-thumbstick{width:38px!important;height:38px!important}}@media(max-width:375px){.signup-page{padding:1rem!important;padding-top:65px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,16px))!important}.signup-logo{top:1rem!important;left:1rem!important}.signup-logo img{height:26px!important}.signup-logo .logo-text{font-size:.75rem!important}.signup-card{padding:20px 16px 28px!important;border-radius:18px!important}.signup-card-header{margin-bottom:20px!important}.signup-card-header h1{font-size:22px!important}.signup-card-header p{font-size:13px!important}.signup-social-buttons{gap:10px!important;margin-bottom:18px!important}.signup-social-btn{padding:12px 14px!important;font-size:13px!important;min-height:48px!important}.signup-joystick-container{gap:10px!important;margin-bottom:18px!important}.joystick-label{font-size:10px!important;gap:3px!important}.joystick-label svg{width:16px!important;height:16px!important}.xbox-joystick-base{width:56px!important;height:56px!important}.xbox-joystick-well{inset:5px!important}.xbox-thumbstick{width:32px!important;height:32px!important}.thumbstick-texture{inset:4px!important}.thumbstick-center{width:6px!important;height:6px!important}.signup-form{gap:14px!important}.signup-input-group label{font-size:13px!important}.signup-input-group input{padding:13px 14px!important;font-size:16px!important;min-height:48px!important}.phone-country-toggle{padding:12px 8px 12px 12px!important;gap:4px!important}.phone-country-toggle .country-flag{font-size:16px!important}.phone-country-toggle .country-prefix{font-size:13px!important}.phone-country-dropdown{width:260px!important;max-height:300px!important}.phone-country-search{padding:10px 12px!important;gap:8px!important}.phone-country-search input{font-size:14px!important}.phone-country-option{padding:10px 12px!important;gap:8px!important}.phone-country-option .option-flag{font-size:18px!important}.phone-country-option .option-name,.signup-checkbox{font-size:12px!important}.signup-submit-btn{padding:14px!important;font-size:15px!important;min-height:50px!important}.signup-back-btn{padding:12px 16px!important;min-height:46px!important}.signup-divider{margin-bottom:18px!important}.signup-footer{margin-top:20px!important}.signup-footer p{font-size:13px!important}.signup-features{gap:12px!important;margin-top:28px!important}.feature-item{font-size:12px!important}}@media(min-width:376px)and (max-width:430px){.signup-page{padding:1.25rem!important;padding-top:75px!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,20px))!important}.signup-logo{top:1.25rem!important;left:1.25rem!important}.signup-logo img{height:30px!important}.signup-card{padding:26px 22px 32px!important}.signup-card-header h1{font-size:24px!important}.signup-social-btn,.signup-input-group input{min-height:50px!important}.signup-submit-btn{min-height:52px!important}}@media(min-width:431px)and (max-width:480px){.signup-page{padding:1.5rem!important;padding-top:80px!important;padding-bottom:calc(28px + env(safe-area-inset-bottom,24px))!important}.signup-card{padding:28px 24px 36px!important;max-width:440px!important}.signup-card-header h1{font-size:26px!important}.signup-social-btn,.signup-input-group input{min-height:52px!important}.signup-submit-btn{min-height:56px!important}}@media(max-width:932px)and (max-height:430px)and (orientation:landscape){.signup-page{padding:1rem 2rem!important;min-height:auto!important;justify-content:flex-start!important;padding-top:60px!important}.signup-logo{position:fixed!important;top:1rem!important;left:1.5rem!important;z-index:100!important}.signup-logo img{height:24px!important}.signup-card{padding:20px 24px!important;max-width:500px!important;margin-top:10px!important}.signup-card-header{margin-bottom:14px!important}.signup-card-header h1{font-size:18px!important}.signup-social-buttons{flex-direction:row!important;gap:10px!important;margin-bottom:14px!important}.signup-social-btn{flex:1!important;padding:10px!important;min-height:40px!important}.signup-social-btn span{display:none!important}.signup-form{gap:10px!important}.signup-submit-btn{min-height:42px!important}.signup-features{display:none!important}}@media(hover:none)and (pointer:coarse){.signup-social-btn,.signup-submit-btn,.signup-back-btn{min-height:48px!important}.xbox-joystick-base{min-width:64px!important;min-height:64px!important}.xbox-thumbstick{min-width:38px!important;min-height:38px!important}.signup-checkbox{min-height:44px!important;display:flex!important;align-items:center!important}.signup-checkbox .checkmark{min-width:24px!important;min-height:24px!important}.signup-input-group input{min-height:50px!important}.signup-footer a{padding:10px 6px!important;display:inline-block!important}}@media(prefers-reduced-motion:reduce){.signup-card,.signup-submit-btn,.signup-social-btn,.signup-back-btn,.xbox-thumbstick,.xbox-joystick-base,.signup-input-group input{transition:none!important}.signup-spinner{animation:none!important}}@media(max-width:768px){.login-page .signup-card{max-width:100%!important}.login-options{flex-direction:column!important;gap:12px!important;align-items:flex-start!important;margin-bottom:20px!important}.remember-me{order:2!important}.login-forgot-link{order:1!important;align-self:flex-end!important}}@media(max-width:375px){.login-options{gap:10px!important}.remember-me,.login-forgot-link{font-size:12px!important}}:root{--color-white: #FFFFFF;--color-aqua: #00D2FF;--color-purple: #6A4CFF;--color-dark: #0B0E14;--color-success: #3CFF8A;--gradient-primary: linear-gradient(135deg, var(--color-aqua) 0%, var(--color-purple) 100%);--gradient-dark: linear-gradient(180deg, #0B0E14 0%, #151923 100%);--glow-aqua: 0 0 20px rgba(0, 210, 255, .4);--glow-purple: 0 0 20px rgba(106, 76, 255, .4);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .12);--spotlight-x: 50vw;--spotlight-y: 50vh}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-dark);color:var(--color-white);overflow-x:hidden}.spotlight{position:fixed;inset:0;pointer-events:none;z-index:9999;background:radial-gradient(circle 600px at var(--spotlight-x) var(--spotlight-y),rgba(0,210,255,.08) 0%,rgba(106,76,255,.04) 40%,transparent 70%);mix-blend-mode:screen;opacity:.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:800}h2{font-size:clamp(2rem,6vw,3.5rem)}h3{font-size:clamp(1.5rem,4vw,2.5rem)}p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:#fffc}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;white-space:nowrap;letter-spacing:.01em}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--glow-aqua)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d2ff99}.btn-outline{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:var(--color-aqua);background:#00d2ff1a;box-shadow:var(--glow-aqua)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.8rem 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;box-shadow:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.site-header.scrolled{background:#0b0e14bf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d}.nav-inner{max-width:1400px;margin:0 auto;padding:0 1rem 0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;letter-spacing:.05em;color:var(--color-white);text-decoration:none}.logo-img{height:50px;width:auto}.logo-text{font-weight:800;font-size:1.1rem;letter-spacing:.05em;display:flex}.mobile-profile-icon{display:none}.logo-orb{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);box-shadow:var(--glow-aqua);position:relative;animation:orbPulse 2s ease-in-out infinite}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #00d2ff66}50%{transform:scale(1.05);box-shadow:0 0 30px #6a4cff99}}.glow-text{text-shadow:0 0 10px rgba(0,210,255,.3)}.nav-links{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.mobile-nav-overlay{display:none}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-country-selector{position:relative;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.08)}.nav-country-toggle{display:flex;align-items:center;gap:4px;padding:4px;background:transparent;border:none;color:#fffc;font-size:25px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-country-toggle:hover{color:var(--color-aqua)}.nav-country-arrow{transition:transform .2s ease;opacity:.5}.nav-country-arrow.open{transform:rotate(180deg)}.nav-country-dropdown{position:absolute;top:calc(100% + 12px);right:-8px;width:190px;max-height:280px;background:#0b0e14f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #00000080;z-index:1000;animation:countryDropdownFade .15s ease}@keyframes countryDropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-country-search{width:100%;padding:10px 12px;background:#0000004d;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:12px;outline:none;box-sizing:border-box}.nav-country-search::-moz-placeholder{color:#fff6}.nav-country-search::placeholder{color:#fff6}.nav-country-search:focus{background:#0006}.nav-country-list{list-style:none;margin:0;padding:4px 0;max-height:220px;overflow-y:auto}.nav-country-list::-webkit-scrollbar{width:5px}.nav-country-list::-webkit-scrollbar-track{background:transparent}.nav-country-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.nav-country-option{padding:8px 12px;font-size:12px;color:#ffffffb3;cursor:pointer;transition:all .15s ease}.nav-country-option:hover{background:#00d2ff1a;color:#fff}.nav-country-option.selected{background:#00d2ff26;color:#00d2ff}.nav-country-option.no-results{color:#fff6;cursor:default;text-align:center}.nav-dropdown{position:relative}.dropdown-trigger{background:none;border:none;color:var(--color-white);font-size:1rem;font-weight:600;cursor:pointer;padding:.65rem 1.2rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.dropdown-trigger:hover{background:#ffffff0d;color:var(--color-aqua)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#0b0e14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;min-width:200px;box-shadow:0 8px 32px #0000004d;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;pointer-events:all}.dropdown-item{display:block;padding:.75rem 1rem;color:#fffc;text-decoration:none;border-radius:8px;transition:all .2s ease;font-size:.95rem}.dropdown-item:hover{background:#00d2ff1a;color:var(--color-aqua);transform:translate(4px)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-toggle span{width:25px;height:2px;background:var(--color-white);transition:all .3s ease;border-radius:2px}.mobile-menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem}.container{max-width:1400px;width:100%;margin:0 auto}.hero-section{position:relative;overflow:hidden;background:var(--gradient-dark);scroll-snap-align:start;scroll-snap-stop:always}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:10;position:relative}.hero-text{max-width:600px}.hero-title{margin-bottom:1.5rem;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-aqua) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:3rem;color:#ffffffb3;font-weight:300}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.stat-item{text-align:center;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item:hover{background:#00d2ff0d;border-color:var(--color-aqua);transform:translateY(-4px);box-shadow:var(--glow-aqua)}.stat-value{display:block;font-size:2rem;font-weight:800;color:var(--color-aqua);margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.hero-canvas-container{position:relative;height:600px;width:100%}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.game-scroll-story{display:block!important;position:relative;background:#0b0e14}.game-scroll-story .gss-panel{display:flex!important;flex-direction:column;min-height:100vh;position:relative}.carousel-section{position:relative;min-height:400vh;display:block;padding:0;background:var(--gradient-dark)}.carousel-canvas-container{position:sticky;top:0;left:0;width:100%;height:100vh;z-index:1}.carousel-ui-overlay{position:sticky;top:0;z-index:10;pointer-events:none;width:100%;height:100vh;max-width:1400px;margin:0 auto;padding:2rem;display:flex;align-items:center;justify-content:center}.carousel-card-info{position:fixed;bottom:4rem;left:50%;transform:translate(-50%);text-align:center;pointer-events:all;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;max-width:700px;width:90%;z-index:50}.carousel-card-info.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.card-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-description{font-size:1.25rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{max-width:100%}.hero-actions{justify-content:center}.nav-links{display:none}.mobile-menu-toggle{display:flex}}@media(max-width:768px){.hero-stats{grid-template-columns:1fr}.nav-actions{display:none}section{padding:4rem 1rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@supports (-webkit-appearance: none){.carousel-section,.carousel-canvas-container{transform:translateZ(0);backface-visibility:hidden}}@media(prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}@keyframes borderGlow{0%{transform:translate(-100%) rotate(0);opacity:0}50%{opacity:.8}to{transform:translate(100%) rotate(0);opacity:0}}@keyframes rocketBounce{0%,to{transform:translateY(0) rotate(-5deg)}25%{transform:translateY(-3px) rotate(0)}50%{transform:translateY(0) rotate(5deg)}75%{transform:translateY(-2px) rotate(0)}}@keyframes shimmerSweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes filterSlideIn{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.game-filter-active{animation:filterSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}.mobile-login-btn{display:none!important}.desktop-only{display:flex}@media(max-width:768px){.desktop-only{display:none!important}.mobile-login-btn{display:flex!important}}.login-dropdown-container{position:relative}.login-trigger-btn{display:flex;align-items:center;gap:4px}.login-chevron{transition:transform .3s ease}.login-chevron.rotated{transform:rotate(180deg)}.login-dropdown-panel{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:linear-gradient(180deg,#0f172afa,#0a0f1efa);border:1px solid rgba(0,210,255,.2);border-radius:16px;padding:24px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #00000080,0 0 40px #00d2ff1a}.login-dropdown-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.login-drag-handle{display:none;padding:12px 0 8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.login-drag-indicator{width:36px;height:4px;background:#fff3;border-radius:2px;margin:0 auto;transition:background .2s ease}.login-drag-handle:hover .login-drag-indicator,.login-drag-handle:active .login-drag-indicator{background:#fff6}@media(max-width:768px){.login-drag-handle{display:block}}.login-dropdown-arrow{position:absolute;top:-8px;right:24px;width:16px;height:16px;background:#0f172afa;border-left:1px solid rgba(0,210,255,.2);border-top:1px solid rgba(0,210,255,.2);transform:rotate(45deg)}.login-dropdown-header{text-align:center;margin-bottom:20px}.login-dropdown-header h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-dropdown-header p{color:#ffffff80;font-size:13px;margin:0}.login-form{display:flex;flex-direction:column;gap:16px}.login-error{padding:10px 12px;background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#ff6b6b;font-size:13px;text-align:center}.login-input-group{display:flex;flex-direction:column;gap:6px}.login-input-group label{color:#ffffffb3;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.login-input-group input{width:100%;padding:12px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease;outline:none;box-sizing:border-box}.login-input-group input::-moz-placeholder{color:#ffffff4d}.login-input-group input::placeholder{color:#ffffff4d}.login-input-group input:focus{border-color:#00d2ff80;background:#00d2ff0d;box-shadow:0 0 0 3px #00d2ff1a}.login-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00d2ff,#00a8cc);border:none;border-radius:8px;color:#000;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:48px}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff,#00d2ff);box-shadow:0 0 30px #00d2ff80;transform:translateY(-1px)}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:loginSpin .8s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-dropdown-footer{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);text-align:center;display:flex;justify-content:center;align-items:center;gap:12px}.login-link{color:#00d2ffcc;font-size:12px;text-decoration:none;transition:color .3s ease}.login-link:hover{color:#00d2ff;text-shadow:0 0 10px rgba(0,210,255,.5)}.login-divider{color:#fff3;font-size:10px}.login-dropdown-panel .login-input-group .password-input-wrapper,.login-input-group .password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.login-dropdown-panel .login-input-group .password-input-wrapper input,.login-input-group .password-input-wrapper input{width:100%;padding-right:48px!important}.login-dropdown-panel .password-toggle-btn,.login-input-group .password-toggle-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;z-index:2;overflow:visible}.login-dropdown-panel .password-toggle-btn.sauron-eye,.login-input-group .password-toggle-btn.sauron-eye{width:40px;height:40px;padding:0;background:transparent;overflow:visible;cursor:pointer}.login-dropdown-panel .sauron-eye-container,.login-input-group .sauron-eye-container{position:relative;width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d;perspective:400px}.login-dropdown-panel .sauron-eye-container.eye-only,.login-input-group .sauron-eye-container.eye-only{width:36px;height:36px;justify-content:center}.login-dropdown-panel .sauron-eye-container.eye-only .sauron-eye-outer,.login-input-group .sauron-eye-container.eye-only .sauron-eye-outer{position:relative;top:auto;left:auto;transform:none;width:32px;height:18px}.login-dropdown-panel .sauron-eye-outer,.login-input-group .sauron-eye-outer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:18px;border-radius:95%/60%;background:#000;border:none;box-shadow:inset 0 0 8px #000,inset 0 2px 4px #000c,0 2px 8px #000000e6,0 4px 16px #0009;overflow:visible;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:10;transform-style:preserve-3d}.login-dropdown-panel .sauron-eye-inner,.login-input-group .sauron-eye-inner{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 120% 120% at center,#0a0300,#050200 40%,#020100,#000);display:flex;align-items:center;justify-content:center;overflow:visible;transition:all .5s ease}.login-dropdown-panel .sauron-eye-inner:before,.login-input-group .sauron-eye-inner:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-conic-gradient(from 0deg,transparent 0deg,rgba(40,15,0,.1) 2deg,transparent 4deg),radial-gradient(ellipse 100% 100% at center,transparent 55%,rgba(20,8,0,.4) 70%,rgba(10,4,0,.6) 85%,rgba(0,0,0,.8) 100%);opacity:0;transition:all .5s ease}.login-dropdown-panel .sauron-eye-inner:after,.login-input-group .sauron-eye-inner:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 95% 85% at center,transparent 45%,rgba(60,25,0,.15) 50%,transparent 55%),radial-gradient(ellipse 75% 65% at center,transparent 55%,rgba(80,35,0,.2) 60%,transparent 65%),radial-gradient(ellipse 50% 40% at center,transparent 65%,rgba(100,45,0,.15) 70%,transparent 75%);opacity:0;transition:all .5s ease}.login-dropdown-panel .sauron-pupil,.login-input-group .sauron-pupil{position:relative;width:1.5px;height:75%;border-radius:50%;background:#000;box-shadow:0 0 1px .5px #000,0 0 2px 1px #000000e6,0 0 4px 1.5px #000000b3,0 0 6px 2px #00000080,0 0 9px 3px #0000004d,0 0 12px 4px #0a050033;transition:all .5s ease;z-index:5}.login-dropdown-panel .sauron-lid-top,.login-dropdown-panel .sauron-lid-bottom,.login-input-group .sauron-lid-top,.login-input-group .sauron-lid-bottom{position:absolute;left:-3px;right:-3px;height:58%;background:linear-gradient(180deg,#080400,#0d0600,#0a0400 60%,#050200);transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:15;box-shadow:inset 0 0 4px #00000080}.login-dropdown-panel .sauron-lid-top,.login-input-group .sauron-lid-top{top:-3px;transform-origin:top center;border-radius:60% 60% 0 0/100% 100% 0 0;background:linear-gradient(180deg,#121008,#0d0800 20%,#080500 50%,#040200)}.login-dropdown-panel .sauron-lid-bottom,.login-input-group .sauron-lid-bottom{bottom:-3px;transform-origin:bottom center;border-radius:0 0 60% 60%/0 0 100% 100%}.login-dropdown-panel .password-toggle-btn.sauron-eye:not(.open) .sauron-eye-outer,.login-input-group .password-toggle-btn.sauron-eye:not(.open) .sauron-eye-outer{box-shadow:0 0 6px #ff500066,0 0 12px #ff320033,inset 0 0 4px #ff640026;border:1px solid rgba(255,80,0,.3)}.login-dropdown-panel .password-toggle-btn.sauron-eye:not(.open):hover .sauron-lid-top,.login-input-group .password-toggle-btn.sauron-eye:not(.open):hover .sauron-lid-top{animation:sleepyBlinkTop 1.5s ease-in-out infinite}.login-dropdown-panel .password-toggle-btn.sauron-eye:not(.open):hover .sauron-lid-bottom,.login-input-group .password-toggle-btn.sauron-eye:not(.open):hover .sauron-lid-bottom{animation:sleepyBlinkBottom 1.5s ease-in-out infinite}.login-dropdown-panel .password-toggle-btn.sauron-eye.open .sauron-lid-top,.login-input-group .password-toggle-btn.sauron-eye.open .sauron-lid-top,.login-dropdown-panel .password-toggle-btn.sauron-eye.open .sauron-lid-bottom,.login-input-group .password-toggle-btn.sauron-eye.open .sauron-lid-bottom{transform:scaleY(0)}.login-dropdown-panel .password-toggle-btn.sauron-eye.open .sauron-eye-outer,.login-input-group .password-toggle-btn.sauron-eye.open .sauron-eye-outer{box-shadow:0 0 12px #ff640099,0 0 24px #ff320066,0 0 40px #ff50004d}.login-dropdown-panel .password-toggle-btn.sauron-eye.open .sauron-eye-inner,.login-input-group .password-toggle-btn.sauron-eye.open .sauron-eye-inner{background:radial-gradient(ellipse 100% 100% at center,#1a0800,#100500,#080300 60%,#030100)}.login-dropdown-panel .password-toggle-btn.sauron-eye.open .sauron-eye-inner:before,.login-input-group .password-toggle-btn.sauron-eye.open .sauron-eye-inner:before{opacity:1}.login-dropdown-panel .password-toggle-btn.sauron-eye.open .sauron-eye-inner:after,.login-input-group .password-toggle-btn.sauron-eye.open .sauron-eye-inner:after{opacity:1}.login-dropdown-panel .password-toggle-btn.sauron-eye.open .sauron-pupil,.login-input-group .password-toggle-btn.sauron-eye.open .sauron-pupil{width:2px;box-shadow:0 0 1px .5px #000,0 0 2px 1px #000000e6,0 0 4px 1.5px #000000b3,0 0 6px 2px #00000080,0 0 10px 3px #ff32004d,0 0 15px 5px #ff500033}.gss-coming-soon-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#ffffff0d;border:1px dashed rgba(255,255,255,.15);border-radius:12px;color:#fff9;font-size:.9rem;margin-bottom:1rem}.signup-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;padding-top:100px;position:relative;overflow-x:hidden}.signup-navbar{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent;border-bottom:1px solid transparent}.signup-navbar.scrolled{background:#0b0e14bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d}.signup-navbar .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.signup-navbar .nav-logo:hover{opacity:.85;transform:scale(1.02)}.signup-navbar .nav-logo img{height:36px;width:auto}.signup-navbar .nav-logo-text{font-size:1.05rem;font-weight:800;letter-spacing:.05em}.signup-navbar .nav-logo-agent{background:linear-gradient(135deg,#00d2ff,#6a4cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-navbar .nav-logo-avis{color:#8b7fff}.signup-navbar .nav-logo-com{color:#fff}.signup-navbar .nav-center{display:flex;align-items:center;gap:2rem}.signup-navbar .nav-link{color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s ease;position:relative}.signup-navbar .nav-link:hover{color:#fff;background:#ffffff0d}.signup-navbar .nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:linear-gradient(90deg,#00d2ff,#6a4cff);border-radius:1px;transition:transform .3s ease}.signup-navbar .nav-link:hover:after{transform:translate(-50%) scaleX(1)}.signup-navbar .nav-actions{display:flex;align-items:center;gap:1rem}.signup-navbar .nav-btn{padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.signup-navbar .nav-btn-ghost{color:#fffc;background:transparent}.signup-navbar .nav-btn-ghost:hover{color:#fff;background:#ffffff14}.signup-navbar .nav-btn-primary{color:#fff;background:linear-gradient(135deg,#00d2ff,#6a4cff);box-shadow:0 4px 15px #00d2ff4d}.signup-navbar .nav-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00d2ff66}@media(max-width:768px){.signup-navbar{padding:0 1rem;height:60px}.signup-navbar .nav-center{display:none}.signup-navbar .nav-btn{padding:8px 16px;font-size:.85rem}.signup-page{padding-top:80px}}.signup-bg-gradient{position:fixed;inset:0;background:url(/Wallpaper/AllGames.png) center center / cover no-repeat,linear-gradient(180deg,#0b0e14,#0d1117);z-index:-2;opacity:.4}.signup-bg-grid{position:fixed;inset:0;background:linear-gradient(180deg,#0b0e14b3,#0b0e1480,#0b0e14cc),radial-gradient(ellipse at 50% 30%,rgba(0,210,255,.1) 0%,transparent 60%);z-index:-1}.signup-logo{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .3s ease}.signup-logo:hover{opacity:.8}.signup-logo img{height:40px;width:auto}.signup-logo .logo-text{font-size:1.1rem;font-weight:800;letter-spacing:.05em}.signup-logo .logo-agent{background:linear-gradient(135deg,#00d2ff,#6a4cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-logo .logo-avis{color:#8b7fff}.signup-logo .logo-com{color:#fff}.signup-card{width:100%;max-width:440px;background:linear-gradient(180deg,#0f172ae6,#0a0f1ef2);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px #00000080,0 0 100px #00d2ff1a;overflow:hidden;position:relative}.signup-progress{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff1a}.signup-progress-bar{height:100%;background:linear-gradient(90deg,#00d2ff,#6a4cff);transition:width .5s ease;box-shadow:0 0 10px #00d2ff80}.signup-step{width:100%}.signup-card-header{text-align:center;margin-bottom:32px}.signup-card-header h1{font-size:28px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-card-header p{color:#ffffff80;font-size:14px;margin:0}.signup-social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.signup-social-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.signup-social-btn.google{background:#fff;color:#333}.signup-social-btn.google:hover:not(:disabled){background:#f5f5f5;box-shadow:0 4px 20px #fff3}.signup-social-btn.apple{background:#000;color:#fff;border-color:#fff3}.signup-social-btn.apple:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 20px #00000080}.signup-social-btn:disabled{opacity:.6;cursor:not-allowed}.signup-divider{display:flex;align-items:center;gap:16px;margin-bottom:24px}.signup-divider:before,.signup-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.signup-divider span{color:#fff6;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.signup-joystick-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:28px;padding:12px 0}.joystick-label{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffff4d;transition:all .4s ease;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.joystick-label svg{opacity:.4;transition:all .4s ease}.joystick-label.active,.joystick-label.left.active{color:#00d2ff;text-shadow:0 0 20px rgba(0,210,255,.6)}.joystick-label.right.active{color:#6a4cff;text-shadow:0 0 20px rgba(106,76,255,.6)}.joystick-label.active svg{opacity:1;filter:drop-shadow(0 0 8px currentColor)}.xbox-joystick-base{position:relative;width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#1a1f2e,#0f1318);box-shadow:0 4px 20px #00000080,inset 0 2px 4px #ffffff08,inset 0 -2px 6px #0006;cursor:pointer}.xbox-joystick-well{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 50% 60%,#0a0d12,#050709);box-shadow:inset 0 4px 12px #000c,inset 0 0 20px #00000080}.xbox-thumbstick{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;cursor:grab;z-index:10;transition:box-shadow .3s ease}.xbox-thumbstick:active{cursor:grabbing}.thumbstick-top{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#2d3748,#1a202c,#171923);box-shadow:0 2px 8px #00000080,0 0 0 2px #0000004d,inset 0 1px 2px #ffffff14;overflow:hidden}.thumbstick-top:before{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#252d3d,#1a202c 60%,#131820);box-shadow:inset 0 2px 6px #0006}.thumbstick-texture{position:absolute;inset:6px;border-radius:50%}.texture-ridge{position:absolute;top:50%;left:50%;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 20%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.03) 80%,transparent 100%);transform-origin:center}.thumbstick-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3d4a5c,#1a202c);box-shadow:inset 0 1px 2px #00000080}.xbox-thumbstick.email .thumbstick-top{box-shadow:0 2px 8px #00000080,0 0 0 2px #0000004d,inset 0 1px 2px #ffffff14,-4px 0 20px #00d2ff4d}.xbox-thumbstick.phone .thumbstick-top{box-shadow:0 2px 8px #00000080,0 0 0 2px #0000004d,inset 0 1px 2px #ffffff14,4px 0 20px #6a4cff4d}.xbox-joystick-base:after{content:"";position:absolute;inset:-2px;border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none}.xbox-joystick-base:has(.xbox-thumbstick.email):after{background:radial-gradient(circle at 30% 50%,rgba(0,210,255,.2) 0%,transparent 60%);opacity:1}.xbox-joystick-base:has(.xbox-thumbstick.phone):after{background:radial-gradient(circle at 70% 50%,rgba(106,76,255,.2) 0%,transparent 60%);opacity:1}.xbox-thumbstick:hover .thumbstick-top{background:linear-gradient(145deg,#353f4f,#1e2530,#1a1f28)}.xbox-thumbstick:hover .thumbstick-center{background:radial-gradient(circle at 30% 30%,#4a5568,#2d3748)}.signup-form{display:flex;flex-direction:column;gap:20px}.signup-error{padding:12px 16px;background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:10px;color:#ff6b6b;font-size:13px;text-align:center}.signup-input-group{display:flex;flex-direction:column;gap:8px}.signup-input-group label{color:#ffffffb3;font-size:13px;font-weight:500}.signup-input-group input{width:100%;padding:14px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:15px;font-family:inherit;transition:all .3s ease;outline:none;box-sizing:border-box}.signup-input-group input::-moz-placeholder{color:#ffffff4d}.signup-input-group input::placeholder{color:#ffffff4d}.signup-input-group input:focus{border-color:#00d2ff80;background:#00d2ff0d;box-shadow:0 0 0 4px #00d2ff1a}.phone-input-wrapper{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .3s ease;overflow:visible}.phone-input-wrapper:focus-within{border-color:#00d2ff80;background:#00d2ff0d;box-shadow:0 0 0 4px #00d2ff1a}.phone-country-selector{position:relative;flex-shrink:0}.phone-country-toggle{display:flex;align-items:center;gap:6px;padding:14px 10px 14px 14px;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease}.phone-country-toggle:hover{background:#ffffff0d}.phone-country-toggle .country-flag{font-size:18px;line-height:1}.phone-country-toggle .country-prefix{color:#ffffffb3;font-weight:500;font-size:14px}.phone-country-toggle .country-arrow{color:#fff6;transition:transform .2s ease}.phone-country-toggle .country-arrow.open{transform:rotate(180deg)}.phone-country-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:280px;max-height:340px;background:#0f141efa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000080;z-index:1000;animation:phoneDropdownFadeIn .2s ease}@keyframes phoneDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.phone-country-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.phone-country-search svg{color:#fff6;flex-shrink:0}.phone-country-search input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px;font-family:inherit;padding:0}.phone-country-search input::-moz-placeholder{color:#ffffff59}.phone-country-search input::placeholder{color:#ffffff59}.phone-country-list{list-style:none;margin:0;padding:8px 0;max-height:280px;overflow-y:auto}.phone-country-list::-webkit-scrollbar{width:6px}.phone-country-list::-webkit-scrollbar-track{background:transparent}.phone-country-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.phone-country-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all .15s ease}.phone-country-option:hover{background:#00d2ff1a}.phone-country-option.selected{background:#00d2ff26}.phone-country-option .option-flag{font-size:20px;line-height:1}.phone-country-option .option-name{flex:1;color:#e0e0e0;font-size:13px;font-weight:500}.phone-country-option.selected .option-name{color:#00d2ff}.phone-country-option .option-prefix{color:#fff6;font-size:12px;font-weight:500}.phone-country-option .option-detected{color:#fff6;font-size:11px}.phone-country-option.no-results{justify-content:center;color:#fff6;cursor:default;font-style:italic}.phone-country-option.no-results:hover{background:transparent}.phone-input-wrapper input{border:none;background:transparent;box-shadow:none;flex:1;padding-left:12px}.phone-input-wrapper input:focus{border:none;background:transparent;box-shadow:none}.signup-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;color:#fff9}.signup-checkbox input{display:none}.signup-checkbox .checkmark{width:20px;height:20px;min-width:20px;border:2px solid rgba(255,255,255,.2);border-radius:6px;position:relative;transition:all .3s ease}.signup-checkbox input:checked+.checkmark{background:linear-gradient(135deg,#00d2ff,#6a4cff);border-color:transparent}.signup-checkbox input:checked+.checkmark:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.signup-checkbox .checkbox-text a{color:#00d2ff;text-decoration:none}.signup-checkbox .checkbox-text a:hover{text-decoration:underline}.signup-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#00d2ff,#00a8cc);border:none;border-radius:12px;color:#000;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin-top:8px}.signup-submit-btn svg{transition:transform .3s ease}.signup-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff,#00d2ff);box-shadow:0 0 40px #00d2ff80;transform:translateY(-2px)}.signup-submit-btn:hover:not(:disabled) svg{transform:translate(4px)}.signup-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.signup-back-btn{padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.signup-back-btn svg{transition:transform .3s ease}.signup-back-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;color:#fff}.signup-back-btn:hover:not(:disabled) svg{transform:translate(-4px)}.signup-button-group{display:flex;gap:12px;margin-top:8px}.signup-button-group .signup-submit-btn{flex:1;margin-top:0}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:48px!important}.password-toggle-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#fff6;cursor:pointer;transition:all .2s ease}.password-toggle-btn:hover{color:#fffc;background:#ffffff0d}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.password-toggle-btn svg{pointer-events:none}.password-toggle-btn.sauron-eye{width:40px;height:40px;padding:0;background:transparent;overflow:visible;cursor:pointer}.sauron-eye-container{position:relative;width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d;perspective:400px}.sauron-eye-container.eye-only{width:36px;height:36px;justify-content:center}.sauron-eye-container.eye-only .sauron-eye-outer{position:relative;top:auto;left:auto;transform:none;width:32px;height:18px}.sauron-eye-container.eye-only .flame-container{inset:-10px -8px}.barad-dur-tower{position:absolute;bottom:0;width:44px;height:52px;display:flex;flex-direction:column;align-items:center;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9))}.tower-crown{position:absolute;bottom:8px;width:44px;height:44px;display:flex;justify-content:space-between;align-items:flex-end;z-index:1}.tower-horn.left{position:relative;width:10px;height:42px;transform:rotate(-12deg);transform-origin:bottom center}.tower-horn.left:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505,#1a1a1a 20%,#2a2a2a,#333,#2a2a2a,#1a1a1a 80%,#050505);clip-path:polygon(35% 0%,65% 0%,80% 15%,88% 35%,95% 55%,100% 100%,0% 100%,5% 55%,12% 35%,20% 15%);border-radius:3px 3px 0 0}.tower-horn.left:after{content:"";position:absolute;top:4px;left:3px;width:2px;height:80%;background:linear-gradient(180deg,rgba(100,100,100,.4) 0%,rgba(60,60,60,.2) 50%,transparent 100%);border-radius:1px}.tower-horn.right{position:relative;width:10px;height:42px;transform:rotate(12deg);transform-origin:bottom center}.tower-horn.right:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505,#1a1a1a 20%,#2a2a2a,#333,#2a2a2a,#1a1a1a 80%,#050505);clip-path:polygon(35% 0%,65% 0%,80% 15%,88% 35%,95% 55%,100% 100%,0% 100%,5% 55%,12% 35%,20% 15%);border-radius:3px 3px 0 0}.tower-horn.right:after{content:"";position:absolute;top:4px;right:3px;width:2px;height:80%;background:linear-gradient(180deg,rgba(100,100,100,.4) 0%,rgba(60,60,60,.2) 50%,transparent 100%);border-radius:1px}.tower-body{position:absolute;bottom:0;width:20px;height:12px;background:linear-gradient(90deg,#0a0a0a,#1a1a1a,#252525,#1a1a1a 60%,#0a0a0a);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);z-index:2}.tower-body:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:4px;height:5px;background:#28140a4d;border-radius:1px;transition:all .5s ease}.sauron-eye-outer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:18px;border-radius:95%/60%;background:#000;border:none;box-shadow:inset 0 0 8px #000,inset 0 2px 4px #000c,0 2px 8px #000000e6,0 4px 16px #0009;overflow:visible;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:10;transform-style:preserve-3d}.sauron-eye-inner{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 120% 120% at center,#0a0300,#050200 40%,#020100,#000);display:flex;align-items:center;justify-content:center;overflow:visible;transition:all .5s ease}.sauron-eye-inner:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-conic-gradient(from 0deg,transparent 0deg,rgba(40,15,0,.1) 2deg,transparent 4deg),radial-gradient(ellipse 100% 100% at center,transparent 55%,rgba(20,8,0,.4) 70%,rgba(10,4,0,.6) 85%,rgba(0,0,0,.8) 100%);opacity:0;transition:all .5s ease}.sauron-eye-inner:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 95% 85% at center,transparent 45%,rgba(60,25,0,.15) 50%,transparent 55%),radial-gradient(ellipse 75% 65% at center,transparent 55%,rgba(80,35,0,.2) 60%,transparent 65%),radial-gradient(ellipse 50% 40% at center,transparent 65%,rgba(100,45,0,.15) 70%,transparent 75%);opacity:0;transition:all .5s ease}.sauron-pupil{position:relative;width:1.5px;height:75%;border-radius:50%;background:#000;box-shadow:0 0 1px .5px #000,0 0 2px 1px #000000e6,0 0 4px 1.5px #000000b3,0 0 6px 2px #00000080,0 0 9px 3px #0000004d,0 0 12px 4px #0a050033;transition:all .5s ease;z-index:5}.sauron-lid-top,.sauron-lid-bottom{position:absolute;left:-3px;right:-3px;height:58%;background:linear-gradient(180deg,#080400,#0d0600,#0a0400 60%,#050200);transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:15;box-shadow:inset 0 0 4px #00000080}.sauron-lid-top{top:-3px;transform-origin:top center;border-radius:60% 60% 0 0/100% 100% 0 0;background:linear-gradient(180deg,#121008,#0d0800 20%,#080500 50%,#040200)}.sauron-lid-bottom{bottom:-3px;transform-origin:bottom center;border-radius:0 0 60% 60%/0 0 100% 100%}.flame-container{position:absolute;inset:-10px -6px;pointer-events:none;z-index:8;opacity:0;transition:opacity .4s ease;filter:blur(.2px)}.flame-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:12px}.flame-top:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:10px;height:10px;background:radial-gradient(ellipse 40% 60% at center bottom,rgba(255,255,240,.95) 0%,rgba(255,240,180,.9) 15%,rgba(255,200,80,.8) 30%,rgba(255,140,20,.6) 50%,rgba(255,80,0,.4) 70%,rgba(200,40,0,.2) 85%,transparent 100%);border-radius:50%/70% 70% 30% 30%;animation:flameCore .08s ease-in-out infinite alternate}.flame-top:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:18px;height:7px;background:radial-gradient(ellipse 50% 80% at center bottom,rgba(255,180,50,.7) 0%,rgba(255,100,0,.5) 40%,rgba(200,50,0,.3) 70%,transparent 100%);border-radius:50%/80% 80% 20% 20%;animation:flameOuter .1s ease-in-out infinite alternate}.flame-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotate(180deg);width:26px;height:10px}.flame-bottom:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:8px;background:radial-gradient(ellipse 40% 60% at center bottom,rgba(255,255,220,.9) 0%,rgba(255,220,120,.8) 20%,rgba(255,160,40,.6) 45%,rgba(255,80,0,.4) 65%,rgba(180,40,0,.2) 80%,transparent 100%);border-radius:50%/70% 70% 30% 30%;animation:flameCore .09s ease-in-out infinite alternate-reverse}.flame-bottom:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:14px;height:6px;background:radial-gradient(ellipse 50% 80% at center bottom,rgba(255,160,40,.6) 0%,rgba(255,80,0,.4) 50%,transparent 100%);border-radius:50%/80% 80% 20% 20%;animation:flameOuter .11s ease-in-out infinite alternate-reverse}.flame-left,.flame-right{position:absolute;top:50%;transform:translateY(-50%);width:7px;height:14px}.flame-left{left:-2px}.flame-right{right:-2px}.flame-left:before,.flame-right:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 100% at center,rgba(255,200,80,.5) 0%,rgba(255,120,0,.4) 30%,rgba(200,60,0,.2) 60%,transparent 100%);animation:flameSide .12s ease-in-out infinite alternate}@keyframes flameCore{0%{height:12px;opacity:.85;filter:brightness(1)}to{height:16px;opacity:1;filter:brightness(1.1)}}@keyframes flameOuter{0%{transform:translate(-50%) scale(.95);opacity:.6}to{transform:translate(-50%) scale(1.05);opacity:.8}}@keyframes flameSide{0%{transform:scaleX(.85) scaleY(.9);opacity:.4}to{transform:scaleX(1.15) scaleY(1.1);opacity:.7}}.sauron-eye:not(.open) .sauron-lid-top{transform:scaleY(1);background:linear-gradient(180deg,#1a0800,#2d1208 40%,#401a0a,#4d200c);transition:transform .4s ease-out}.sauron-eye:not(.open) .sauron-lid-bottom{transform:scaleY(1);background:linear-gradient(0deg,#1a0800,#2d1208 40%,#401a0a,#4d200c);transition:transform .4s ease-out}.sauron-eye:not(.open) .sauron-eye-outer{box-shadow:0 0 4px #ff500040,0 0 8px #ff320026,inset 0 0 3px #ff64001a;border:1px solid rgba(255,80,0,.2);transition:box-shadow .4s ease}.sauron-eye:not(.open) .sauron-eye-inner{background:radial-gradient(ellipse 100% 100% at center,#2d1208,#1a0800 60%,#0d0400);transition:background .4s ease}.sauron-eye:not(.open) .sauron-pupil{transform:translate(0);transition:transform .3s ease}.sauron-eye:not(.open) .flame-container{opacity:0}.sauron-eye:not(.open) .tower-body:before{background:#1e0f0533}.sauron-eye.open .sauron-lid-top,.sauron-eye.open .sauron-lid-bottom{transform:scaleY(0)}.sauron-eye.open .sauron-eye-outer{box-shadow:0 0 3px #ffffc8e6,0 0 6px #ffc850e6,0 0 12px #ff9600cc,0 0 20px #ff6400b3,0 0 35px #ff460080,0 0 50px #ff320066,0 0 70px #ff28004d,0 0 100px #c81e0033,0 0 150px #9614001a;animation:eyePulse3D .15s ease-in-out infinite}.sauron-eye.open .sauron-eye-inner{background:radial-gradient(ellipse 25% 35% at center,rgba(255,255,255,.95) 0%,rgba(255,255,220,.9) 20%,transparent 100%),radial-gradient(ellipse 100% 100% at center,#fffaf0,#fff4d0 5%,#ffe080 12%,#ffc020 18%,#ffa000,#ff8000 32%,#ff6000,#ff4000,#e82000,#c01000,#900800 72%,#600400,#300200 92%,#150100)}.sauron-eye.open .sauron-eye-inner:before{opacity:1;background:repeating-conic-gradient(from 0deg,transparent 0deg,rgba(255,220,150,.12) 1deg,transparent 2deg,rgba(255,180,100,.08) 3deg,transparent 4deg),repeating-linear-gradient(0deg,transparent 0px,rgba(255,240,180,.1) 1px,transparent 2px,rgba(255,200,100,.08) 3px,transparent 4px),radial-gradient(ellipse 100% 100% at center,transparent 50%,rgba(80,30,0,.3) 70%,rgba(40,15,0,.5) 85%,rgba(0,0,0,.7) 100%);animation:irisFlicker3D .2s ease-in-out infinite}.sauron-eye.open .sauron-eye-inner:after{opacity:0}.sauron-eye.open .sauron-pupil{width:2px;background:#000;box-shadow:0 0 1px .5px #000,0 0 2px 1px #000000f2,0 0 4px 1.5px #000c,0 0 7px 2px #0009,0 0 10px 3px #0006,0 0 14px 4px #501e004d,0 0 18px 5px #ff500026}.sauron-eye.open .flame-container{opacity:1}.sauron-eye.open .tower-body:before{background:radial-gradient(ellipse at center,#ff9632e6,#ff500099,#c828004d);box-shadow:0 0 8px #ff5000cc;animation:towerGlow 1s ease-in-out infinite}.sauron-eye.open .tower-horn.left,.sauron-eye.open .tower-horn.right{filter:drop-shadow(0 -4px 8px rgba(255,100,0,.4))}.sauron-eye.open .tower-horn.left:after,.sauron-eye.open .tower-horn.right:after{background:linear-gradient(180deg,rgba(255,120,50,.4) 0%,rgba(255,80,30,.2) 40%,transparent 100%)}@keyframes eyePulse3D{0%,to{box-shadow:0 0 3px #ffffc8e6,0 0 6px #ffc850e6,0 0 12px #ff9600cc,0 0 20px #ff6400b3,0 0 35px #ff460080,0 0 50px #ff320066,0 0 70px #ff28004d,0 0 100px #c81e0033}50%{box-shadow:0 0 4px #ffffdc,0 0 8px #ffdc64,0 0 16px #ffaa14e6,0 0 28px #ff7800cc,0 0 45px #ff500099,0 0 65px #ff3c0080,0 0 90px #ff320066,0 0 130px #c8280040}}@keyframes irisFlicker3D{0%,to{opacity:1;filter:brightness(1) saturate(1)}25%{opacity:.95;filter:brightness(1.05) saturate(1.1)}50%{opacity:1;filter:brightness(.98) saturate(.95)}75%{opacity:.97;filter:brightness(1.02) saturate(1.05)}}@keyframes ringsRotate3D{0%{transform:rotate(0);filter:hue-rotate(0deg)}to{transform:rotate(360deg);filter:hue-rotate(5deg)}}@keyframes towerGlow{0%,to{opacity:.8}50%{opacity:1}}@keyframes sauronSleepyPeek{0%{transform:scaleY(1)}20%{transform:scaleY(.6)}35%{transform:scaleY(.5)}50%{transform:scaleY(.55)}70%{transform:scaleY(.45)}85%{transform:scaleY(.5)}to{transform:scaleY(.55)}}@keyframes sauronSleepyLook{0%{transform:translate(0)}15%{transform:translate(-2px) translateY(1px)}30%{transform:translate(1px) translateY(-1px)}50%{transform:translate(2px) translateY(.5px)}70%{transform:translate(-1px) translateY(-.5px)}85%{transform:translate(1.5px) translateY(1px)}to{transform:translate(0)}}.sauron-eye:hover .sauron-eye-outer{transform:translate(-50%,-50%) scale(1.05)}.sauron-eye-container.eye-only .sauron-eye-outer{transform:none}.sauron-eye:hover .sauron-eye-container.eye-only .sauron-eye-outer{transform:scale(1.05)}.sauron-eye:not(.open):hover .sauron-lid-top{animation:sauronSleepyPeek 1.5s ease-in-out forwards}.sauron-eye:not(.open):hover .sauron-lid-bottom{animation:sauronSleepyPeek 1.5s ease-in-out forwards}.sauron-eye:not(.open):hover .sauron-pupil{animation:sauronSleepyLook 2s ease-in-out infinite}.sauron-eye:not(.open):hover .sauron-eye-inner{background:radial-gradient(ellipse 100% 100% at center,#4d2510,#3a1a0c 40%,#2d1208,#1a0800)}.sauron-eye:not(.open):hover .sauron-eye-outer{box-shadow:0 0 8px #ff640066,0 0 16px #ff46004d,0 0 24px #ff320026,inset 0 0 5px #ff780033}.sauron-eye:not(.open):hover .flame-container{opacity:.25}.sauron-pupil{will-change:transform}.password-strength{height:4px;background:#ffffff1a;border-radius:2px;margin-top:8px;overflow:hidden}.password-strength-bar{height:100%;border-radius:2px;transition:all .3s ease}.password-match{font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px}.password-match.match{color:#3cff8a}.password-match.no-match{color:#ff6b6b}.signup-spinner{width:22px;height:22px;border:2.5px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:signupSpin .8s linear infinite}@keyframes signupSpin{to{transform:rotate(360deg)}}.signup-footer{margin-top:24px;text-align:center}.signup-footer p{color:#ffffff80;font-size:14px;margin:0}.signup-footer a{color:#00d2ff;text-decoration:none;font-weight:600}.signup-footer a:hover{text-decoration:underline}.signup-features{display:flex;gap:32px;margin-top:48px;flex-wrap:wrap;justify-content:center}.feature-item{display:flex;align-items:center;gap:10px;color:#fff9;font-size:13px}.feature-icon{color:#00d2ff;flex-shrink:0}.login-page .signup-card{max-width:400px}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px}.remember-me{display:flex;align-items:center;gap:8px;color:#fffc;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:#00D2FF;cursor:pointer}.login-forgot-link{color:#00d2ff;text-decoration:none;font-size:13px;transition:all .3s ease}.login-forgot-link:hover{color:#fff;text-decoration:underline}.login-page .signup-redirect{margin-top:24px}.pricing-page,.game-detail-page,.server-regions-page,.features-page{min-height:100vh;background:var(--color-dark);color:var(--color-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer{background:linear-gradient(180deg,#0b0e14f2,#080a0f);border-top:1px solid rgba(255,255,255,.08);padding-top:4rem}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.5fr 2fr 1fr;gap:4rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo .logo-text{font-size:1.5rem;font-weight:800;letter-spacing:.05em}.footer-description{font-size:.9rem;color:#fff9;line-height:1.6;max-width:300px}.footer-hosting-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00d2ff1a;border:1px solid rgba(0,210,255,.2);border-radius:8px;font-size:.85rem;color:var(--color-aqua);width:-moz-fit-content;width:fit-content}.footer-nav-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column h4{font-size:.9rem;font-weight:600;color:var(--color-white);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-column nav{display:flex;flex-direction:column;gap:.75rem}.footer-column nav a{color:#fff9;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-column nav a:hover{color:var(--color-aqua)}.footer-social h4{font-size:.9rem;font-weight:600;color:var(--color-white);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border-radius:10px;color:#ffffffb3;transition:all .2s ease}.social-link:hover{background:#00d2ff1a;color:var(--color-aqua);transform:translateY(-2px)}.footer-copyright{margin-top:4rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.08)}.footer-copyright-inner{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.footer-copyright p{font-size:.85rem;color:#ffffff80;margin:0}.footer-address{font-size:.8rem!important}.pricing-main{padding-top:100px}.pricing-hero{text-align:center;padding:4rem 2rem;background:linear-gradient(180deg,rgba(0,210,255,.05) 0%,transparent 100%)}.pricing-hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:1.25rem;color:#ffffffb3;max-width:600px;margin:0 auto 2rem}.billing-toggle{display:inline-flex;background:#ffffff0d;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.1)}.billing-option{padding:.75rem 1.5rem;background:transparent;border:none;color:#fff9;font-size:.95rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.billing-option.active{background:var(--gradient-primary);color:#fff}.discount-badge{background:#3cff8a;color:#0b0e14;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:700}.pricing-plans{max-width:1200px;margin:0 auto;padding:2rem}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.pricing-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#00d2ff4d;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.pricing-card.popular{border-color:var(--color-aqua);background:linear-gradient(135deg,#00d2ff14,#6a4cff0d)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-header h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-description{font-size:.9rem;color:#fff9;margin:0}.plan-price{text-align:center;margin-bottom:2rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.plan-price .currency{font-size:1.5rem;font-weight:600;vertical-align:top}.plan-price .amount{font-size:3.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-price .period{font-size:1rem;color:#ffffff80}.plan-price .custom-price{font-size:1.5rem;font-weight:600;color:var(--color-aqua)}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.plan-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem}.plan-features li.included{color:#ffffffe6}.plan-features li.excluded{color:#ffffff59}.feature-icon.included{color:#3cff8a}.feature-icon.excluded{color:#ffffff4d;font-weight:700}.plan-cta{display:block;width:100%;padding:1rem;text-align:center;border-radius:12px;font-weight:600;text-decoration:none;transition:all .2s ease}.plan-cta.primary{background:var(--gradient-primary);color:#fff;border:none}.plan-cta.primary:hover{transform:translateY(-2px);box-shadow:var(--glow-aqua)}.plan-cta.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2)}.plan-cta.secondary:hover{border-color:var(--color-aqua);background:#00d2ff1a}.trial-notice{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#3cff8a1a;border:1px solid rgba(60,255,138,.2);border-radius:12px;color:#3cff8a;font-size:.95rem}.trial-notice .divider{color:#ffffff4d}.feature-highlights{max-width:1200px;margin:4rem auto;padding:0 2rem}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.highlight-item{text-align:center;padding:2rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.highlight-icon{color:var(--color-aqua);margin-bottom:1rem}.highlight-item h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.highlight-item p{font-size:.9rem;color:#fff9;margin:0}.game-detail-main{padding-top:80px}.game-hero{position:relative;padding:6rem 2rem;min-height:50vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(var(--game-color-rgb, 0, 210, 255),.1) 0%,transparent 100%)}.game-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--game-color, #00D2FF)15 0%,transparent 50%);pointer-events:none}.game-hero-content{position:relative;z-index:1;text-align:center;max-width:800px}.game-hero .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#ffffffb3;text-decoration:none;font-size:.9rem;margin-bottom:2rem;transition:color .2s}.game-hero .back-link:hover{color:var(--color-aqua)}.game-icon-large{font-size:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 30px var(--game-color, #00D2FF))}.game-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:.5rem}.game-tagline{font-size:1.25rem;color:var(--game-color, var(--color-aqua));margin-bottom:1rem}.coming-soon-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:20px;color:#ffc107;font-size:.9rem;font-weight:500;margin-bottom:1.5rem}.game-description{font-size:1.1rem;color:#fffc;line-height:1.7;margin-bottom:2rem}.game-cta{display:inline-flex;align-items:center;padding:1rem 2.5rem;border-radius:12px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .2s}.game-cta.primary{background:var(--game-color, var(--gradient-primary));color:#fff;border:none}.game-cta.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.game-cta.secondary{background:#ffffff1a;color:#ffffff80;border:1px solid rgba(255,255,255,.2);cursor:not-allowed}.game-features{max-width:1200px;margin:0 auto;padding:4rem 2rem}.game-features h2{font-size:2rem;text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;transition:all .2s}.feature-card:hover{border-color:var(--game-color, var(--color-aqua));transform:translateY(-4px)}.feature-card .feature-icon{color:var(--game-color, var(--color-aqua));margin-bottom:1rem}.feature-card h3{font-size:1.2rem;margin-bottom:.75rem}.feature-card p{font-size:.95rem;color:#fff9;margin:0;line-height:1.6}.server-options{max-width:1000px;margin:0 auto;padding:4rem 2rem;background:#ffffff05}.server-options h2{font-size:2rem;text-align:center;margin-bottom:2rem}.server-table-wrapper{overflow-x:auto}.server-table{width:100%;border-collapse:collapse;background:#0000004d;border-radius:12px;overflow:hidden}.server-table th,.server-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.server-table th{background:#00d2ff1a;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-aqua)}.server-table tr:last-child td{border-bottom:none}.server-table tr:hover td{background:#ffffff08}.mod-support{max-width:800px;margin:0 auto;padding:4rem 2rem;text-align:center}.mod-support h2{font-size:1.5rem;margin-bottom:1.5rem}.mod-support-content{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2rem;background:#3cff8a1a;border:1px solid rgba(60,255,138,.2);border-radius:12px}.mod-support-content .mod-check{color:#3cff8a;flex-shrink:0}.mod-support-content p{margin:0;color:#fffc}.game-cta-section{text-align:center;padding:4rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(0,210,255,.05) 100%)}.game-cta-section h2{font-size:2rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.regions-main{padding-top:100px}.regions-hero{text-align:center;padding:4rem 2rem}.regions-hero .hero-icon{color:var(--color-aqua);margin-bottom:1.5rem}.regions-hero h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}.regions-hero p{color:#ffffffb3;font-size:1.1rem}.regions-list{max-width:900px;margin:0 auto;padding:0 2rem 4rem}.regions-grid{display:flex;flex-direction:column;gap:1rem}.region-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s}.region-card:hover{border-color:#00d2ff4d}.region-card.recommended{border-color:#3cff8a66;background:#3cff8a0d}.region-card.selected{border-color:var(--color-aqua)}.region-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem}.region-flag{font-size:2rem}.region-info{flex:1}.region-info h2{font-size:1.1rem;font-weight:600;margin:0}.region-country{font-size:.85rem;color:#ffffff80}.region-ping{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.region-ping.excellent{background:#3cff8a26;color:#3cff8a}.region-ping.good{background:#00d2ff26;color:var(--color-aqua)}.region-ping.moderate{background:#ffc10726;color:#ffc107}.region-ping.high{background:#dc262626;color:#ef4444}.recommended-badge{display:inline-flex;align-items:center;gap:.5rem;margin:0 1.5rem 1rem;padding:.4rem .8rem;background:#3cff8a26;border-radius:20px;font-size:.8rem;color:#3cff8a;font-weight:500}.region-details{padding:0 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.specs-section,.features-section{margin-top:1.5rem}.specs-section h3,.features-section h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;margin-bottom:1rem;color:#fffc}.specs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.specs-list>div{background:#0003;padding:.75rem;border-radius:8px}.specs-list dt{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.specs-list dd{font-size:.9rem;font-weight:500;margin:.25rem 0 0}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.features-list li{padding:.4rem .8rem;background:#00d2ff1a;border-radius:6px;font-size:.85rem;color:var(--color-aqua)}.region-cta{display:block;width:100%;margin-top:1.5rem;padding:1rem;text-align:center;background:var(--gradient-primary);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;transition:all .2s}.region-cta:hover{transform:translateY(-2px);box-shadow:var(--glow-aqua)}.regions-info{max-width:1000px;margin:0 auto;padding:4rem 2rem}.regions-info h2{text-align:center;margin-bottom:2rem;font-size:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.info-card h3{font-size:1rem;margin-bottom:.75rem;color:var(--color-aqua)}.info-card p{font-size:.9rem;color:#fff9;margin:0;line-height:1.6}.features-main{padding-top:100px}.features-hero{text-align:center;padding:4rem 2rem;background:linear-gradient(180deg,rgba(0,210,255,.05) 0%,transparent 100%)}.features-hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-hero p{font-size:1.2rem;color:#ffffffb3}.features-grid{max-width:1000px;margin:0 auto;padding:2rem}.feature-section{margin-bottom:3rem;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;scroll-margin-top:100px}.feature-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.feature-icon-wrapper{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d2ff26,#6a4cff1a);border-radius:16px;border:1px solid rgba(0,210,255,.2)}.feature-icon-wrapper .feature-icon{color:var(--color-aqua)}.feature-intro h2{font-size:1.5rem;margin-bottom:.5rem}.feature-intro p{color:#ffffffb3;margin:0}.feature-details{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.feature-details li{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0003;border-radius:8px;font-size:.95rem}.detail-check{color:#3cff8a;font-weight:700}.features-cta{text-align:center;padding:4rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(0,210,255,.05) 100%)}.features-cta h2{font-size:2rem;margin-bottom:1rem}.features-cta p{color:#ffffffb3;margin-bottom:2rem}.pricing-faq{max-width:800px;margin:4rem auto;padding:0 2rem}.pricing-faq h2{text-align:center;margin-bottom:2rem}.faq-grid{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.faq-item summary{padding:1.25rem;cursor:pointer;font-weight:500;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.5rem;color:var(--color-aqua);transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 1.25rem 1.25rem;color:#ffffffb3;margin:0;line-height:1.6}.faq-link{display:block;text-align:center;margin-top:1.5rem;color:var(--color-aqua);text-decoration:none;font-weight:500}.faq-link:hover{text-decoration:underline}.login-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s;z-index:10}.login-close-btn:hover{background:#ffffff26;color:#fff}.login-sso-section{display:flex;gap:.75rem;margin-bottom:1.5rem}.sso-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.sso-btn:hover{background:#ffffff1a;border-color:#ffffff40}.sso-steam:hover{border-color:#1b2838;background:#1b28384d}.sso-google:hover{border-color:#4285f4;background:#4285f41a}.login-divider{display:flex;align-items:center;text-align:center;margin-bottom:1.5rem}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.login-divider span{padding:0 1rem;color:#fff6;font-size:.85rem}.language-selector{position:relative}.language-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .2s}.language-toggle:hover{border-color:#fff3;background:#ffffff0d}.language-flag{font-size:1.1rem}.language-code{font-weight:500}.language-chevron{transition:transform .2s;opacity:.6}.language-chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#0b0e14fa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.5rem;list-style:none;margin:0;z-index:1000;box-shadow:0 8px 32px #00000080;animation:dropdownFade .15s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;cursor:pointer;transition:background .15s}.language-option:hover{background:#ffffff14}.language-option.selected{background:#00d2ff26}.language-option .language-name{flex:1;font-size:.9rem}.language-option .check-icon{color:var(--color-aqua)}.nav-link{color:#fffc;text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.nav-link:hover{color:#fff;background:#ffffff14}.mobile-nav-link{display:block;padding:1rem;margin:.5rem 1rem;text-align:center;background:#ffffff0d;border-radius:10px}@media(max-width:1024px){.footer-container{grid-template-columns:1fr;gap:2rem}.footer-nav-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pricing-cards{grid-template-columns:1fr}.footer-nav-columns{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-copyright-inner{flex-direction:column;gap:.5rem;text-align:center}.feature-header{flex-direction:column;text-align:center}.feature-icon-wrapper{margin:0 auto}.server-table th,.server-table td{padding:.75rem 1rem;font-size:.9rem}.billing-toggle{flex-direction:column}.billing-option{justify-content:center}.login-close-btn{display:flex}}@media(max-width:480px){.footer-nav-columns{grid-template-columns:1fr}.social-links{justify-content:center}.region-header{flex-wrap:wrap}.region-ping{width:100%;justify-content:center;margin-top:.5rem}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.isolate{isolation:isolate}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-8{width:2rem}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-cyan-500{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#0B0E14\]{--tw-bg-opacity: 1;background-color:rgb(11 14 20 / var(--tw-bg-opacity, 1))}.text-center{text-align:center}.uppercase{text-transform:uppercase}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.dashboard-app{background-color:#0b0e14;color:#fff;min-height:100vh}
