:root{--bg-primary:#23272f;--bg-secondary:#2c313a;--bg-tertiary:#353b48;--text-primary:#f3f3f3;--text-secondary:#b0b6c3;--accent-color:#26a5e4;--border-color:#353b48}[data-theme="light"]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#3c3c3c;--accent-color:#0d6efd;--border-color:#dee2e6}body{margin:0;padding:0;background:#23272f;font-family:'Inter','Roboto',Arial,sans-serif;color:var(--text-primary);width:100%;min-width:100%;box-sizing:border-box;transition:background-color .3s ease,color .3s ease;position:relative;min-height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box}html{width:100%;min-width:100%;scrollbar-width:thin;scrollbar-color:#26a5e4 #1e2329}.main-center-block{width:100%;margin:0 auto;box-sizing:border-box;text-align:left;display:flex;flex-direction:column;align-items:center;flex:1;padding-top:65px}body[data-authenticated="true"] .main-center-block{padding-top:102px}.nav-wrapper{position:fixed;top:0;left:0;z-index:1000;width:100%;background:rgba(26,26,46,0.65);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.1)}.nav-container{max-width:1400px;margin:0 auto;padding:0 10px}.main-nav{width:100%;position:relative;display:flex;justify-content:center;align-items:center;min-height:64px}.nav-list{display:flex;width:100%;height:100%;padding:0;margin:0;list-style:none;justify-content:space-between;align-items:center}.logo-link{font-family:'Poppins',sans-serif;font-size:1.8rem;background:linear-gradient(135deg,#08c,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.5px;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.nav-center-group{display:flex;flex-direction:row;gap:0;flex:1 1 0;justify-content:center;align-items:stretch;margin:0;width:auto}.nav-logo{margin-right:16px}.nav-link-block{flex:1 1 0;min-height:64px;display:flex;align-items:stretch;justify-content:stretch;padding:0;border-radius:0;background:0;transition:background .18s;position:relative;cursor:pointer}.nav-link-block:hover,.nav-link-block:focus{background:#292f39}.nav-link{width:100%;height:100%;min-height:64px;display:flex;align-items:center;justify-content:center;color:#26a5e4;text-decoration:none;font-weight:500;font-size:1.05rem;transition:color .18s,background .18s;cursor:pointer;text-align:center;padding:8px;box-sizing:border-box}.nav-link.active{position:relative;color:#fff !important}.nav-link{position:relative;text-decoration:none}.nav-link.active::after{content:'';position:absolute;bottom:0;left:50%;width:70%;height:2px;background-color:#26a5e4;transform:translateX(-50%)}.nav-link:not(.active)::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#26a5e4;transform:translateX(-50%);transition:width .1s ease}.nav-link:not(.active):hover::after{width:50%}.nav-divider{width:2px;min-height:64px;background:#353b48;margin:0;border-radius:2px;align-self:stretch;list-style:none;pointer-events:none;z-index:1}.nav-item{font-weight:500;color:#b0b6c3;cursor:pointer;transition:color .2s;font-family:'Inter','Roboto',Arial,sans-serif;display:flex;align-items:center;position:relative;margin-left:auto}.auth-buttons{display:flex;gap:15px;align-items:center;margin:10px}.btn{padding:12px 30px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;border:0;cursor:pointer;font-size:.95rem}.btn-outline{border:2px solid #08c;color:#08c;background:transparent}.btn-primary{background:linear-gradient(135deg,#08c,#00d4ff);color:#fff}.btn.btn-outline,.btn.btn-primary{transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease !important}.btn-outline:hover{background-color:rgba(59,130,246,0.1);border-color:#3b82f6;transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.btn-primary:hover{background-color:#2563eb;transform:scale(1.05);box-shadow:0 4px 12px rgba(37,99,235,0.3)}.theme-toggle{display:flex;align-items:center;justify-content:center;background:0;border:0;color:var(--accent-color);cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;margin-right:8px}.theme-toggle:hover{background:var(--bg-tertiary)}.theme-icon{transition:transform .3s ease}[data-theme="light"] .sun-icon{display:none !important}[data-theme="light"] .moon-icon{display:block !important}[data-theme="dark"] .sun-icon{display:block !important}[data-theme="dark"] .moon-icon{display:none !important}.user-info{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:8px;padding:6px 16px 6px 10px;border:1.5px solid #353b48;transition:border-color .18s,box-shadow .18s;min-width:90px;position:relative;cursor:pointer;margin:10px;background:linear-gradient(180deg,rgb(255 255 255 / 3%),rgb(255 255 255 / 3%))}.user-info-inner{display:flex;flex-direction:column;gap:2px;width:100%}.user-info-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.user-info-left{display:flex;align-items:center;gap:10px}.user-avatar{width:30px;height:30px;border-radius:50%;background-color:#353b48;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:1.1rem;overflow:hidden}.user-avatar.user-avatar-empty{width:32px;height:32px;background:#353b48;border-radius:50%;object-fit:cover;display:block;padding:0;margin:0}.user-name{color:white}.user-balance-row{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-top:6px}.user-balance-mini{color:#26a5e4;font-weight:700;font-size:1.09rem;letter-spacing:.01em;background:#1b232e;border-radius:6px;padding:2px 8px;margin-right:12px;text-align:left}.topup-btn{background:#26a5e4;color:#fff;border:0;border-radius:8px;padding:6px 16px;font-weight:500;font-size:1.01rem;cursor:pointer;margin-left:12px;transition:background .2s}.topup-btn:hover{background:#188fc2}.logout-icon-btn{display:flex;align-items:center;justify-content:center;background:0;border:0;padding:4px;border-radius:6px;cursor:pointer;transition:background .15s}.logout-icon-btn:hover,.logout-icon-btn:focus{background:#353b48}.logout-icon-btn svg{display:block}.mobile-menu-toggle{display:none;background:0;border:0;color:var(--accent-color);font-size:1.5rem;cursor:pointer;padding:8px}.mobile-menu{display:none;position:fixed;top:64px;left:0;width:100%;background:#23272f;border-top:1px solid #353b48;z-index:999;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.mobile-menu-item{display:block;padding:12px 0;color:#b0b6c3;text-decoration:none;border-bottom:1px solid #353b48;font-weight:500;transition:color .2s;text-align:center}.mobile-menu-item:hover{color:#26a5e4}.mobile-menu-item:last-child{border-bottom:0}.mobile-menu-item[onclick="logout()"]{color:#e74c3c !important}.mobile-user-info{display:none;align-items:center;gap:8px}.mobile-user-avatar{width:32px;height:32px;border-radius:50%;background-color:#353b48;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:1.1rem;cursor:pointer;transition:background .2s}.mobile-user-avatar:hover{background-color:#26a5e4}.mobile-balance{background:#26a5e4;color:#fff;padding:4px 8px;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s}.mobile-balance:hover{background:#188fc2}.mobile-login-btn{background:#26a5e4;color:#fff;padding:6px 12px;border-radius:6px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s}.mobile-login-btn:hover{background:#188fc2}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.modal-content{background:#2c313a;margin:5% auto;padding:32px;border-radius:16px;width:90%;max-width:400px;position:relative;border:1px solid #353b48;box-shadow:0 8px 32px rgba(0,0,0,0.3)}.close{color:#b0b6c3;float:right;font-size:28px;font-weight:bold;cursor:pointer;position:absolute;right:20px;top:15px}.close:hover{color:#fff}.modal h2{color:#fff;margin-bottom:24px;font-size:1.5rem;font-weight:600;font-family:'Inter','Roboto',Arial,sans-serif}.modal .form-group{margin-bottom:20px}.modal label{display:block;color:#b0b6c3;margin-bottom:8px;font-weight:500;font-family:'Inter','Roboto',Arial,sans-serif}.modal input[type="text"],.modal input[type="email"],.modal input[type="password"]{width:100%;background:#23272f !important;border:1.3px solid #353b48 !important;border-radius:7px;padding:10px 12px;color:#f3f3f3 !important;font-size:1rem;outline:0;transition:border-color .18s;box-sizing:border-box;font-family:'Inter','Roboto',Arial,sans-serif}.modal input:focus{border-color:#26a5e4}.checkbox-group{display:flex;align-items:center;justify-content:space-between;gap:8px}.forgot-password-link{color:#26a5e4;text-decoration:none;font-size:1rem}.forgot-password-link:hover{text-decoration:underline}.checkbox-group label{display:flex;align-items:center;gap:8px;margin-bottom:0;cursor:pointer;font-size:1rem}.checkbox-group input[type="checkbox"]{width:auto;margin:0}.terms-group{margin-bottom:20px}.terms-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;line-height:1.4;margin-bottom:0}.terms-checkbox{width:16px;height:16px;accent-color:#26a5e4;cursor:pointer;flex-shrink:0}.terms-text{flex:1}.terms-text a{color:#26a5e4;text-decoration:none}.terms-text a:hover{text-decoration:underline}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%;padding-right:45px;background:#23272f !important;border:1.3px solid #353b48 !important;border-radius:7px;padding:10px 45px 10px 12px;color:#f3f3f3 !important;font-size:1rem;outline:0;transition:border-color .18s;box-sizing:border-box}.password-input-container input:focus{border-color:#26a5e4}.password-toggle{position:absolute;right:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background-color .2s ease}.password-toggle:hover{background-color:rgba(38,165,228,0.1)}.password-toggle svg{pointer-events:none}.modal .submit-btn{width:100%;background:#26a5e4;color:#fff;border:0;border-radius:8px;padding:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s ease}.modal .submit-btn:hover{background:#188fc2}.auth-switch{text-align:center;margin-top:20px;color:#b0b6c3;font-size:1rem;font-family:'Inter','Roboto',Arial,sans-serif}.auth-switch a{color:#26a5e4;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;background:#fff;color:#333;border:1px solid #dadce0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.google-login-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;text-align:center;margin:16px 0;color:#b0b6c3;font-size:14px}.auth-divider::before,.auth-divider::after{content:"";flex:1;border-bottom:1px solid #353b48}.auth-divider:not(:empty)::before{margin-right:16px}.auth-divider:not(:empty)::after{margin-left:16px}#verification-form p{color:#fff}#verification-email{color:#4a9eff;font-weight:600}#footer{width:100%;background:rgb(17 17 33 / 95%);border-top:1px solid rgba(255,255,255,0.1);box-shadow:0 -2px 12px rgba(38,165,228,0.06);padding:0}#footer_container{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;padding:32px 16px 16px 16px}.block_footer{min-width:180px;max-width:320px;display:flex;flex-direction:column;gap:12px;color:#f3f3f3;font-family:'Inter','Roboto',Arial,sans-serif}.footer-logo{font-size:2rem;font-family:'Montserrat','Inter',Arial,sans-serif;color:#26a5e4;font-weight:800;margin-bottom:2px;letter-spacing:1px}.footer-desc{color:#b0b6c3;font-size:1.01rem;margin-bottom:8px}.greytext.for-foot{color:#b0b6c3;font-size:.97rem;margin-top:24px}.boldtext.h_3{font-weight:700;font-size:1.13rem;color:#26a5e4;margin-bottom:8px}#footer_menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}#footer_menu li a{color:#b0b6c3;font-size:1rem;text-decoration:none;transition:color .18s;cursor:pointer}#footer_menu li a:hover{color:#26a5e4;text-decoration:underline}.footer-support-desc{color:#b0b6c3;font-size:1rem;margin-bottom:8px;line-height:1.5}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1e2329;border-radius:6px;border:1px solid #353b48}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#26a5e4,#188fc2);border-radius:6px;border:2px solid #1e2329;box-shadow:0 2px 8px rgba(38,165,228,0.15);transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#188fc2,#26a5e4);box-shadow:0 4px 12px rgba(38,165,228,0.25);transform:scale(1.05)}::-webkit-scrollbar-corner{background:#1e2329}@media(max-width:1000px){.main-center-block{padding-top:64px}body[data-authenticated="true"] .main-center-block{padding-top:64px}}@media(max-width:1000px) and (min-width:769px){.nav-item.auth-nav-item{display:none}.mobile-user-info{display:flex}.logo-link{font-size:1.4rem}}@media(max-width:768px){.nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000}.nav-center-group{display:none}.mobile-menu-toggle{display:block}.nav-logo{padding:0 10px}.logo-link{font-size:1.4rem}.nav-item.auth-nav-item{display:none}.mobile-user-info{display:flex}.nav-container{padding:0}}@media(max-width:900px){#footer_container{flex-direction:column;gap:12px;padding:18px 4px 8px 4px}.block_footer{max-width:100%;min-width:0;gap:8px}.footer-logo{font-size:1.4rem}.footer-desc,.greytext.for-foot{display:none}#footer_menu{display:grid;grid-template-columns:1fr 1fr;gap:6px 30px}}@media(max-width:480px){.nav-logo{padding:0 5px}.mobile-balance{font-size:.8rem;padding:3px 6px}}[data-theme="light"] body{scrollbar-color:#26a5e4 var(--bg-primary);background:#fff}[data-theme="light"] .nav-wrapper{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}[data-theme="light"] .nav-link{color:var(--accent-color)}[data-theme="light"] .nav-link.active{color:var(--text-primary) !important}[data-theme="light"] .nav-link-block:hover{background:#e8e8e8;color:var(--text-primary)}[data-theme="light"] .nav-link:hover{background:#e8e8e8;color:var(--text-primary)}[data-theme="light"] .nav-divider{background:var(--border-color)}[data-theme="light"] .user-info{background:var(--bg-primary);border:1.5px solid var(--border-color)}[data-theme="light"] .user-name{color:var(--text-primary)}[data-theme="light"] .user-balance-mini{color:var(--accent-color);background:var(--bg-tertiary)}[data-theme="light"] .modal-content{background:var(--bg-primary);border:1px solid var(--border-color)}[data-theme="light"] .modal h2{color:var(--text-primary)}[data-theme="light"] .modal label{color:var(--text-secondary)}[data-theme="light"] .modal input[type="text"],[data-theme="light"] .modal input[type="email"],[data-theme="light"] .modal input[type="password"]{background:var(--bg-primary) !important;border:1.3px solid var(--border-color) !important;color:var(--text-primary) !important}[data-theme="light"] .modal input:focus{border-color:var(--accent-color) !important}[data-theme="light"] #footer{background:var(--bg-primary);border-top:2px solid var(--border-color)}[data-theme="light"] .footer-logo{color:var(--accent-color)}[data-theme="light"] .footer-desc{color:var(--text-secondary)}[data-theme="light"] #footer_menu li a{color:var(--text-secondary)}[data-theme="light"] #footer_menu li a:hover{color:var(--accent-color)}[data-theme="light"] .footer-support-desc{color:var(--text-secondary)}[data-theme="light"] .mobile-menu{background:var(--bg-primary);border-top:1px solid var(--border-color)}[data-theme="light"] .mobile-menu-item{color:var(--text-secondary);border-bottom:1px solid var(--border-color)}[data-theme="light"] .mobile-menu-item:hover{color:var(--accent-color)}