@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--logo-width:clamp(80px, 12vw, 160px);--logo-height:auto;--logo-padding:clamp(.05rem, .2vw, .2rem)}.logo-container{cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--logo-padding) 0;flex-direction:column;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.logo-image-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.logo-image{width:var(--logo-width);height:var(--logo-height);object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.logo-container:hover .logo-image{transform:scale(1.03)}.logo-container:active .logo-image{transform:scale(.95)}.logo-container.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:clamp(8px,1vw,14px);padding:clamp(.15rem,.3vw,.4rem) clamp(.4rem,1vw,1.2rem);box-shadow:0 4px 20px #00000014}.logo-container.compact .logo-image{width:calc(var(--logo-width) * .6)}.logo-container.animate{animation:.6s cubic-bezier(.4,0,.2,1) forwards logoEntrance}@keyframes logoEntrance{0%{opacity:0;transform:translateY(-15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.logo-container:hover{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:scale(1.01)}@media (width>=1281px){:root{--logo-width:180px}.logo-container.glass{border-radius:14px;padding:.4rem 1.5rem}}@media (width>=1025px) and (width<=1280px){:root{--logo-width:180px}.logo-container.glass{padding:.3rem 1.2rem}}@media (width>=768px) and (width<=1024px){:root{--logo-width:160px}.logo-container.glass{border-radius:10px;padding:.25rem .8rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--logo-width:150px}.logo-container.glass{padding:.25rem .8rem}}@media (width>=481px) and (width<=767px){:root{--logo-width:130px}.logo-container.glass{border-radius:8px;padding:.15rem .6rem}}@media (width>=320px) and (width<=480px){:root{--logo-width:105px}.logo-container.glass{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:6px;padding:.1rem .4rem}.logo-container.compact .logo-image{width:60px}}@media (width<=319px){:root{--logo-width:90px}.logo-container.glass{padding:.05rem .25rem}.logo-container.compact .logo-image{width:50px}}:root{--sidebar-width:clamp(280px, 35vw, 420px);--sidebar-gap:clamp(.3rem, .8vw, .8rem);--sidebar-padding:clamp(.8rem, 2vw, 1.5rem);--icon-size:clamp(1rem, 1.5vw, 1.3rem);--font-size-base:clamp(.75rem, 1vw, 1rem);--font-size-small:clamp(.6rem, .8vw, .75rem);--radius:clamp(8px, 1vw, 12px)}.menu-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:.3rem 0;font-size:clamp(1.2rem,2vw,1.5rem);transition:all .3s;display:flex}.menu-btn:hover{color:#07f;border-bottom-color:#07f}.sidebar-overlay{z-index:999;opacity:0;visibility:hidden;background:#0009;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{top:0;left:calc(var(--sidebar-width) * -1);width:var(--sidebar-width);z-index:1000;max-width:40vw;height:100%;padding:var(--sidebar-padding);gap:var(--sidebar-gap);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border-right:1px solid #ffffff0d;flex-direction:column;transition:left .3s;display:flex;position:fixed;overflow:hidden}.sidebar.active{left:0}.sidebar-header{border-bottom:1px solid #ffffff0d;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(.5rem,1.5vw,1rem);padding-bottom:clamp(.8rem,2vh,1.5rem);display:flex;position:relative}.sidebar-logo{flex-shrink:0;width:auto;height:clamp(2rem,4vh,2.8rem)}.sidebar-brand{color:#fff;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:700;overflow:hidden}.sidebar-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:auto;padding:.2rem;font-size:clamp(1.2rem,2vw,1.5rem);transition:all .3s;display:flex}.sidebar-close:hover{color:#07f;transform:rotate(90deg)}.sidebar-search{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:.5rem;margin:clamp(.3rem,1vh,1rem) 0;padding:clamp(.3rem,.8vw,.6rem) clamp(.5rem,1vw,1rem);transition:all .3s;display:flex}.sidebar-search:focus-within{background:#ff6b6b0d;border-color:#07f}.sidebar-search .search-icon{color:#ffffff4d;font-size:var(--icon-size);flex-shrink:0}.sidebar-search input{color:#fff;font-size:var(--font-size-base);background:0 0;border:none;outline:none;width:100%;min-width:40px;font-family:Poppins,sans-serif}.sidebar-search input::placeholder{color:#ffffff4d}.clear-search{color:#fff3;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.2rem;transition:all .3s;display:flex}.clear-search:hover{color:#07f}.search-preview{border-bottom:1px solid #ffffff08;flex-shrink:0;margin:0;padding:clamp(.2rem,.5vh,.3rem) 0}.search-preview-text{color:#ffffff4d;font-size:var(--font-size-small);margin:0}.search-preview-text strong{color:#fff9}.sidebar-menu{flex-direction:column;flex:1;gap:clamp(.15rem,.4vw,.3rem);min-height:0;padding:clamp(.3rem,1vh,.5rem) 0;display:flex;overflow-y:auto}.sidebar-link{color:#ffffffb3;border-radius:var(--radius);font-weight:500;font-size:var(--font-size-base);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:clamp(.5rem,1.2vw,1rem);min-height:clamp(32px,5vh,44px);padding:clamp(.4rem,.8vw,.8rem) clamp(.5rem,1vw,1rem);text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.sidebar-link:hover{color:#07f;background:#ff6b6b1a;transform:translate(5px)}.sidebar-link .sidebar-icon{font-size:var(--icon-size);flex-shrink:0;justify-content:center;align-items:center;min-width:clamp(18px,2.5vw,24px);max-width:24px;max-height:24px;line-height:1;display:flex}.sidebar-link .sidebar-icon svg{width:var(--icon-size);height:var(--icon-size);max-width:100%;max-height:100%;display:block}.sidebar-link.admin-link{border-radius:0 var(--radius) var(--radius) 0;background:#ff6b6b0d;border-left:2px solid #07f;margin:.1rem 0}.sidebar-link.admin-link:hover{background:#ff6b6b1a}.sidebar-link.admin-link .sidebar-icon{color:#07f}.sidebar-footer{text-align:center;border-top:1px solid #ffffff0d;flex-shrink:0;margin-top:auto;padding-top:clamp(.8rem,2vh,1.5rem)}.sidebar-footer p{color:#ffffff4d;font-size:var(--font-size-small);margin:0}.sidebar-version{color:#fff3;margin-top:.1rem;font-size:clamp(.5rem,.6vw,.7rem)}.sidebar-menu::-webkit-scrollbar{width:.2rem}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}@media (width>=1281px){:root{--sidebar-width:420px;--sidebar-padding:2rem;--font-size-base:1.1rem;--font-size-small:.85rem;--icon-size:1.1rem;--radius:14px}.sidebar-link{min-height:48px;padding:.9rem 1.2rem}.sidebar-link .sidebar-icon{min-width:22px;max-width:22px;max-height:22px}.sidebar-link .sidebar-icon svg{width:1.1rem!important;height:1.1rem!important}.sidebar-brand{font-size:1.5rem}}@media (width>=1025px) and (width<=1280px){:root{--sidebar-width:380px;--sidebar-padding:1.5rem;--font-size-base:1rem;--font-size-small:.75rem;--icon-size:1rem}.sidebar-link{min-height:42px}.sidebar-link .sidebar-icon{min-width:20px;max-width:20px;max-height:20px}.sidebar-link .sidebar-icon svg{width:1rem!important;height:1rem!important}}@media (width>=768px) and (width<=1024px){:root{--sidebar-width:340px;--sidebar-padding:1.2rem;--font-size-base:.9rem;--font-size-small:.7rem;--icon-size:.95rem}.sidebar-link{gap:.6rem;min-height:38px;padding:.6rem .9rem}.sidebar-link .sidebar-icon{min-width:18px;max-width:18px;max-height:18px}.sidebar-link .sidebar-icon svg{width:.95rem!important;height:.95rem!important}.sidebar-brand{font-size:1.1rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--sidebar-width:350px;--sidebar-padding:1.2rem;--font-size-base:.9rem;--font-size-small:.7rem;--icon-size:1.1rem}.sidebar-link{min-height:36px;padding:.5rem .9rem}}@media (width>=481px) and (width<=767px){:root{--sidebar-width:300px;--sidebar-padding:1rem;--font-size-base:.8rem;--font-size-small:.65rem;--icon-size:1rem}.sidebar-link{gap:.5rem;min-height:36px;padding:.5rem .7rem;font-size:.8rem}.sidebar-link .sidebar-icon{min-width:18px;font-size:1rem}.sidebar-brand{font-size:.9rem}.sidebar-logo{height:2rem}}@media (width>=320px) and (width<=480px){:root{--sidebar-width:280px;--sidebar-padding:.8rem;--font-size-base:.75rem;--font-size-small:.6rem;--icon-size:.9rem}.sidebar-link{border-radius:6px;gap:.4rem;min-height:34px;padding:.4rem .6rem;font-size:.75rem}.sidebar-link .sidebar-icon{min-width:16px;font-size:.9rem}.sidebar-link .sidebar-icon svg{width:.9rem;height:.9rem}.sidebar-brand{letter-spacing:.03em;font-size:.8rem}.sidebar-logo{height:1.6rem}.sidebar-search{gap:.3rem;margin:.3rem 0;padding:.3rem .5rem}.sidebar-search input{font-size:.7rem}.sidebar-search .search-icon{font-size:.8rem}.sidebar-close{padding:.1rem;font-size:1rem}.sidebar-footer p{font-size:.5rem}.sidebar-version{font-size:.4rem}}@media (width<=319px){:root{--sidebar-width:240px;--sidebar-padding:.5rem;--font-size-base:.65rem;--font-size-small:.5rem;--icon-size:.75rem}.sidebar-link{border-radius:4px;gap:.3rem;min-height:30px;padding:.3rem .4rem;font-size:.6rem}.sidebar-link .sidebar-icon{min-width:14px;font-size:.75rem}.sidebar-link .sidebar-icon svg{width:.75rem;height:.75rem}.sidebar-brand{font-size:.6rem}.sidebar-logo{height:1.2rem}.sidebar-search{gap:.2rem;margin:.2rem 0;padding:.15rem .4rem}.sidebar-search input,.sidebar-search .search-icon{font-size:.6rem}.sidebar-close{font-size:.8rem}.sidebar-footer p{font-size:.45rem}}:root{--bell-btn-size:38px;--bell-icon-size:22px;--badge-size:18px;--badge-font:10px;--dropdown-width:380px;--dropdown-max-height:450px;--dropdown-radius:12px;--dropdown-padding:.75rem 1rem;--item-padding:.75rem 1rem;--font-title:.9rem;--font-desc:.8rem;--font-time:.7rem}.notification-bell{justify-content:center;align-items:center;display:inline-flex;position:relative}.bell-btn{color:#ffffffb3;cursor:pointer;width:var(--bell-btn-size);height:var(--bell-btn-size);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .25s,background .25s,transform .15s;display:inline-flex;position:relative}.bell-btn:hover{color:#07f;background:#0077ff14}.bell-btn:active{transform:scale(.92)}.bell-btn:focus-visible{outline-offset:2px;outline:2px solid #07f}.bell-btn svg{flex-shrink:0;display:block;width:var(--bell-icon-size)!important;height:var(--bell-icon-size)!important}.badge{color:#fff;font-size:var(--badge-font);min-width:var(--badge-size);height:var(--badge-size);pointer-events:none;background:#07f;border-radius:50%;justify-content:center;align-items:center;padding:0 5px;font-weight:700;line-height:1;animation:2s ease-in-out infinite badgePulse;display:inline-flex;position:absolute;top:1px;right:1px;box-shadow:0 2px 8px #07f6}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{width:var(--dropdown-width);max-height:var(--dropdown-max-height);border-radius:var(--dropdown-radius);-webkit-backdrop-filter:blur(12px);z-index:1000;background:linear-gradient(135deg,#050014fa 0%,#1e0050f5 50%,#001478f5 100%);border:1px solid #ffffff14;animation:.25s dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000080}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-header{padding:var(--dropdown-padding);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;display:flex}.dropdown-header h3{color:#fff;font-size:var(--font-title);align-items:center;gap:6px;margin:0;font-weight:600;display:inline-flex}.dropdown-header h3 svg{color:#07f;flex-shrink:0}.dropdown-actions{align-items:center;gap:6px;display:inline-flex}.mark-all-btn{color:#ffffff73;font-size:var(--font-time);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-weight:500;transition:all .2s}.mark-all-btn:hover{color:#07f;background:#0077ff14}.close-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .2s;display:inline-flex}.close-btn:hover{color:#fff;background:#ffffff14}.close-btn svg{display:block}.dropdown-body{max-height:calc(var(--dropdown-max-height) - 60px);overflow:hidden auto}.dropdown-body::-webkit-scrollbar{width:4px}.dropdown-body::-webkit-scrollbar-track{background:0 0}.dropdown-body::-webkit-scrollbar-thumb{background:#0077ff4d;border-radius:10px}.dropdown-body::-webkit-scrollbar-thumb:hover{background:#0077ff80}.notification-item{padding:var(--item-padding);cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:10px;transition:background .2s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ffffff0a}.notification-item.unread{background:#0077ff0d;border-left:3px solid #07f}.notification-item.unread .notification-title h4{color:#fff;font-weight:600}.notification-content{flex:1;min-width:0}.notification-title{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.notification-title h4{color:#ffffffd9;font-size:var(--font-title);word-break:break-word;margin:0;font-weight:500;line-height:1.3}.notification-content p{color:#ffffff80;font-size:var(--font-desc);word-wrap:break-word;word-break:break-word;margin:4px 0 6px;line-height:1.5}.notification-time{color:#ffffff40;font-size:var(--font-time);display:block}.unread-dot{background:#07f;border-radius:50%;flex-shrink:0;width:8px;min-width:8px;height:8px;margin-top:5px;animation:1.5s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.no-notifications,.loading-notifications{color:#ffffff4d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.no-notifications svg{color:#fff3;flex-shrink:0}.loading-notifications svg{color:#07f;flex-shrink:0;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-notifications p,.loading-notifications p{font-size:var(--font-title);color:#fff6;margin:0}.no-notifications small{color:#fff3;font-size:var(--font-time)}@media (width>=1400px){:root{--bell-btn-size:42px;--bell-icon-size:24px;--badge-size:20px;--badge-font:11px;--dropdown-width:420px;--dropdown-max-height:500px;--font-title:1rem;--font-desc:.9rem;--font-time:.78rem;--item-padding:.9rem 1.2rem;--dropdown-padding:.9rem 1.2rem}}@media (width>=1200px) and (width<=1399px){:root{--bell-btn-size:38px;--bell-icon-size:22px;--dropdown-width:380px}}@media (width>=1024px){.notification-dropdown{width:var(--dropdown-width);max-width:none;max-height:var(--dropdown-max-height);position:absolute;top:calc(100% + 8px);left:auto;right:0}}@media (width>=992px) and (width<=1199px){:root{--bell-btn-size:38px;--bell-icon-size:22px;--badge-size:18px;--badge-font:10px;--dropdown-width:360px;--dropdown-max-height:440px;--font-title:.88rem;--font-desc:.78rem;--font-time:.68rem}}@media (width>=768px) and (width<=991px){:root{--bell-btn-size:34px;--bell-icon-size:20px;--badge-size:16px;--badge-font:9px;--dropdown-width:340px;--dropdown-max-height:420px;--dropdown-padding:.7rem 1rem;--item-padding:.7rem 1rem;--font-title:.85rem;--font-desc:.75rem;--font-time:.65rem}.notification-dropdown{z-index:2000;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);position:fixed;top:76px;left:auto;right:16px}}@media (width>=576px) and (width<=767px){:root{--bell-btn-size:32px;--bell-icon-size:18px;--badge-size:14px;--badge-font:8px;--dropdown-max-height:400px;--dropdown-padding:.6rem .9rem;--item-padding:.6rem .9rem;--font-title:.8rem;--font-desc:.72rem;--font-time:.6rem}.notification-dropdown{z-index:2000;width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 90px);position:fixed;top:68px;left:auto;right:12px}}@media (width>=320px) and (width<=575px){:root{--bell-btn-size:28px;--bell-icon-size:16px;--badge-size:12px;--badge-font:7px;--dropdown-radius:10px;--dropdown-padding:.5rem .8rem;--item-padding:.5rem .8rem;--font-title:.72rem;--font-desc:.65rem;--font-time:.55rem}.bell-btn svg{width:16px!important;height:16px!important}.notification-dropdown{z-index:2000;width:auto;max-width:none;max-height:calc(100vh - 80px);position:fixed;top:62px;left:8px;right:8px}}@media (width<=319px){:root{--bell-btn-size:24px;--bell-icon-size:14px;--badge-size:10px;--badge-font:6px;--dropdown-padding:.4rem .6rem;--item-padding:.4rem .6rem;--font-title:.65rem;--font-desc:.6rem;--font-time:.5rem}.bell-btn svg{width:14px!important;height:14px!important}.notification-dropdown{z-index:2000;width:auto;max-width:none;max-height:calc(100vh - 70px);position:fixed;top:56px;left:4px;right:4px}}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#ffffff4d;--nav-height:70px;--footer-padding:3rem 6rem 1.5rem;--main-padding:0 4rem;--nav-padding:.8rem 6rem;--footer-gap:3rem;--font-base:1rem;--font-small:.85rem;--font-large:1.1rem}body{color:#fff;min-height:100vh;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);line-height:1.6;overflow-x:hidden}.footer svg{vertical-align:middle;flex-shrink:0;display:inline-block}.footer-section h3 svg{color:#3b82f6;width:18px!important;height:18px!important}.footer-section a svg{color:#94a3b8;transition:color .2s;width:14px!important;height:14px!important}.footer-section a:hover svg{color:#07f}.footer-tagline svg{width:14px!important;height:14px!important}.social-link svg{width:16px!important;height:16px!important}.social-link.whatsapp:hover svg{color:#25d366}.social-link.telegram:hover svg{color:#08c}.social-link.email:hover svg{color:#ea4335}.footer-contact svg{width:14px!important;height:14px!important}.footer-bottom svg{color:#ef4444;width:14px!important;height:14px!important}.footer-section h3{align-items:center;gap:8px;line-height:1.2;display:flex}.footer-section a{align-items:center;gap:8px;line-height:1.6;display:inline-flex}.footer-tagline{color:#ffffff4d;align-items:center;gap:6px;margin-top:.5rem;display:inline-flex}.footer-contact{align-items:center;gap:6px;margin-top:.5rem;font-size:.85rem;display:inline-flex}.footer-bottom p{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:inline-flex}.nav-account-link{color:var(--text-primary);justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-account-link:hover{transform:scale(1.05)}.nav-avatar-wrapper{border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:32px;height:32px;transition:all .3s;position:relative;overflow:hidden}.nav-account-link:hover .nav-avatar-wrapper{border-color:#07f;box-shadow:0 0 20px #07f3}.nav-avatar{object-fit:cover;width:100%;height:100%}.nav-avatar-fallback{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#07f,#8a2fff);border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.nav-account-link:hover .nav-avatar-fallback{border-color:#07f;box-shadow:0 0 20px #07f3}@media (width<=768px){.nav-avatar-wrapper{width:28px;height:28px}.nav-avatar-fallback{width:28px;height:28px;font-size:12px}}@media (width<=480px){.nav-avatar-wrapper{width:24px;height:24px}.nav-avatar-fallback{width:24px;height:24px;font-size:10px}}.layout{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#07f,#8a2fff)}.main-content{z-index:1;min-height:calc(100vh - 420px);padding:var(--main-padding);flex:1;position:relative}.navbar{padding:var(--nav-padding);z-index:1000;min-height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#000 0%,#0a0028fa 30%,#4b0082e6 60%,#000affd9 100%);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1rem;transition:all .3s;display:flex;position:sticky;top:0}.nav-left{flex-shrink:0;align-items:center;gap:.8rem;display:flex}.logo{height:.9rem;transition:transform .3s}.logo:hover{transform:scale(1.05)}.brand{letter-spacing:.1em;background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-center{flex:1;justify-content:center;max-width:500px;margin:0 2rem;display:flex}.nav-search{background:#ffffff0f;border:1px solid #ffffff14;border-radius:50px;align-items:center;width:100%;padding:.4rem 1rem;transition:all .3s;display:flex}.nav-search:focus-within{background:#ffffff14;border-color:#8a2fff;box-shadow:0 0 20px #ff6b6b0d}.nav-search-icon{color:var(--text-muted);flex-shrink:0;margin-right:.5rem;font-size:1.1rem}.nav-search input{color:#fff;background:0 0;border:none;outline:0;flex:1;padding:.4rem 0;font-size:.9rem}.nav-search input::placeholder{color:var(--text-muted)}.nav-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.nav-link,#nav-account{color:var(--text-secondary);padding:.5rem 0;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.nav-link:after,#nav-account:after{content:"";background:linear-gradient(90deg,#07f,#8a2fff);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover,#nav-account:hover{color:#fff}.nav-link:hover:after,#nav-account:hover:after{width:100%}.nav-link.active{color:#07f}.nav-link.active:after{width:100%}.menu-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;padding:.4rem .7rem;font-size:1.5rem;line-height:1;transition:all .3s;display:flex}.menu-btn:hover{color:#07f;background:#ff6b6b0d;border-color:#8a2fff}.menu-btn:active{transform:scale(.92)}.menu-btn svg{width:1.5rem;height:1.5rem;display:block}.footer{padding:var(--footer-padding);z-index:0;background:linear-gradient(135deg,#05080ff7,#0f0a0af7);border-top:1px solid #ffffff0d;margin-top:auto;position:relative}.footer-content{gap:var(--footer-gap);grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;display:grid}.footer-section h3{color:#fff;margin-bottom:1.2rem;font-size:1rem;font-weight:600;position:relative}.footer-section h3:after{content:"";background:linear-gradient(90deg,#07f,#8a2fff);border-radius:2px;width:30px;height:2px;position:absolute;bottom:-6px;left:0}.footer-section p{color:var(--text-secondary);font-size:.85rem;line-height:1.8}.footer-section a{color:var(--text-secondary);font-size:.85rem;line-height:2.2;text-decoration:none;transition:all .3s;display:block}.footer-section a:hover{color:#07f;padding-left:10px}.social-links{flex-direction:column;gap:.5rem;display:flex}.social-link{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.3rem 0;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:#fff;padding-left:10px}.social-link.whatsapp:hover{color:#25d366}.social-link.telegram:hover{color:#08c}.social-link.email:hover{color:#ea4335}.footer-bottom{text-align:center;max-width:1200px;color:var(--text-muted);border-top:1px solid #ffffff0d;margin:2rem auto 0;padding-top:1.5rem;font-size:.8rem}.footer-bottom span{color:#07f}@media (width>=1400px){:root{--nav-padding:.8rem 10rem;--main-padding:0 6rem;--footer-padding:3rem 10rem 1.5rem;--footer-gap:4rem;--font-base:1.1rem}.navbar{min-height:80px}.logo{height:4rem}.brand{font-size:1.7rem}.nav-link,#nav-account{font-size:1rem}.footer-section h3{font-size:1.1rem}.menu-btn svg{width:2.2rem;height:2.2rem}}@media (width>=1200px) and (width<=1399px){:root{--nav-padding:.8rem 5rem;--main-padding:0 3.5rem;--footer-padding:2.5rem 5rem 1.5rem;--footer-gap:2.5rem}}@media (width>=992px) and (width<=1199px){:root{--nav-padding:.7rem 3rem;--main-padding:0 2.5rem;--footer-padding:2rem 3rem 1.2rem;--footer-gap:2rem;--font-base:.95rem}.nav-center{max-width:350px}.nav-right{gap:1.2rem}.logo{height:3rem}.brand{font-size:1.3rem}.menu-btn svg{width:1.6rem;height:1.6rem}}@media (width>=768px) and (width<=991px){:root{--nav-padding:.6rem 2rem;--main-padding:0 1.5rem;--footer-padding:1.8rem 2rem 1rem;--footer-gap:1.8rem;--font-base:.9rem}.nav-center{max-width:250px;margin:0 1rem}.nav-right{gap:1rem}.nav-link,#nav-account{font-size:.8rem}.logo{height:2.5rem}.brand{font-size:1.1rem}.footer-section h3{font-size:.9rem}.footer-section p,.footer-section a{font-size:.8rem}.menu-btn{padding:.3rem .5rem;font-size:1.4rem}.menu-btn svg{width:1.4rem;height:1.4rem}}@media (width>=576px) and (width<=767px){:root{--nav-padding:.5rem 1.2rem;--main-padding:0 1rem;--footer-padding:1.5rem 1.2rem .8rem;--footer-gap:1.2rem;--font-base:.85rem}.nav-center{display:none!important}.nav-right{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.nav-link,#nav-account{padding:.2rem .3rem;font-size:.65rem}.menu-btn{padding:.2rem .4rem;font-size:1.2rem}.menu-btn svg{width:1.2rem;height:1.2rem}.logo{height:2.2rem}.brand{font-size:.9rem}.footer-content{grid-template-columns:repeat(2,1fr);gap:1.2rem}.footer-section h3{font-size:.85rem}.footer-section p,.footer-section a{font-size:.75rem}.footer-section h3:after{left:50%;transform:translate(-50%)}.footer-section{text-align:center}.social-links{align-items:center}.footer-section a:hover{padding-left:0}.footer-bottom{font-size:.6rem}}@media (width>=320px) and (width<=575px){:root{--nav-padding:.3rem .6rem;--main-padding:0 .6rem;--footer-padding:1rem .8rem .6rem;--footer-gap:.8rem;--font-base:.75rem}.navbar{grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:.3rem;min-height:50px;padding:.3rem .4rem;display:grid}.nav-center{display:none!important}.nav-left{grid-column:1/2;align-items:center;gap:.2rem;display:flex}.logo{height:1.6rem}.brand{letter-spacing:.05em;font-size:.65rem}.nav-right{flex-wrap:nowrap;grid-column:2/5;justify-content:flex-end;align-items:center;gap:.3rem;display:flex}.nav-link,#nav-account{white-space:nowrap;align-items:center;gap:.1rem;padding:.15rem .2rem;font-size:.5rem;display:flex}.nav-link svg,#nav-account svg{width:.65rem;height:.65rem}.menu-btn{border-radius:6px;padding:.15rem .25rem;font-size:.8rem}.menu-btn svg{width:.8rem;height:.8rem}.main-content{min-height:calc(100vh - 300px)}.footer{padding:.8rem .6rem .4rem}.footer-content{grid-template-columns:repeat(2,1fr);gap:.8rem}.footer-section h3{text-align:center;font-size:.75rem}.footer-section h3:after{left:50%;transform:translate(-50%)}.footer-section p,.footer-section a{text-align:center;font-size:.6rem}.social-links{justify-content:center;align-items:center}.footer-section a:hover{padding-left:0}.footer-bottom{text-align:center;margin-top:.8rem;padding-top:.6rem;font-size:.5rem}}@media (width<=319px){:root{--nav-padding:.2rem .3rem;--main-padding:0 .3rem;--footer-padding:.6rem .4rem .3rem;--footer-gap:.5rem;--font-base:.65rem}.navbar{grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:.2rem;min-height:42px;padding:.2rem;display:grid}.nav-center{display:none!important}.nav-left{grid-column:1/2;align-items:center;gap:.1rem;display:flex}.logo{height:1.2rem}.brand{font-size:.5rem}.nav-right{flex-wrap:nowrap;grid-column:2/5;justify-content:flex-end;align-items:center;gap:.15rem;display:flex}.nav-link,#nav-account{white-space:nowrap;padding:.1rem .15rem;font-size:.4rem}.nav-link svg,#nav-account svg{width:.5rem;height:.5rem}.menu-btn{padding:.1rem .2rem;font-size:.6rem}.menu-btn svg{width:.6rem;height:.6rem}.main-content{min-height:calc(100vh - 222px)}.footer-content{grid-template-columns:repeat(2,1fr);gap:.4rem}.footer-section h3{font-size:.6rem}.footer-section p,.footer-section a{font-size:.45rem}.footer-bottom{font-size:.35rem}}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#ffffff4d;--hero-height:500px;--container-padding:2rem;--grid-gap:1.5rem;--card-padding:1.5rem;--font-size-base:1rem;--font-size-large:5.5rem;--font-size-medium:1.2rem;--font-size-small:.85rem;--font-size-tiny:.7rem;--radius:16px}.home-page{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#003278e6 100%);min-height:70vh;padding:0}.icon{font-size:var(--font-size-small);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:clamp(.3rem,.5vw,.5rem) clamp(.8rem,1.2vw,1.2rem);font-weight:500;transition:all .3s;display:flex}.home-container{z-index:1;max-width:1200px;padding:0 var(--container-padding);margin:0 auto;position:relative}.hero-section{margin:0 -2rem 2rem;position:relative}.hero-card{min-height:var(--hero-height);border-bottom:1px solid #ff6b6b26;border-radius:0;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.hero-overlay{z-index:1;background:linear-gradient(135deg,#10172bb3,#1a0a2ed9);width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.hero-card:hover .hero-overlay{background:linear-gradient(135deg,#10172b99,#1a0a2ebf)}.hero-card:hover{border-color:#ff6b6b4d}.hero-content{text-align:left;z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;max-width:650px;padding:2rem 4rem;display:flex;position:absolute;inset:0}.hero-content-inner{width:100%;max-width:1400px;margin:0 auto}.hero-content h1{font-size:var(--font-size-large);color:#fff;background:#fff;-webkit-text-fill-color:transparent;text-shadow:0 2px 30px #00000080;text-align:left;-webkit-background-clip:text;margin:0 0 .5rem;font-weight:900}.hero-content .highlight{color:#8a2fff;-webkit-text-fill-color:#8a2fff}.hero-content p{color:#aeacb4;font-size:var(--font-size-medium);text-shadow:0 2px 20px #00000080;text-align:left;max-width:550px;margin:0 0 3rem}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:1.2rem;display:flex}.hero-btn{font-size:var(--font-size-base);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.hero-btn.primary{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.hero-btn.primary:hover{transform:translateY(-3px)}.hero-btn.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.hero-btn.secondary:hover{background:#fff3;transform:translateY(-3px)}@media (width>=1281px){.hero-content{max-width:750px;padding:2rem 6rem}.hero-content h1{font-size:5.5rem}.hero-content p{font-size:1.3rem}.hero-btn{padding:1rem 2.5rem;font-size:1.1rem}}@media (width>=1025px) and (width<=1280px){.hero-content{max-width:600px;padding:2rem 4rem}.hero-content h1{font-size:4.2rem}}@media (width>=768px) and (width<=1024px){.hero-content{max-width:500px;padding:2rem 3rem}.hero-content h1{font-size:3.8rem}.hero-content p{font-size:1rem}.hero-btn{padding:.6rem 1.5rem;font-size:.85rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){.hero-content{max-width:550px;padding:2rem 4rem}}@media (width>=481px) and (width<=767px){.hero-content{align-items:flex-start;max-width:100%;padding:1.5rem 2rem}.hero-content h1{font-size:3.2rem}.hero-content p{max-width:100%;font-size:.85rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-btn{justify-content:center;width:100%;padding:.5rem 1.2rem;font-size:.8rem}}@media (width>=320px) and (width<=480px){.hero-content{align-items:flex-start;max-width:100%;padding:1rem 1.5rem}.hero-content h1{font-size:2.6rem}.hero-content p{max-width:100%;margin:0;font-size:.7rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:.5rem}.hero-btn{justify-content:center;width:100%;padding:.4rem 1rem;font-size:.7rem}}@media (width<=319px){.hero-content{align-items:flex-start;max-width:100%;padding:.8rem 1rem}.hero-content h1{font-size:2.2rem}.hero-content p{max-width:100%;font-size:.6rem}.hero-btn{justify-content:center;width:100%;padding:.3rem .8rem;font-size:.6rem}}.view-all{color:var(--text-muted);font-size:var(--font-size-small);text-decoration:none;transition:all .3s}.categories-section{padding:var(--card-padding);border-radius:var(--radius);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0d;margin-bottom:2rem}.categories-grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.category-card{border-radius:var(--radius);color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:.8rem;padding:.8rem 1rem;text-decoration:none;transition:all .3s;display:flex}.category-card:hover{background:#ffffff0f;transform:translate(5px)}.category-icon{border-radius:var(--radius);width:36px;height:36px;color:var(--text-secondary);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.category-card:hover .category-icon{color:var(--neon-primary)}.category-info{flex:1}.category-name{color:var(--text-primary);font-size:var(--font-size-small);font-weight:500}.category-count{color:var(--text-muted);font-size:var(--font-size-tiny)}.games-section{margin-bottom:2rem}.games-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=767px){.games-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.games-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=319px){.games-grid{gap:.4rem;grid-template-columns:1fr!important}}.game-card{border-radius:var(--radius);background:linear-gradient(135deg,#10172bcc,#1a0a2ecc);border:1px solid #ffffff0f;transition:all .3s;overflow:hidden}.game-card-badge{font-size:var(--font-size-tiny);color:#fff;z-index:2;background:#000000b3;border-radius:50px;padding:.2rem .8rem;font-weight:600;position:absolute;top:.8rem;right:.8rem}.game-card-title{font-size:var(--font-size-base);color:#fff;margin:0 0 .2rem;font-weight:600}.game-card-category{font-size:var(--font-size-tiny);color:var(--text-muted)}.game-card-price{font-size:var(--font-size-base);color:#34d399;font-weight:700}.game-card-price .price-original{font-size:var(--font-size-tiny);color:var(--text-muted);margin-left:.5rem;text-decoration:line-through}.game-card-btn{color:#fff;font-size:var(--font-size-small);cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;padding:.3rem 1.2rem;font-weight:600;transition:all .3s}.features-section{padding:var(--card-padding);border-radius:var(--radius);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0d}@media (width<=767px){.features-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.features-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=319px){.features-grid{gap:.4rem;grid-template-columns:1fr!important}}.feature-card{border-radius:var(--radius);background:#ffffff08;border:1px solid #ffffff0f;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;transition:all .3s;display:flex}.feature-icon{border-radius:var(--radius);width:36px;min-width:36px;height:36px;color:var(--text-secondary);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.feature-title{color:var(--text-primary);font-size:var(--font-size-small);font-weight:500}.feature-desc{color:var(--text-muted);font-size:var(--font-size-tiny)}.home-container::-webkit-scrollbar{width:4px}.home-container::-webkit-scrollbar-track{background:0 0}.home-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}@media (width>=1281px){:root{--hero-height:600px;--container-padding:4rem;--grid-gap:2rem;--card-padding:2rem;--font-size-base:1.1rem;--font-size-large:4rem;--font-size-medium:1.3rem;--font-size-small:.95rem;--radius:20px}.hero-section{margin:0 -4rem 2rem}.hero-content h1{font-size:4.5rem}.hero-content p{font-size:1.3rem}.hero-btn{padding:1rem 2.5rem;font-size:1.1rem}.features-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}@media (width>=1025px) and (width<=1280px){:root{--hero-height:480px;--container-padding:2.5rem;--grid-gap:1.2rem;--card-padding:1.2rem;--font-size-large:3rem}.hero-section{margin:0 -2.5rem 2rem}.hero-content h1{font-size:3.2rem}.features-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem}}@media (width>=768px) and (width<=1024px){:root{--hero-height:380px;--container-padding:1.5rem;--grid-gap:1rem;--card-padding:1rem;--font-size-base:.9rem;--font-size-large:2.5rem;--font-size-medium:1rem;--font-size-small:.75rem;--radius:12px}.hero-section{margin:0 -1.5rem 1.5rem}.hero-content h1{font-size:2.8rem}.hero-content p{font-size:1rem}.hero-btn{padding:.6rem 1.5rem;font-size:.85rem}.categories-grid{grid-template-columns:repeat(4,1fr);gap:.8rem}.games-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--hero-height:400px;--container-padding:2rem}.categories-grid{grid-template-columns:repeat(4,1fr)}.games-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem}}@media (width>=481px) and (width<=767px){:root{--hero-height:300px;--container-padding:1rem;--grid-gap:.8rem;--card-padding:.8rem;--font-size-base:.8rem;--font-size-large:2rem;--font-size-medium:.9rem;--font-size-small:.7rem;--font-size-tiny:.6rem;--radius:10px}.hero-section{margin:0 -1rem 1rem}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:.85rem}.hero-actions{flex-direction:column;align-items:center}.hero-btn{justify-content:center;width:100%;padding:.5rem 1.2rem;font-size:.8rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.games-grid,.features-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}}@media (width>=320px) and (width<=480px){:root{--hero-height:220px;--container-padding:.6rem;--grid-gap:.6rem;--card-padding:.6rem;--font-size-base:.7rem;--font-size-large:1.5rem;--font-size-medium:.75rem;--font-size-small:.6rem;--font-size-tiny:.5rem;--radius:8px}.hero-section{margin:0 -.6rem .8rem}.hero-content h1{font-size:1.6rem}.hero-content p{font-size:.7rem}.hero-actions{flex-direction:column;align-items:center;gap:.5rem}.hero-btn{justify-content:center;width:100%;padding:.4rem 1rem;font-size:.7rem}.section-header h3{font-size:.75rem}.view-all{font-size:.55rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.games-grid,.features-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}.feature-card{gap:.5rem;padding:.6rem .8rem}.feature-icon{width:28px;min-width:28px;height:28px;font-size:.9rem}.feature-title{font-size:.6rem}.feature-desc{font-size:.5rem}}@media (width<=319px){:root{--hero-height:160px;--container-padding:.3rem;--grid-gap:.4rem;--card-padding:.4rem;--font-size-base:.6rem;--font-size-large:1.2rem;--font-size-medium:.65rem;--font-size-small:.5rem;--font-size-tiny:.4rem;--radius:6px}.hero-section{margin:0 -.3rem .5rem}.hero-content h1{font-size:1.2rem}.hero-content p{font-size:.6rem}.hero-btn{padding:.3rem .8rem;font-size:.6rem}.categories-grid{grid-template-columns:1fr;gap:.3rem}.games-grid,.features-grid{gap:.4rem;grid-template-columns:1fr!important}}.category-icon svg{stroke:currentColor;flex-shrink:0;width:22px;height:22px}.category-card:hover .category-icon svg{color:#07f}.feature-icon svg{stroke:currentColor;flex-shrink:0;width:20px;height:20px}.feature-card:hover .feature-icon svg{color:#07f}@media (width<=480px){.section-header h3 svg{width:14px;height:14px}.category-icon svg{width:18px;height:18px}.feature-icon svg{width:16px;height:16px}}@media (width<=319px){.section-header h3 svg{width:12px;height:12px}.category-icon svg{width:16px;height:16px}.feature-icon svg{width:14px;height:14px}}.section-header h3 svg,.category-icon svg,.feature-icon svg{vertical-align:middle;display:block}.wishlist-heart-btn{-webkit-backdrop-filter:blur(8px);color:#ffffffd9;cursor:pointer;background:#00000080;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.wishlist-heart-btn:hover:not(:disabled){background:#ff3ed140;border-color:#ff3ed199;transform:scale(1.1)}.wishlist-heart-btn.active{color:#fff;background:linear-gradient(135deg,#ff3ed1,#8a2fff);border-color:#0000;animation:.4s heartPopIn;box-shadow:0 4px 15px #ff3ed180}.wishlist-heart-btn.active:hover:not(:disabled){transform:scale(1.15)rotate(8deg);box-shadow:0 6px 25px #ff3ed1b3}.wishlist-heart-btn:disabled{opacity:.6;cursor:not-allowed}.wishlist-heart-btn svg{transition:transform .2s;display:block}@keyframes heartPopIn{0%{transform:scale(.8)}50%{transform:scale(1.25)}to{transform:scale(1)}}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40;--card-width:clamp(200px, 25vw, 280px);--card-padding:clamp(.8rem, 1.5vw, 1.5rem);--card-radius:clamp(12px, 1.5vw, 16px);--image-height:clamp(120px, 18vh, 180px);--title-font:clamp(.9rem, 1.2vw, 1.2rem);--title-min-height:clamp(2.5rem, 3.5vh, 3.5rem);--button-font:clamp(.75rem, .9vw, .95rem);--grid-gap:clamp(.8rem, 1.5vw, 2rem);--wishlist-size:clamp(30px, 3.5vw, 36px)}.wishlist-btn{color:#fff;width:var(--wishlist-size);height:var(--wishlist-size);cursor:pointer;z-index:10;background:#0009;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(.8rem,1vw,1rem);transition:all .3s;display:flex;position:absolute;top:clamp(6px,.8vw,10px);right:clamp(6px,.8vw,10px)}.wishlist-btn:hover{background:#ff6b6b4d;transform:scale(1.1)}.wishlist-btn.active{color:#8a2fff;background:#ff6b6b33}.Gamecard{border-radius:var(--card-radius);padding:var(--card-padding);text-align:center;width:100%;max-width:var(--card-width);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b1a;margin:0 auto;transition:all .3s;position:relative;overflow:hidden}.Gamecard:hover{border-color:#ff6b6b4d;transform:translateY(-8px)}.cardimg{width:100%;height:var(--image-height);object-fit:cover;background:#0a0f1e;border-radius:clamp(8px,1vw,12px);margin-bottom:clamp(.5rem,.8vw,1rem);transition:transform .3s}.Gamecard:hover .cardimg{transform:scale(1.03)}.title{font-size:var(--title-font);color:#fff;min-height:var(--title-min-height);margin-bottom:clamp(.5rem,.8vw,1rem);font-weight:600;line-height:1.4;transition:color .3s}.Gamecard:hover .title{color:#8a2fff}.button{color:#fff;font-size:var(--button-font);cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;padding:clamp(.4rem,.6vw,.7rem) clamp(1rem,1.8vw,2rem);font-weight:600;transition:all .3s;display:inline-block}.button:hover{transform:translateY(-3px)scale(1.02)}.Gamecard.small{max-width:200px;padding:clamp(.6rem,.8vw,1rem)}.Gamecard.small .cardimg{height:clamp(100px,12vh,130px)}.Gamecard.small .title{min-height:clamp(2rem,2.5vh,2.5rem);font-size:clamp(.8rem,.9vw,1rem)}.Gamecard.small .button{padding:clamp(.3rem,.4vw,.5rem) clamp(.8rem,1.2vw,1.5rem);font-size:clamp(.65rem,.7vw,.85rem)}.Gamecard.large{max-width:350px;padding:clamp(1.2rem,2vw,2rem)}.Gamecard.large .cardimg{height:clamp(160px,22vh,220px)}.Gamecard.large .title{min-height:clamp(3rem,4vh,4rem);font-size:clamp(1.2rem,1.8vw,1.5rem)}.Gamecard.featured{background:linear-gradient(135deg,#1a0a2ef2,#10172bf2);border-color:#ff6b6b33}.Gamecard.featured:before{content:"★ Featured";color:#fff;z-index:5;background:linear-gradient(135deg,#07f,#8a2fff);border-radius:50px;padding:clamp(.1rem,.15vw,.2rem) clamp(.3rem,.6vw,.8rem);font-size:clamp(.45rem,.6vw,.65rem);font-weight:600;position:absolute;top:clamp(6px,.8vw,12px);right:clamp(6px,.8vw,12px)}.card-grid{gap:var(--grid-gap);padding:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1200px;margin:0 auto;display:grid}@media (width>=1281px){:root{--card-width:300px;--card-padding:2rem;--card-radius:20px;--image-height:220px;--title-font:1.4rem;--title-min-height:4rem;--button-font:1rem;--grid-gap:2.5rem;--wishlist-size:40px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;padding:2.5rem}.Gamecard.large{max-width:400px}.Gamecard.large .cardimg{height:260px}.Gamecard.small{max-width:220px}}@media (width>=1025px) and (width<=1280px){:root{--card-width:260px;--card-padding:1.5rem;--card-radius:16px;--image-height:190px;--title-font:1.2rem;--title-min-height:3.5rem;--button-font:.9rem;--grid-gap:2rem;--wishlist-size:36px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding:2rem}}@media (width>=768px) and (width<=1024px){:root{--card-width:240px;--card-padding:1.2rem;--card-radius:14px;--image-height:160px;--title-font:1.1rem;--title-min-height:3rem;--button-font:.85rem;--grid-gap:1.5rem;--wishlist-size:34px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem}.Gamecard.large{max-width:300px}.Gamecard.large .cardimg{height:190px}.Gamecard.small{max-width:180px}.Gamecard.small .cardimg{height:120px}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--card-width:250px;--card-padding:1.2rem;--card-radius:14px;--image-height:170px;--title-font:1.1rem;--title-min-height:3rem;--button-font:.85rem;--grid-gap:1.5rem;--wishlist-size:34px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.5rem;padding:1.5rem}}@media (width>=481px) and (width<=767px){:root{--card-width:220px;--card-padding:1rem;--card-radius:12px;--image-height:140px;--title-font:1rem;--title-min-height:2.8rem;--button-font:.8rem;--grid-gap:1.2rem;--wishlist-size:32px}.card-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;padding:1.2rem}.Gamecard.large{max-width:260px}.Gamecard.large .cardimg{height:160px}.Gamecard.small{max-width:160px}.Gamecard.small .cardimg{height:100px}.Gamecard.featured:before{padding:.1rem .5rem;font-size:.5rem;top:6px;right:6px}}@media (width>=320px) and (width<=480px){:root{--card-width:100%;--card-padding:.8rem;--card-radius:10px;--image-height:120px;--title-font:.9rem;--title-min-height:2.5rem;--button-font:.75rem;--grid-gap:.8rem;--wishlist-size:28px}.card-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;padding:.8rem}.Gamecard{border-radius:10px;padding:.8rem}.Gamecard .cardimg{border-radius:8px;height:120px}.Gamecard .title{min-height:2.2rem;margin-bottom:.5rem;font-size:.85rem}.Gamecard .button{padding:.4rem 1rem;font-size:.7rem}.Gamecard.large{max-width:100%}.Gamecard.large .cardimg{height:150px}.Gamecard.large .title{min-height:2.8rem;font-size:1rem}.Gamecard.small{max-width:100%}.Gamecard.small .cardimg{height:100px}.Gamecard.small .title{min-height:2rem;font-size:.75rem}.Gamecard.featured:before{padding:.1rem .4rem;font-size:.45rem;top:5px;right:5px}.wishlist-btn{width:28px;height:28px;font-size:.7rem;top:5px;right:5px}}@media (width<=319px){:root{--card-width:100%;--card-padding:.5rem;--card-radius:8px;--image-height:90px;--title-font:.7rem;--title-min-height:1.8rem;--button-font:.6rem;--grid-gap:.5rem;--wishlist-size:22px}.card-grid{grid-template-columns:1fr;gap:.5rem;padding:.5rem}.Gamecard{border-radius:8px;max-width:100%;padding:.5rem}.Gamecard .cardimg{border-radius:6px;height:90px}.Gamecard .title{min-height:1.8rem;margin-bottom:.3rem;font-size:.7rem}.Gamecard .button{padding:.25rem .8rem;font-size:.6rem}.Gamecard.large{max-width:100%}.Gamecard.large .cardimg{height:110px}.Gamecard.large .title{min-height:2.2rem;font-size:.85rem}.Gamecard.small .cardimg{height:70px}.Gamecard.small .title{min-height:1.5rem;font-size:.6rem}.Gamecard.featured:before{padding:.05rem .3rem;font-size:.35rem;top:3px;right:3px}.wishlist-btn{width:22px;height:22px;font-size:.5rem;top:3px;right:3px}}.game-card{border:2px solid #0000;border-radius:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.game-card.wishlisted{border-color:#ff3ed159;box-shadow:0 0 0 1px #ff3ed126,0 8px 30px #ff3ed11f}.game-card.wishlisted:hover{border-color:#ff3ed199;transform:translateY(-8px)scale(1.02);box-shadow:0 0 0 1px #ff3ed14d,0 15px 50px #ff3ed140}.game-card.wishlisted .game-card-title{background:linear-gradient(135deg,#ff3ed1,#8a2fff,#07f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.game-card-image-wrapper{position:relative}.game-card.wishlisted:after{content:"WISHLISTED";color:#fff;letter-spacing:1px;z-index:5;background:linear-gradient(135deg,#ff3ed1,#8a2fff);border-radius:0 0 12px;padding:4px 10px;font-size:9px;font-weight:800;position:absolute;top:0;left:0;box-shadow:0 4px 15px #ff3ed166}.Gamecard{background:linear-gradient(145deg,#10172bf2,#1a0a2ef2);border:2px solid #0000;border-radius:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.Gamecard.wishlisted{border-color:#ff3ed166;box-shadow:0 0 0 1px #ff3ed126,0 8px 30px #ff3ed11f}.Gamecard.wishlisted:hover{border-color:#ff3ed1a6;transform:translateY(-6px)scale(1.02);box-shadow:0 0 0 1px #ff3ed159,0 15px 50px #ff3ed140}.Gamecard.wishlisted:before{content:"WISHLISTED";color:#fff;letter-spacing:1px;z-index:5;pointer-events:none;background:linear-gradient(135deg,#ff3ed1,#8a2fff);border-radius:0 0 12px;padding:4px 10px;font-size:9px;font-weight:800;position:absolute;top:0;left:0;box-shadow:0 4px 15px #ff3ed166}.Gamecard.wishlisted .title{background:linear-gradient(135deg,#ff3ed1,#8a2fff,#07f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40;--card-padding:clamp(1.5rem, 4vw, 5rem);--card-margin:clamp(.8rem, 2.5vw, 4rem);--card-radius:clamp(12px, 1.8vw, 20px);--card-min-height:clamp(200px, 40vh, 400px);--font-h2:clamp(1.2rem, 3.5vw, 2.8rem);--font-subtitle:clamp(.75rem, 1.2vw, 1.1rem);--font-btn:clamp(.75rem, 1vw, 1rem);--btn-padding:clamp(.5rem, 1vw, .9rem) clamp(1.2rem, 2.5vw, 2.8rem);--badge-font:clamp(.5rem, .7vw, .8rem)}.custom-section{text-align:center;padding:var(--card-padding);margin:var(--card-margin);border-radius:var(--card-radius);min-height:var(--card-min-height);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff14;justify-content:center;align-items:center;transition:all .4s;display:flex;position:relative;overflow:hidden}.custom-section:hover{border-color:#8a2fff;transform:translateY(-5px)scale(1.01)}.custom-content{z-index:2;width:100%;max-width:700px;margin:0 auto;position:relative}.custom-badge{color:#8a2fff;font-size:var(--badge-font);letter-spacing:1px;text-transform:uppercase;background:#0066ff26;border:1px solid #0066ff4d;border-radius:50px;margin-bottom:clamp(.5rem,1vh,1rem);padding:clamp(.15rem,.3vw,.3rem) clamp(.8rem,1.2vw,1.5rem);font-weight:600;display:inline-block}.custom-section h2{font-size:var(--font-h2);background:linear-gradient(135deg,#fff 30%,#07f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:clamp(.3rem,.8vh,.8rem);font-weight:800;line-height:1.2}.custom-subtitle{color:#ffffffb3;font-size:var(--font-subtitle);max-width:500px;margin-bottom:clamp(1rem,2vh,2rem);margin-left:auto;margin-right:auto;line-height:1.6}.custom-section .hero-btn{padding:var(--btn-padding);color:#fff;font-size:var(--font-btn);cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;align-items:center;gap:10px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 25px #06f}.custom-section .hero-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.custom-section .hero-btn:hover:before{left:100%}.custom-section .hero-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 40px #5717d8}.custom-section .hero-btn:active{transform:scale(.95)}.btn-arrow{transition:transform .3s;display:inline-block}@media (width>=1281px){:root{--card-padding:6rem 5rem;--card-margin:3rem 6rem;--card-radius:24px;--card-min-height:480px;--font-h2:3.5rem;--font-subtitle:1.3rem;--font-btn:1.1rem;--btn-padding:1rem 3.5rem;--badge-font:.9rem}.custom-content{max-width:800px}}@media (width>=1025px) and (width<=1280px){:root{--card-padding:5rem 3.5rem;--card-margin:2.5rem 4rem;--card-radius:20px;--card-min-height:420px;--font-h2:3rem;--font-subtitle:1.15rem;--font-btn:1rem;--btn-padding:.9rem 3rem;--badge-font:.85rem}}@media (width>=768px) and (width<=1024px){:root{--card-padding:4rem 2.5rem;--card-margin:2rem 2rem;--card-radius:18px;--card-min-height:350px;--font-h2:2.4rem;--font-subtitle:1rem;--font-btn:.95rem;--btn-padding:.8rem 2.2rem;--badge-font:.75rem}.custom-content{max-width:550px}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--card-padding:3.5rem 2.5rem;--card-margin:2rem 2.5rem;--card-radius:16px;--card-min-height:320px;--font-h2:2.2rem;--font-subtitle:.95rem;--font-btn:.9rem;--btn-padding:.7rem 2rem}}@media (width>=481px) and (width<=767px){:root{--card-padding:3rem 1.8rem;--card-margin:1.5rem 1.2rem;--card-radius:14px;--card-min-height:280px;--font-h2:2rem;--font-subtitle:.9rem;--font-btn:.85rem;--btn-padding:.6rem 1.8rem;--badge-font:.65rem}.custom-content{max-width:450px}.custom-section .hero-btn{gap:8px}}@media (width>=320px) and (width<=480px){:root{--card-padding:2rem 1.2rem;--card-margin:1rem .6rem;--card-radius:12px;--card-min-height:220px;--font-h2:1.6rem;--font-subtitle:.8rem;--font-btn:.8rem;--btn-padding:.5rem 1.5rem;--badge-font:.55rem}.custom-content{max-width:100%}.custom-badge{letter-spacing:.5px;margin-bottom:.5rem;padding:.1rem .8rem}.custom-section h2{margin-bottom:.4rem}.custom-subtitle{margin-bottom:1rem;padding:0 .5rem}.custom-section .hero-btn{gap:6px;padding:.5rem 1.2rem;font-size:.75rem}.custom-section .hero-btn:before{display:none}.btn-arrow{font-size:.8rem}}@media (width<=319px){:root{--card-padding:1.2rem .8rem;--card-margin:.6rem .3rem;--card-radius:8px;--card-min-height:160px;--font-h2:1.2rem;--font-subtitle:.65rem;--font-btn:.65rem;--btn-padding:.3rem 1rem;--badge-font:.45rem}.custom-badge{letter-spacing:.3px;margin-bottom:.3rem;padding:.05rem .5rem;font-size:.45rem}.custom-section h2{margin-bottom:.2rem}.custom-subtitle{margin-bottom:.6rem;padding:0 .3rem}.custom-section .hero-btn{border-radius:30px;gap:4px;padding:.3rem .8rem;font-size:.6rem}.btn-arrow{font-size:.6rem}}.custom-badge{justify-content:center;align-items:center;gap:6px;display:inline-flex}.custom-badge svg{stroke-width:2px;color:currentColor;vertical-align:middle;flex-shrink:0;display:block}.custom-section .hero-btn .btn-arrow{flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:inline-flex}.custom-section .hero-btn .btn-arrow svg{stroke-width:2.5px;vertical-align:middle;display:block}.custom-section .hero-btn:hover .btn-arrow{transform:translate(5px)}@media (width>=1281px){.custom-badge svg{width:14px!important;height:14px!important}.custom-section .hero-btn .btn-arrow svg{width:18px!important;height:18px!important}}@media (width>=1025px) and (width<=1280px){.custom-badge svg{width:13px!important;height:13px!important}.custom-section .hero-btn .btn-arrow svg{width:17px!important;height:17px!important}}@media (width>=768px) and (width<=1024px){.custom-badge svg{width:12px!important;height:12px!important}.custom-section .hero-btn .btn-arrow svg{width:15px!important;height:15px!important}}@media (width>=481px) and (width<=767px){.custom-badge svg{width:11px!important;height:11px!important}.custom-section .hero-btn .btn-arrow svg{width:14px!important;height:14px!important}}@media (width>=320px) and (width<=480px){.custom-badge svg{width:10px!important;height:10px!important}.custom-section .hero-btn .btn-arrow svg{width:13px!important;height:13px!important}}@media (width<=319px){.custom-badge svg{width:9px!important;height:9px!important}.custom-section .hero-btn .btn-arrow svg{width:11px!important;height:11px!important}}.install-popup-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#0b0f17d9;justify-content:center;align-items:center;padding:20px;animation:.4s forwards overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.install-popup{text-align:center;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #00d4ff1a;border-radius:24px;width:100%;max-width:400px;padding:32px 28px 28px;animation:.5s cubic-bezier(.4,0,.2,1) forwards popupSlideUp;position:relative;box-shadow:0 24px 80px #0009}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.install-popup-close{color:#fff3;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:20px;line-height:1;transition:all .3s;position:absolute;top:12px;right:16px}.install-popup-close:hover{color:#fff;background:#ffffff0d;transform:rotate(90deg)}.install-popup-logo{justify-content:center;align-items:center;margin-bottom:12px;animation:2s ease-in-out infinite logoBounce;display:flex}@keyframes logoBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}.install-popup-title{color:#fff;background:linear-gradient(135deg,#00d4ff,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:20px;font-weight:700}.install-popup-desc{color:#ffffff80;margin:0 0 16px;font-size:14px;line-height:1.5}.install-popup-features{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 20px;display:grid}.feature-item{color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:all .3s;display:flex}.feature-item:hover{background:#ffffff0f;border-color:#00d4ff1a;transform:translate(4px)}.feature-icon{flex-shrink:0;font-size:14px}.install-popup-actions{gap:10px;margin-top:4px;display:flex}.install-popup-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s}.install-popup-btn.primary{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);position:relative;overflow:hidden}.install-popup-btn.primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.install-popup-btn.primary:hover:before{left:100%}.install-popup-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #07f6}.install-popup-btn.secondary{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff0f}.install-popup-btn.secondary:hover{color:#fff;background:#ffffff1a;transform:translateY(-3px)}.install-popup-footer{color:#ffffff26;letter-spacing:1px;margin-top:16px;font-size:11px}.install-button{color:#fff;cursor:pointer;z-index:9998;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;animation:3s ease-in-out infinite floatButton;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0077ff4d}@keyframes floatButton{0%,to{transform:translateY(0);box-shadow:0 4px 20px #0077ff4d}50%{transform:translateY(-8px);box-shadow:0 8px 35px #07f6}}.install-button:hover{background:linear-gradient(135deg,#08f,#9a3fff);transform:translateY(-5px)scale(1.04);box-shadow:0 8px 45px #0077ff80}.install-button:active{transform:scale(.95)}.install-button-logo{justify-content:center;align-items:center;line-height:0;transition:transform .3s;display:flex}.install-button:hover .install-button-logo{transform:scale(1.1)}.install-button-text{font-size:14px;font-weight:600}.install-button:after{content:"";background:#ff3ed1;border:2px solid #0b0f17;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulseDot;position:absolute;top:-4px;right:-4px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@media (width<=480px){.install-popup{padding:24px 20px 20px}.install-popup-title{font-size:17px}.install-popup-features{grid-template-columns:1fr 1fr;gap:6px}.feature-item{padding:6px 10px;font-size:11px}.install-popup-actions{flex-direction:column;gap:8px}.install-popup-btn{padding:10px;font-size:14px}.install-popup-logo{margin-bottom:8px}.install-button{gap:6px;padding:6px 12px;font-size:11px;bottom:12px;right:12px}.install-button-text{font-size:11px}.install-button:after{width:10px;height:10px;top:-3px;right:-3px}}.popup-logo-img{object-fit:contain;border-radius:50%;width:60px;height:60px;animation:2s ease-in-out infinite logoBounce}.button-logo-img{object-fit:contain;border-radius:50%;width:28px;height:28px;transition:transform .3s}.install-button:hover .button-logo-img{transform:scale(1.1)}@media (width<=480px){.popup-logo-img{width:50px;height:50px}.button-logo-img{width:22px;height:22px}}.contact-page{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);min-height:80vh;padding:2rem 4rem}.contact-container{max-width:1200px;margin:0 auto}.contact-hero{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:3rem;padding:3rem 2rem 2rem;position:relative;overflow:hidden}.contact-hero-glow{pointer-events:none;background:radial-gradient(circle,#00d4ff0d 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.contact-hero-content{z-index:1;position:relative}.contact-badge{color:var(--cyber-blue);text-transform:uppercase;letter-spacing:1px;background:#00d4ff14;border:1px solid #00d4ff1a;border-radius:50px;padding:.3rem 1.2rem;font-size:.75rem;font-weight:600;display:inline-block}.contact-hero h1{color:#fff;margin:.5rem 0;font-size:3rem;font-weight:800}.contact-hero .gradient-text{background:linear-gradient(135deg, var(--cyber-blue), var(--cyber-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.contact-hero p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem}.contact-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.contact-info-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:1.8rem}.contact-info-section h2{color:#fff;margin:0 0 .3rem;font-size:1.3rem;font-weight:700}.contact-info-section .section-desc{color:var(--text-muted);margin:0 0 1.5rem;font-size:.85rem}.contact-items{flex-direction:column;gap:1rem;display:flex}.contact-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;transition:all .3s;display:flex}.contact-item:hover{background:#ffffff0a;border-color:#00d4ff1a;transform:translate(4px)}.contact-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:1.2rem;display:flex}.contact-icon.email{color:#ea4335;background:#ea433514}.contact-icon.phone{color:#25d366;background:#25d36614}.contact-icon.location{color:var(--cyber-blue);background:#00d4ff14}.contact-icon.hours{color:#f59e0b;background:#f59e0b14}.contact-details{flex:1}.contact-details h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .1rem;font-size:.7rem}.contact-details p{color:#fff;margin:0;font-size:.9rem;font-weight:500}.contact-details .phone-secondary,.contact-details .location-secondary,.contact-details .hours-secondary{color:var(--text-muted);font-size:.8rem;font-weight:400}.copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.2rem;margin-top:.2rem;padding:.1rem .5rem;font-size:.65rem;transition:all .3s;display:inline-flex}.copy-btn:hover{color:var(--cyber-blue);background:#00d4ff0d}.contact-social-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:1.8rem}.contact-social-section h2{color:#fff;margin:0 0 .3rem;font-size:1.3rem;font-weight:700}.contact-social-section .section-desc{color:var(--text-muted);margin:0 0 1.5rem;font-size:.85rem}.social-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.social-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:.8rem;padding:.8rem 1rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.social-card:hover{transform:translateY(-4px)}.social-card .social-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:1.1rem;display:flex}.social-card.telegram .social-icon{color:#08c;background:#0088cc26}.social-card.telegram:hover{background:#0088cc0d;border-color:#08c}.social-card.whatsapp .social-icon{color:#25d366;background:#25d36626}.social-card.whatsapp:hover{background:#25d3660d;border-color:#25d366}.social-card.email .social-icon{color:#ea4335;background:#ea433526}.social-card.email:hover{background:#ea43350d;border-color:#ea4335}.social-card.facebook .social-icon{color:#1877f2;background:#1877f226}.social-card.facebook:hover{background:#1877f20d;border-color:#1877f2}.social-card .social-info{flex-direction:column;flex:1;display:flex}.social-card .social-name{color:#fff;font-size:.8rem;font-weight:600}.social-card .social-handle{color:var(--text-muted);font-size:.6rem}.social-card .social-arrow{color:var(--text-muted);font-size:.8rem;transition:all .3s}.response-bar{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:.8rem 2rem;display:flex}.response-item{align-items:center;gap:.4rem;display:flex}.response-icon{font-size:1rem}.response-text{color:var(--text-secondary);font-size:.8rem;font-weight:500}.response-divider{background:#ffffff0d;width:1px;height:20px}.contact-note{text-align:center;background:#00d4ff08;border:1px solid #00d4ff0d;border-radius:12px;padding:1rem}.contact-note p{color:var(--text-muted);margin:0;font-size:.85rem}.contact-note strong{color:var(--cyber-blue)}@media (width<=992px){.contact-grid{grid-template-columns:1fr;gap:1.5rem}.social-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.contact-page{padding:1rem 1.5rem}.contact-hero h1{font-size:2.2rem}.contact-hero p{font-size:.95rem}.contact-hero{margin-bottom:2rem;padding:2rem 1rem}.contact-grid{gap:1rem}.contact-info-section,.contact-social-section{padding:1.2rem}.response-bar{gap:.8rem;padding:.6rem 1rem}.response-divider{display:none}.response-item{flex:1;justify-content:center}.response-text{font-size:.7rem}.social-grid{grid-template-columns:1fr}.contact-item{padding:.8rem 1rem}.contact-icon{width:36px;min-width:36px;height:36px;font-size:1rem}.contact-details p{font-size:.8rem}}@media (width<=480px){.contact-page{padding:.5rem .8rem}.contact-hero h1{font-size:1.8rem}.contact-hero .contact-badge{padding:.2rem .8rem;font-size:.6rem}.contact-hero p{font-size:.8rem}.contact-info-section h2,.contact-social-section h2{font-size:1.1rem}.response-bar{flex-wrap:wrap;gap:.4rem;padding:.5rem}.response-item{flex:45%;justify-content:center}.contact-note p{font-size:.7rem}.social-card{padding:.6rem .8rem}.social-card .social-name{font-size:.7rem}.social-card .social-handle{font-size:.5rem}}.contact-badge{align-items:center;gap:6px;display:inline-flex}.contact-badge svg{color:currentColor;flex-shrink:0}.contact-info-section h2,.contact-social-section h2{align-items:center;gap:10px;display:inline-flex}.contact-info-section h2 svg,.contact-social-section h2 svg{color:#00d4ff;flex-shrink:0}.social-card .social-arrow{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:inline-flex}.social-card .social-arrow svg{display:block}.social-card:hover .social-arrow{color:var(--cyber-blue);transform:translate(4px)}.response-item .response-icon{color:var(--cyber-blue);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.response-item .response-icon svg{display:block}.response-item:first-child .response-icon svg{color:#00d4ff}.response-item:nth-child(3) .response-icon svg{color:#10b981}.response-item:nth-child(5) .response-icon svg{color:#8a2fff}.response-item:nth-child(7) .response-icon svg{color:#f59e0b}.contact-note p{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.contact-note p svg{color:#f59e0b;flex-shrink:0}@media (width<=768px){.contact-info-section h2 svg,.contact-social-section h2 svg{width:18px!important;height:18px!important}.response-item .response-icon svg{width:14px!important;height:14px!important}}@media (width<=480px){.contact-badge svg{width:10px!important;height:10px!important}.contact-info-section h2 svg,.contact-social-section h2 svg{width:16px!important;height:16px!important}.response-item .response-icon svg{width:13px!important;height:13px!important}.contact-note p svg,.social-card .social-arrow svg{width:12px!important;height:12px!important}}.help-page{background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);min-height:70vh;padding:2rem 4rem}.help-container{max-width:950px;margin:0 auto}.help-card{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:24px;padding:2.5rem;transition:all .5s}.help-card:hover{border-color:#ff6b6b4d}.help-card .help-header-icon{font-size:2.8rem}.help-card h1{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:800}.help-subtitle{color:var(--text-secondary);margin:.2rem 0 2rem 3.2rem;font-size:1rem;font-weight:300}.help-subtitle .highlight{color:#8a2fff;font-weight:500}.help-decorative{align-items:center;gap:1rem;margin-bottom:2rem;margin-left:3.2rem;display:flex}.help-decorative .line{background:linear-gradient(90deg,#0000,#07f,#8a2fff,#0000);border-radius:10px;width:40px;height:2px}.help-decorative .dot{background:#34d399;border-radius:50%;width:6px;height:6px}.help-categories{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem;padding:.5rem 0 1.5rem;display:flex}.help-cat-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1.4rem;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.help-cat-btn:hover{color:var(--text-primary);background:#ffffff0d;transform:translateY(-2px)}.help-cat-btn.active{color:#07f;background:#ff6b6b1f;border-color:#07f}.help-cat-btn .cat-icon{font-size:.9rem}.help-cat-btn .cat-label{font-size:.75rem;font-weight:500}.help-cat-btn .cat-badge{color:#07f;background:#ff6b6b26;border-radius:50px;margin-left:.2rem;padding:.05rem .4rem;font-size:.5rem}.help-notice{background:#f59e0b0d;border:1px solid #f59e0b14;border-radius:12px;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem;transition:all .3s;display:flex}.help-notice:hover{border-color:#f59e0b26}.help-notice .notice-icon{flex-shrink:0;font-size:1.8rem}.help-notice .notice-text{flex:1}.help-notice .notice-text strong{color:#f59e0b;margin-bottom:.2rem;font-size:.9rem;font-weight:700;display:block}.help-notice .notice-text p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.help-notice .notice-text a{color:#07f;font-weight:600;text-decoration:none;transition:all .3s}.help-notice .notice-text a:hover{text-decoration:underline}.help-faqs{flex-direction:column;gap:.6rem;display:flex}.help-faq{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;transition:all .3s;overflow:hidden}.help-faq:hover{background:#ffffff0d;transform:translate(4px)}.help-faq.open{background:#ff6b6b08;border-color:#ff6b6b14}.help-faq .faq-question{-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;padding:1rem 1.3rem;display:flex}.help-faq .faq-toggle{color:var(--text-muted);text-align:center;width:24px;font-size:1.1rem;font-weight:700;transition:all .3s}.help-faq .faq-question h4{color:var(--text-secondary);flex:1;font-size:.92rem;font-weight:500;transition:all .3s}.help-faq.open .faq-question h4{color:#fff;font-weight:600}.help-faq .faq-answer{max-height:0;transition:max-height .4s,padding .4s;overflow:hidden}.help-faq.open .faq-answer{max-height:400px;padding:0 1.3rem 1.2rem}.help-faq .faq-answer p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.8}.help-faq .faq-number{color:#ffffff0d;min-width:20px;font-size:.6rem;font-weight:700}.help-footer{text-align:center;border-top:1px solid #ffffff0d;margin-top:2.5rem;padding-top:2rem;position:relative}.help-footer:before{content:"✨";background:#1a2340;padding:0 .8rem;font-size:.8rem;position:absolute;top:-.7rem;left:50%;transform:translate(-50%)}.help-footer>p{color:var(--text-secondary);margin:0 0 1rem;font-size:.95rem;font-weight:500}.help-footer-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.help-btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.6rem;padding:.7rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.help-btn:hover{transform:translateY(-3px)}.help-btn .btn-icon{font-size:1.1rem}.help-btn .btn-badge{background:#ffffff26;border-radius:50px;padding:.05rem .4rem;font-size:.5rem}.contact-btn{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.whatsapp-btn{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e)}@media (width<=768px){.help-page{padding:1.5rem}.help-card{border-radius:20px;padding:1.8rem}.help-card h1{font-size:1.6rem}.help-card .help-header-icon{font-size:2rem}.help-subtitle{margin-left:0;font-size:.9rem}.help-decorative{margin-left:0}.help-decorative .line{width:25px}.help-categories{gap:.4rem;padding-bottom:1rem}.help-cat-btn{padding:.35rem .9rem;font-size:.7rem}.help-cat-btn .cat-icon{font-size:.7rem}.help-cat-btn .cat-label{font-size:.65rem}.help-cat-btn .cat-badge{display:none}.faq-question{padding:.8rem 1rem}.faq-question h4{font-size:.82rem}.help-notice{flex-direction:column;padding:.8rem 1rem}.help-notice .notice-text p{font-size:.8rem}.help-footer-buttons{flex-direction:column;align-items:center}.help-btn{justify-content:center;width:100%;padding:.6rem 1.5rem;font-size:.85rem}}@media (width<=480px){.help-page{padding:1rem}.help-card{border-radius:16px;padding:1.2rem}.help-card h1{font-size:1.3rem}.help-card .help-header-icon{font-size:1.6rem}.help-subtitle{font-size:.8rem}.help-categories{gap:.3rem;padding-bottom:.8rem}.help-cat-btn{gap:.3rem;padding:.25rem .6rem;font-size:.6rem}.help-cat-btn .cat-icon{font-size:.6rem}.help-cat-btn .cat-label{font-size:.55rem}.faq-question{gap:.6rem;padding:.6rem .8rem}.faq-question h4{font-size:.75rem}.faq-toggle{width:20px;font-size:.9rem}.help-faq.open .faq-answer{padding:0 .8rem .8rem}.faq-answer p{font-size:.78rem}.help-notice .notice-icon{font-size:1.4rem}.help-notice .notice-text strong,.help-footer>p{font-size:.8rem}.help-btn{padding:.5rem 1.2rem;font-size:.75rem}}.help-card .help-header-icon{color:#07f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.help-card .help-header-icon svg{display:block}.help-card .help-header{align-items:center;gap:1rem;margin-bottom:.3rem;display:flex}.help-cat-btn .cat-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.help-cat-btn .cat-icon svg{display:block}.help-notice .notice-icon{color:#f59e0b;flex-shrink:0;justify-content:center;align-items:center;display:flex}.help-notice .notice-icon svg{display:block}.help-faq .faq-toggle{color:var(--text-muted);justify-content:center;align-items:center;width:24px;transition:color .3s;display:inline-flex}.help-faq .faq-toggle svg{transition:transform .3s;display:block}.help-faq.open .faq-toggle{color:#07f;transform:none}.help-faq.open .faq-toggle svg{transform:none}.help-btn{justify-content:center;align-items:center;gap:.6rem;display:inline-flex}.help-btn svg{flex-shrink:0}.help-footer:before{content:"";background:linear-gradient(135deg,#07f,#8a2fff);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #0077ff80}@media (width<=768px){.help-card .help-header-icon svg{width:32px!important;height:32px!important}.help-notice .notice-icon svg{width:22px!important;height:22px!important}.help-cat-btn .cat-icon svg{width:12px!important;height:12px!important}}@media (width<=480px){.help-card .help-header-icon svg{width:26px!important;height:26px!important}.help-notice .notice-icon svg{width:20px!important;height:20px!important}.help-cat-btn .cat-icon svg{width:11px!important;height:11px!important}.help-btn svg,.help-faq .faq-toggle svg{width:14px!important;height:14px!important}}.help-container::-webkit-scrollbar{width:4px}.help-container::-webkit-scrollbar-track{background:0 0}.help-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.games-page{background:linear-gradient(120deg,#0a0028fa 30%,#4b0082e6 60%,#000affd9 100%);min-height:70vh;padding:2rem 4rem}.games-container{max-width:1100px;margin:0 auto}.games-header{text-align:center;margin-bottom:2rem}.games-header h1{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.8rem;font-weight:800}.games-header p{color:var(--text-secondary);font-size:1rem}.games-header p .highlight{color:#8a2fff;font-weight:600}.games-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto 1.5rem;display:flex}.games-search{background:#ffffff0d;border:1px solid #ffffff14;border-radius:50px;flex:1;align-items:center;min-width:200px;padding:.7rem 1.5rem;transition:all .3s;display:flex}.games-search:focus-within{background:#ffffff14;border-color:#8a2fff}.games-search-icon{color:var(--text-muted);margin-right:.8rem;font-size:1.1rem}.games-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:Inter,Poppins,sans-serif;font-size:.95rem}.games-search input::placeholder{color:var(--text-muted)}.games-categories{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.category-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:50px;padding:.4rem 1.2rem;font-size:.8rem;font-weight:500;transition:all .3s}.category-btn:hover{color:#fff;background:#ffffff0d}.category-btn.active{color:#ff6b6b;background:#ff6b6b1f;border-color:#ff6b6b}.games-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.game-card{background:linear-gradient(135deg,#10172bcc,#1a0a2ecc);border:1px solid #ffffff0f;border-radius:16px;transition:all .3s;overflow:hidden}.game-card:hover{border-color:#ff6b6b33;transform:translateY(-8px)}.game-card-image{aspect-ratio:16/9;object-fit:cover;width:100%}.game-card-image-wrapper{position:relative;overflow:hidden}.game-card-badge{color:#fff;z-index:2;background:#000000b3;border-radius:50px;padding:.2rem .8rem;font-size:.6rem;font-weight:600;position:absolute;top:.8rem;right:.8rem}.game-card-badge.popular{background:linear-gradient(135deg,#07f,#8a2fff)}.game-card-body{padding:1.2rem 1.5rem 1.5rem}.game-card-title{color:#fff;margin:0 0 .3rem;font-size:1.1rem;font-weight:600}.game-card:hover .game-card-title{color:#8a2fff}.game-card-category{color:var(--text-muted);font-size:.75rem}.game-card-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.8rem;display:flex}.game-card-price{color:#34d399;font-size:1.1rem;font-weight:700}.game-card-price .price-original{color:var(--text-muted);margin-left:.5rem;font-size:.8rem;text-decoration:line-through}.game-card-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;padding:.4rem 1.4rem;font-size:.8rem;font-weight:600;transition:all .3s}.game-card-btn:hover{transform:translateY(-3px)}.no-results{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:3rem 2rem}.no-results .no-results-icon{opacity:.3;margin-bottom:.5rem;font-size:4rem;display:block}.no-results h3{color:#fff;margin:0 0 .5rem;font-size:1.5rem}.no-results .back-link{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);border-radius:50px;margin-top:1.5rem;padding:.7rem 2.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.no-results .back-link:hover{transform:translateY(-4px)}.games-skeleton{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.skeleton-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;animation:1.5s ease-in-out infinite pulse;overflow:hidden}.skeleton-card .skeleton-image{aspect-ratio:16/9;background:#ffffff0d;width:100%}.skeleton-card .skeleton-text{background:#ffffff0d;border-radius:8px;height:16px;margin:1rem 1.5rem .5rem}.skeleton-card .skeleton-text.short{width:60%}.skeleton-card .skeleton-text.bottom{width:40%;margin:1rem 1.5rem 1.5rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (width<=992px){.games-page{padding:1.5rem 3rem}.games-header h1{font-size:2.5rem}.games-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}}@media (width<=768px){.games-page{padding:1.5rem}.games-header h1{font-size:2rem}.games-filter-bar{flex-direction:column;gap:.8rem}.games-search{width:100%;min-width:unset}.games-categories{justify-content:center;width:100%}.games-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.game-card-body{padding:1rem 1.2rem 1.2rem}.game-card-title{font-size:.95rem}}@media (width<=480px){.games-page{padding:1rem}.games-header h1{font-size:1.6rem}.games-grid{grid-template-columns:1fr;gap:.8rem}.games-search{padding:.6rem 1rem}.games-search input{font-size:.85rem}.category-btn,.game-card-btn{padding:.3rem .8rem;font-size:.7rem}.game-card-price{font-size:.95rem}.game-card-body{padding:.8rem 1rem 1rem}.game-card-title{font-size:.85rem}.game-card-badge{padding:.15rem .6rem;font-size:.5rem;top:.5rem;right:.5rem}}.games-grid::-webkit-scrollbar{width:4px}.games-grid::-webkit-scrollbar-track{background:0 0}.games-grid::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.social-login-buttons{flex-direction:column;gap:10px;margin-top:4px;display:flex}.google-btn>div,.google-btn iframe{width:100%!important}@media (width<=480px){.social-btn,.discord-btn{padding:10px 14px;font-size:13px}.discord-icon{font-size:18px}}.login-page{background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);justify-content:center;align-items:center;min-height:70vh;padding:2rem 4rem;display:flex;position:relative}.login-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0;background:#0b0f17bf;position:absolute;inset:0}.login-container{z-index:1;width:100%;max-width:500px;margin:0 auto;position:relative}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#050014eb 0%,#1e0050e0 50%,#001478e0 100%);border:1px solid #ff6b6b26;border-radius:24px;padding:2.5rem;transition:all .5s}.login-card:hover{border-color:#ff6b6b4d}.login-logo{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.login-logo img{width:auto;height:80px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2rem;font-weight:800}.login-header p{color:var(--text-secondary);margin-top:.3rem;font-size:.95rem}.signup-link{color:#07f;font-weight:600;text-decoration:none;transition:all .3s}.signup-link:hover{color:#8a2fff}.login-form{flex-direction:column;gap:1.2rem;display:flex}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;transition:all .3s}.form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:#07f;cursor:pointer;width:16px;height:16px}.forgot-link{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:all .3s}.forgot-link:hover{color:#8a2fff}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:12px;width:100%;padding:.9rem;font-size:1rem;font-weight:600;transition:all .3s}.login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 4px 20px #0077ff4d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-progress-container{margin:.5rem 0 1rem;padding:.5rem 0}.login-progress-bar{background:#ffffff0d;border-radius:10px;width:100%;height:6px;overflow:hidden}.login-progress-fill{background:linear-gradient(90deg,#34d399,#059669);border-radius:10px;height:100%;transition:width .3s}.login-progress-text{color:var(--text-muted);text-align:center;margin-top:.3rem;font-size:.75rem}.login-divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff0d;flex:1;height:1px}.login-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.social-btn{justify-content:center;width:100%;display:flex}.social-btn>div,.social-btn iframe{width:100%!important}@media (width<=768px){.login-page{padding:1.5rem}.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.6rem}.login-logo img{height:60px}}@media (width<=480px){.login-page{padding:1rem}.login-card{border-radius:16px;padding:1.5rem 1.2rem}.login-logo img{height:50px}.login-header h1{font-size:1.3rem}.login-header p{font-size:.85rem}.form-options{flex-direction:column;align-items:flex-start;gap:.5rem}.input-wrapper{padding:.6rem .8rem}.input-wrapper input{font-size:.85rem}.login-btn{padding:.7rem;font-size:.9rem}}.login-container::-webkit-scrollbar{width:4px}.login-container::-webkit-scrollbar-track{background:0 0}.login-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.social-signup-buttons{flex-direction:column;gap:10px;margin-top:4px;display:flex}.social-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.google-btn{background:0 0;border:none;padding:0}.google-btn:hover{background:0 0;transform:none}.google-btn>div,.google-btn iframe{width:100%!important}.discord-btn{color:#fff;background:#5865f2;border:none;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600}.discord-btn:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 8px 30px #5865f24d}.discord-btn:active{transform:scale(.95)}.discord-icon{font-size:22px}@media (width<=480px){.social-btn,.discord-btn{padding:10px 14px;font-size:13px}.discord-icon{font-size:18px}}.signup-page{justify-content:center;align-items:center;min-height:70vh;padding:2rem 4rem;display:flex;position:relative}.signup-container{z-index:1;width:100%;max-width:480px;margin:0 auto;position:relative}.signup-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#050014eb 0%,#1e0050e0 50%,#001478e0 100%);border:1px solid #ff6b6b26;border-radius:24px;padding:2.5rem;transition:all .5s}.signup-card:hover{border-color:#ff6b6b4d}.signup-logo{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.signup-logo img{width:auto;height:80px}.signup-header{text-align:center;margin-bottom:1.5rem}.signup-header h1{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.8rem;font-weight:800}.signup-header p{color:var(--text-secondary);margin-top:.3rem;font-size:.95rem}.login-link{color:#07f;font-weight:600;text-decoration:none;transition:all .3s}.login-link:hover{color:#8a2fff}.signup-form{flex-direction:column;gap:1rem;display:flex}.input-wrapper{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;align-items:center;padding:.6rem 1rem;transition:all .3s;display:flex}.input-icon{color:var(--text-muted);margin-right:.7rem;font-size:1rem;transition:all .3s}.input-wrapper:focus-within .input-icon{color:#07f}.input-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem;transition:all .3s}.form-options{margin:.2rem 0}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.8rem;transition:all .3s;display:flex}.checkbox-label input[type=checkbox]{accent-color:#07f;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.checkbox-label a{color:#8a2fff;text-decoration:none;transition:all .3s}.checkbox-label a:hover{color:#8a2fff;text-decoration:underline}.signup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:12px;width:100%;padding:.8rem;font-size:.95rem;font-weight:600;transition:all .3s}.signup-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 4px 20px #0077ff4d}.signup-btn:disabled{opacity:.6;cursor:not-allowed}.signup-divider{align-items:center;gap:1rem;margin:1.2rem 0;display:flex}.signup-divider:before,.signup-divider:after{content:"";background:#ffffff0d;flex:1;height:1px}.signup-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.social-signup{flex-direction:column;gap:.5rem;width:100%;display:flex}.social-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.social-btn:hover{background:#ffffff0d;transform:translateY(-2px)}.social-btn.github:hover{color:#6e5494;border-color:#6e5494}.social-icon{font-size:1.1rem}.social-btn>div,.social-btn iframe{width:100%!important}.success-message{color:#34d399;text-align:center;background:#34d39914;border:1px solid #34d3991a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem 1rem;font-size:.85rem;display:flex}.progress-container{margin:1rem 0;padding:.5rem 0}.progress-text{color:var(--text-muted);text-align:center;margin-top:.3rem;font-size:.75rem}.verification-section{text-align:center;padding:1.5rem 0}.verification-icon{margin-bottom:1rem;font-size:3rem}.verification-section h3{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.verification-section p{color:var(--text-secondary);font-size:.9rem}.verification-email{font-weight:600;color:#07f!important;margin:.3rem 0 1.5rem!important;font-size:1rem!important}.verification-input-group{gap:.8rem;margin-bottom:1.5rem;display:flex}.verification-input{color:#fff;text-align:center;letter-spacing:.5rem;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;flex:1;padding:.8rem 1rem;font-size:1.2rem;transition:all .3s}.verification-input:focus{background:#ff6b6b08;border-color:#ff6b6b33;outline:none}.verify-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:10px;padding:.8rem 1.5rem;font-weight:600;transition:all .3s}.verify-btn:hover:not(:disabled){transform:translateY(-2px)}.verify-btn:disabled{opacity:.5;cursor:not-allowed}.resend-section{justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.resend-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:all .3s}.resend-btn:hover:not(:disabled){color:#8a2fff}.resend-btn:disabled{opacity:.3;cursor:not-allowed}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:all .3s}.signup-popup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.signup-popup-container{text-align:center;background:linear-gradient(135deg,#10172bf2,#1a0a2ef2);border:1px solid #ff6b6b1a;border-radius:24px;width:100%;max-width:420px;padding:2.5rem 2rem 2rem;position:relative}.signup-popup-close{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:none;border-radius:50%;width:32px;height:32px;font-size:1.1rem;transition:all .3s;position:absolute;top:12px;right:16px}.signup-popup-close:hover{color:#07f;background:#ef444414}.signup-popup-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:2rem;display:flex}.signup-popup-icon.success{color:#34d399;background:#34d3991a;border:2px solid #34d3991a}.signup-popup-icon.error{color:#ef4444;background:#ef44441a;border:2px solid #ef44441a}.signup-popup-title{color:#fff;font-size:1.2rem;font-weight:700}.signup-popup-message{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.signup-popup-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:10px;padding:.7rem 2rem;font-size:.9rem;font-weight:600;transition:all .3s}.signup-popup-btn:hover{transform:translateY(-3px)}@media (width<=768px){.signup-page,.signup-card{padding:1.5rem}.signup-header h1{font-size:1.6rem}.signup-logo img{height:60px}}@media (width<=480px){.signup-page{padding:1rem}.signup-card{border-radius:16px;padding:1.2rem}.signup-logo img{height:50px}.signup-header h1{font-size:1.3rem}.signup-header p{font-size:.85rem}.social-signup{flex-direction:column}.input-wrapper{padding:.6rem .8rem}.input-wrapper input{font-size:.85rem}.signup-btn{padding:.7rem;font-size:.9rem}.verification-input-group{flex-direction:column}.verify-btn{justify-content:center;width:100%}.signup-popup-container{padding:1.5rem}.signup-popup-icon{width:52px;height:52px;font-size:1.5rem}}.signup-container::-webkit-scrollbar{width:4px}.signup-container::-webkit-scrollbar-track{background:0 0}.signup-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40;--page-padding:clamp(.8rem, 2.5vw, 4rem);--avatar-size:clamp(70px, 10vw, 100px);--avatar-margin:clamp(-40px, -5vw, -50px);--cover-height:clamp(130px, 20vh, 200px);--card-padding:clamp(.8rem, 1.5vw, 1.5rem);--font-size-h1:clamp(1.2rem, 2vw, 1.5rem);--font-size-base:clamp(.8rem, 1vw, .95rem);--font-size-small:clamp(.65rem, .8vw, .8rem);--gap-base:clamp(.8rem, 1.5vw, 2rem);--radius:clamp(12px, 1.5vw, 24px)}.icon{font-size:var(--icon-size);flex-shrink:0;min-width:clamp(20px,2.5vw,24px)}.wallet-card .wallet-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.wallet-header-left{align-items:center;gap:.8rem;display:flex}.wallet-icon-img{object-fit:contain;background:#0077ff0d;border-radius:8px;width:32px;height:32px;padding:4px}.wallet-card .wallet-header-left h3{color:#fff;font-size:var(--font-size-base);margin:0;font-weight:600}.account-page{min-height:70vh;padding:var(--page-padding);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#003278e6 100%)}.account-container{z-index:1;max-width:1100px;margin:0 auto;position:relative}.profile-header-section{border-radius:var(--radius);margin-bottom:var(--gap-base);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;transition:all .3s;overflow:hidden}.profile-header-section:hover{border-color:#ff6b6b4d}.profile-cover{height:var(--cover-height);position:relative;overflow:hidden}.profile-cover img{object-fit:cover;width:100%;height:100%}.edit-cover-btn{color:#fff;font-size:var(--font-size-small);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #ff6b6b33;border-radius:50px;padding:clamp(.3rem,.5vw,.5rem) clamp(.8rem,1.2vw,1.5rem);transition:all .3s;position:absolute;bottom:clamp(8px,1.5vh,15px);right:clamp(10px,2vw,20px)}.edit-cover-btn:hover{background:#ff6b6b33;border-color:#8a2fff}.profile-info-row{gap:var(--gap-base);text-align:left;flex-wrap:wrap;align-items:flex-start;padding:clamp(.8rem,1.5vw,1.5rem) clamp(1rem,2vw,2rem);display:flex}.profile-avatar-large{width:var(--avatar-size);height:var(--avatar-size);color:#fff;margin-top:var(--avatar-margin);background:linear-gradient(135deg,#07f,#8a2fff);border:4px solid #0a0f1e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;display:flex;position:relative;overflow:hidden}.profile-avatar-large:hover{transform:scale(1.02)}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-placeholder{font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:700}.avatar-edit-btn{color:#fff;cursor:pointer;background:#000000b3;border:2px solid #0a0f1e;border-radius:50%;justify-content:center;align-items:center;width:clamp(24px,3vw,30px);height:clamp(24px,3vw,30px);font-size:clamp(.6rem,.8vw,.8rem);transition:all .3s;display:flex;position:absolute;bottom:2px;right:2px}.avatar-edit-btn:hover{background:#07f;transform:scale(1.1)}.verified-badge{color:#34d399;background:#0a0f1e;border-radius:50%;font-size:clamp(.9rem,1.2vw,1.2rem);position:absolute;bottom:2px;right:2px}.profile-details{text-align:left;flex:1;min-width:200px}.profile-name-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.8rem;display:flex}.profile-name-row h1{font-size:var(--font-size-h1);color:#fff;margin:0;font-weight:700}.verified-tag{color:#34d399;background:#34d3991f;border:1px solid #34d39926;border-radius:50px;padding:.1rem .6rem;font-size:.6rem;font-weight:600}.role-tag{color:#8a2fff;background:#ff6b6b1f;border:1px solid #ff6b6b26;border-radius:50px;padding:.1rem .6rem;font-size:.6rem;font-weight:600}.profile-username{color:var(--text-secondary);font-size:var(--font-size-small)}.profile-email{color:var(--text-muted);font-size:var(--font-size-small)}.profile-bio{color:var(--text-secondary);font-size:var(--font-size-base);text-align:left;max-width:500px;margin:.5rem 0;line-height:1.6}.profile-stats{gap:var(--gap-base);flex-wrap:wrap;justify-content:flex-start;margin:.8rem 0;display:flex}.stat-item{flex-direction:column;padding:.3rem .8rem;display:flex}.stat-number{font-size:var(--font-size-h1);color:#fff;font-weight:700}.stat-label{color:var(--text-muted);font-size:var(--font-size-small);text-transform:uppercase}.profile-actions{flex-wrap:wrap;justify-content:flex-start;gap:.8rem;margin-top:.8rem;display:flex}.action-btn{font-size:var(--font-size-small);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:clamp(.3rem,.5vw,.5rem) clamp(.8rem,1.2vw,1.2rem);font-weight:500;transition:all .3s;display:flex}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.action-btn.primary:hover{transform:translateY(-3px)}.action-btn.secondary{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14}.action-btn.secondary:hover{color:var(--neon-primary);background:#ffffff1a}.action-btn.copy-btn{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f}.action-btn.copy-btn:hover{color:#8a2fff;border-color:#07f}.quick-links-section{gap:var(--gap-base);margin-bottom:var(--gap-base);grid-template-columns:repeat(4,1fr);display:grid}.quick-link-card{border-radius:var(--radius);color:var(--text-secondary);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f;align-items:center;gap:.8rem;padding:clamp(.6rem,.8vw,1rem) clamp(.8rem,1.2vw,1.2rem);text-decoration:none;transition:all .3s;display:flex}.quick-link-card:hover{color:#fff;border-color:#ff6b6b33;transform:translateY(-4px)}.quick-link-icon{font-size:clamp(1.1rem,1.5vw,1.3rem)}.quick-link-label{font-size:var(--font-size-small);font-weight:500}.dashboard-grid{gap:var(--gap-base);margin-bottom:var(--gap-base);grid-template-columns:1fr 1.6fr;display:grid}.wallet-card{padding:var(--card-padding);border-radius:var(--radius);margin-bottom:var(--gap-base);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f}.wallet-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.wallet-header h3{color:#fff;font-size:var(--font-size-base);font-weight:600}.wallet-balance{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.balance-amount{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800}.balance-currency{color:var(--text-muted);font-size:var(--font-size-small)}.balance-pending{color:var(--text-muted);font-size:var(--font-size-small);margin-left:1rem}.wallet-actions{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.wallet-btn{font-size:var(--font-size-small);cursor:pointer;border:none;border-radius:50px;padding:clamp(.3rem,.4vw,.5rem) clamp(.8rem,1.2vw,1.5rem);font-weight:600;transition:all .3s}.wallet-btn.primary{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.wallet-btn.primary:hover{transform:translateY(-3px)}.wallet-btn.secondary{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14}.wallet-btn.secondary:hover{background:#ffffff1a}.orders-card,.activities-card{padding:var(--card-padding);border-radius:var(--radius);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header h3{color:#fff;font-size:var(--font-size-base);font-weight:600}.order-item,.activity-item{cursor:pointer;border-radius:12px;align-items:center;gap:1rem;padding:.6rem .8rem;transition:all .3s;display:flex}.order-item:hover,.activity-item:hover{background:#ff6b6b08;transform:translate(4px)}.order-icon,.activity-icon{text-align:center;flex-shrink:0;width:32px;font-size:clamp(1rem,1.2vw,1.2rem)}.order-info,.activity-info{flex:1;min-width:0}.order-name,.activity-title{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:500}.order-date,.activity-date{color:var(--text-muted);font-size:.65rem}.status-badge{text-transform:capitalize;border-radius:50px;flex-shrink:0;align-items:center;gap:.3rem;padding:.15rem .7rem;font-size:.6rem;font-weight:600;display:inline-flex}.status-badge.pending{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b1a}.status-badge.completed{color:#34d399;background:#34d3991f;border:1px solid #34d3991a}.status-badge.cancelled{color:#ef4444;background:#ef44441f;border:1px solid #ef44441a}.status-badge.processing{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f61a}.order-amount{color:#34d399;font-weight:600;font-size:var(--font-size-small);flex-shrink:0}.activity-amount{font-weight:600;font-size:var(--font-size-small);flex-shrink:0}.activity-amount .positive{color:#34d399}.activity-amount .negative{color:#ef4444}.activity-amount .neutral{color:var(--text-muted)}.no-orders,.no-activities{text-align:center;padding:1.5rem 0}.no-orders p,.no-activities p{color:var(--text-muted);font-size:var(--font-size-base)}.browse-games-btn{color:#fff;font-size:var(--font-size-small);background:linear-gradient(135deg,#07f,#8a2fff);border-radius:50px;margin-top:.8rem;padding:clamp(.3rem,.4vw,.5rem) clamp(.8rem,1.2vw,1.5rem);font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.browse-games-btn:hover{transform:translateY(-3px)}.no-activities-icon{color:#ffffff0d;margin-bottom:.5rem;font-size:2.5rem}.account-footer{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.footer-info{color:var(--text-muted);font-size:var(--font-size-small);flex-wrap:wrap;gap:1.5rem;display:flex}.logout-btn{color:#ef4444;font-size:var(--font-size-small);cursor:pointer;background:0 0;border:1px solid #ef444426;border-radius:50px;align-items:center;gap:.5rem;padding:clamp(.3rem,.4vw,.5rem) clamp(.8rem,1.2vw,1.5rem);font-weight:500;transition:all .3s;display:flex}.logout-btn:hover{background:#ef444414;border-color:#ef4444;transform:translateY(-2px)}@media (width>=1281px){:root{--page-padding:3rem 6rem;--avatar-size:120px;--avatar-margin:-60px;--cover-height:250px;--card-padding:2rem;--font-size-h1:1.8rem;--font-size-base:1.05rem;--font-size-small:.9rem;--gap-base:2.5rem;--radius:28px}.profile-stats{gap:3rem}.stat-number{font-size:1.5rem}.wallet-balance .balance-amount{font-size:2.5rem}}@media (width>=1025px) and (width<=1280px){:root{--page-padding:2rem 4rem;--avatar-size:100px;--avatar-margin:-50px;--cover-height:200px;--card-padding:1.5rem;--font-size-h1:1.5rem;--font-size-base:.95rem;--font-size-small:.8rem;--gap-base:2rem;--radius:24px}.quick-links-section{grid-template-columns:repeat(4,1fr)}.profile-info-row{text-align:left}.profile-name-row,.profile-stats,.profile-actions{justify-content:flex-start}.profile-bio{text-align:left}}@media (width>=768px) and (width<=1024px){:root{--page-padding:1.5rem 2.5rem;--avatar-size:90px;--avatar-margin:-45px;--cover-height:170px;--card-padding:1.2rem;--font-size-h1:1.3rem;--font-size-base:.9rem;--font-size-small:.75rem;--gap-base:1.5rem;--radius:18px}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.quick-links-section{grid-template-columns:repeat(2,1fr)}.profile-info-row{text-align:left;flex-direction:row;align-items:flex-start}.profile-avatar-large{margin-top:-45px}.profile-name-row,.profile-stats,.profile-actions{justify-content:flex-start}.profile-bio{text-align:left}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--page-padding:1.5rem 3rem;--avatar-size:85px;--avatar-margin:-42px;--cover-height:160px;--card-padding:1.2rem;--font-size-h1:1.3rem;--font-size-base:.9rem;--font-size-small:.75rem;--gap-base:1.5rem}.dashboard-grid{grid-template-columns:1fr 1.2fr}.quick-links-section{grid-template-columns:repeat(2,1fr)}.profile-info-row{text-align:left;flex-direction:row;align-items:flex-start}.profile-avatar-large{margin-top:-42px}.profile-name-row,.profile-stats,.profile-actions{justify-content:flex-start}.profile-bio{text-align:left}}@media (width>=481px) and (width<=767px){:root{--page-padding:1rem 1.5rem;--avatar-size:75px;--avatar-margin:-38px;--cover-height:140px;--card-padding:1rem;--font-size-h1:1.2rem;--font-size-base:.85rem;--font-size-small:.7rem;--gap-base:1rem;--radius:14px}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.quick-links-section{grid-template-columns:repeat(2,1fr);gap:.8rem}.profile-info-row{text-align:left;flex-direction:row;align-items:flex-start;padding:.8rem 1rem}.profile-avatar-large{margin-top:-40px}.profile-name-row{justify-content:flex-start}.profile-stats{justify-content:flex-start;gap:1rem}.profile-actions{justify-content:flex-start}.profile-bio{text-align:left}.wallet-actions{flex-direction:column}.wallet-btn{justify-content:center;width:100%}.account-footer{text-align:center;flex-direction:column}.footer-info{justify-content:center}}@media (width>=320px) and (width<=480px){:root{--page-padding:.8rem;--avatar-size:65px;--avatar-margin:-33px;--cover-height:110px;--card-padding:.8rem;--font-size-h1:1rem;--font-size-base:.8rem;--font-size-small:.65rem;--gap-base:.8rem;--radius:12px}.profile-cover{height:110px}.profile-avatar-large{border-width:3px;width:65px;height:65px;margin-top:-35px;font-size:1.5rem}.profile-name-row h1{font-size:1rem}.profile-info-row{text-align:left;flex-direction:row;align-items:flex-start;padding:.6rem .8rem}.profile-avatar-large{margin-top:-35px}.profile-name-row{justify-content:flex-start;gap:.4rem}.profile-bio{text-align:left;max-width:100%;font-size:.75rem}.profile-stats{justify-content:flex-start;gap:.8rem}.stat-number{font-size:.9rem}.stat-label{font-size:.55rem}.profile-actions{justify-content:flex-start;gap:.5rem}.action-btn{padding:.3rem .8rem;font-size:.65rem}.action-btn copy-btn{padding:.2rem .6rem;font-size:.55rem}.quick-links-section{grid-template-columns:1fr 1fr;gap:.4rem}.quick-link-card{padding:.5rem .6rem}.quick-link-label{font-size:.6rem}.quick-link-icon{font-size:.9rem}.dashboard-grid{grid-template-columns:1fr;gap:.8rem}.wallet-card,.orders-card,.activities-card{padding:.8rem}.wallet-balance .balance-amount{font-size:1.4rem}.wallet-actions{flex-direction:column}.wallet-btn{justify-content:center;width:100%;padding:.4rem 1rem;font-size:.7rem}.order-item,.activity-item{gap:.5rem;padding:.4rem .5rem}.order-name,.activity-title{font-size:.65rem}.order-icon,.activity-icon{width:24px;font-size:.9rem}.order-amount{font-size:.65rem}.status-badge{padding:.1rem .4rem;font-size:.5rem}.edit-cover-btn{padding:.2rem .6rem;font-size:.55rem;bottom:6px;right:8px}.account-footer{text-align:center;flex-direction:column;padding:.8rem 0}.footer-info{justify-content:center;gap:.5rem 1rem;font-size:.6rem}.logout-btn{padding:.3rem 1rem;font-size:.65rem}.avatar-edit-btn{width:20px;height:20px;font-size:.5rem}.verified-badge{font-size:.8rem}.no-orders p,.no-activities p{font-size:.75rem}.browse-games-btn{padding:.3rem 1rem;font-size:.65rem}}@media (width<=319px){:root{--page-padding:.5rem;--avatar-size:55px;--avatar-margin:-28px;--cover-height:90px;--card-padding:.6rem;--font-size-h1:.85rem;--font-size-base:.7rem;--font-size-small:.55rem;--gap-base:.6rem;--radius:10px}.profile-cover{height:90px}.profile-avatar-large{border-width:2px;width:55px;height:55px;margin-top:-30px;font-size:1.2rem}.profile-name-row h1{font-size:.85rem}.profile-info-row{text-align:left;flex-direction:row;align-items:flex-start;padding:.4rem .5rem}.profile-name-row{justify-content:flex-start}.profile-stats{justify-content:flex-start;gap:.5rem}.stat-number{font-size:.75rem}.stat-label{font-size:.45rem}.action-btn,.action-btn copy-btn{padding:.2rem .6rem;font-size:.55rem}.quick-links-section{grid-template-columns:1fr;gap:.3rem}.quick-link-card{padding:.3rem .5rem}.quick-link-label{font-size:.5rem}.quick-link-icon{font-size:.7rem}.wallet-balance .balance-amount{font-size:1.1rem}.balance-currency{font-size:.6rem}.wallet-btn{padding:.3rem .8rem;font-size:.6rem}.order-name,.activity-title{font-size:.55rem}.order-icon,.activity-icon{width:20px;font-size:.7rem}.order-amount{font-size:.55rem}.status-badge{padding:.05rem .3rem;font-size:.4rem}.edit-cover-btn{padding:.15rem .4rem;font-size:.45rem;bottom:4px;right:5px}.footer-info{gap:.3rem .8rem;font-size:.5rem}.logout-btn{padding:.2rem .8rem;font-size:.55rem}.avatar-edit-btn{width:16px;height:16px;font-size:.4rem}.verified-badge{font-size:.6rem}}.account-container::-webkit-scrollbar{width:4px}.account-container::-webkit-scrollbar-track{background:0 0}.account-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.card-header h3{align-items:center;gap:8px;display:inline-flex}.card-header h3 svg{color:#07f;flex-shrink:0;display:block}.order-icon{color:#07f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-icon svg{display:block}.activity-icon{color:#07f;text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.activity-icon svg{display:block}.activity-id{color:#ffffff4d;background:#ffffff08;border-radius:4px;margin-left:.4rem;padding:.1rem .4rem;font-size:.6rem}.activity-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.15rem;display:flex}@media (width>=1281px){.card-header h3 svg{width:20px!important;height:20px!important}.order-icon svg,.activity-icon svg{width:22px!important;height:22px!important}}@media (width<=480px){.card-header h3 svg{width:14px!important;height:14px!important}.order-icon svg,.activity-icon svg{width:16px!important;height:16px!important}}@media (width<=319px){.card-header h3 svg{width:12px!important;height:12px!important}.order-icon svg,.activity-icon svg{width:14px!important;height:14px!important}}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40;--modal-padding:clamp(.8rem, 2vw, 1.5rem);--modal-max-width:clamp(320px, 90vw, 750px);--modal-radius:clamp(14px, 2vw, 20px);--upload-padding:clamp(1.5rem, 4vw, 3rem);--upload-min-height:clamp(120px, 30vh, 200px);--icon-size:clamp(2rem, 5vw, 3rem);--font-size-title:clamp(.9rem, 1.5vw, 1.1rem);--font-size-body:clamp(.8rem, 1vw, .95rem);--font-size-hint:clamp(.6rem, .8vw, .75rem);--gap-base:clamp(.6rem, 1.5vw, 1rem)}.image-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:99999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s overlayFadeIn;display:flex;position:fixed;top:0;left:0}.image-modal-content{padding:var(--modal-padding);border-radius:var(--modal-radius);max-width:var(--modal-max-width);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0d;width:95%;max-height:90vh;animation:.3s modalSlideUp;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.image-modal-header{margin-bottom:var(--gap-base);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.8rem;display:flex}.image-modal-header .modal-title{color:#fff;align-items:center;gap:.5rem;display:flex}.image-modal-header .modal-title h3{font-size:var(--font-size-title);margin:0;font-weight:600}.image-modal-header .modal-title svg{color:#07f;font-size:clamp(1rem,2vw,1.3rem)}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(30px,4vw,36px);height:clamp(30px,4vw,36px);padding:.3rem;font-size:clamp(1rem,1.5vw,1.2rem);transition:all .3s;display:flex}.modal-close-btn:hover{color:#ef4444;background:#ef44441a}.image-modal-body{gap:var(--gap-base);min-height:var(--upload-min-height);flex-direction:column;display:flex}.image-error{color:#ef4444;font-size:var(--font-size-body);text-align:center;background:#ef44441a;border:1px solid #ef444426;border-radius:8px;padding:clamp(.4rem,.8vw,.6rem) clamp(.6rem,1.2vw,1rem)}.image-upload-area{padding:var(--upload-padding);text-align:center;cursor:pointer;min-height:var(--upload-min-height);border:2px dashed #ffffff0f;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.image-upload-area:hover{background:#ff6b6b05;border-color:#ff6b6b4d}.image-upload-area .upload-icon{font-size:var(--icon-size);color:#ffffff1a;margin-bottom:clamp(.3rem,.8vw,.5rem)}.image-upload-area p{color:var(--text-secondary);font-size:var(--font-size-body);margin:.3rem 0}.image-preview-area{align-items:center;gap:var(--gap-base);flex-direction:column;display:flex}.image-preview-container{width:100%;min-height:var(--upload-min-height);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;padding:clamp(.3rem,.8vw,.5rem);display:flex;overflow:hidden}.preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:300px}.avatar-preview-img{object-fit:cover;border-radius:50%;width:clamp(100px,20vw,150px);height:clamp(100px,20vw,150px)}.cover-preview-img{object-fit:cover;border-radius:8px;width:100%;max-height:200px}.preview-actions{gap:clamp(.5rem,1vw,1rem);width:100%;display:flex}.change-image-btn{color:var(--text-secondary);font-size:var(--font-size-body);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:clamp(.3rem,.6vw,.5rem) clamp(.6rem,1.2vw,1rem);transition:all .3s;display:flex}.change-image-btn:hover{color:#fff;background:#ffffff0d}.cancel-btn{color:var(--text-secondary);font-size:var(--font-size-body);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:50px;align-items:center;gap:.3rem;padding:clamp(.4rem,.6vw,.6rem) clamp(.8rem,1.5vw,1.2rem);font-weight:500;transition:all .3s;display:flex}.cancel-btn:hover{color:#fff;background:#ffffff0d}.upload-btn{color:#fff;font-size:var(--font-size-body);cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;align-items:center;gap:.3rem;padding:clamp(.4rem,.6vw,.6rem) clamp(1rem,1.8vw,1.5rem);font-weight:600;transition:all .3s;display:flex}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ee5a244d}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn .loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:clamp(16px,2vw,18px);height:clamp(16px,2vw,18px);animation:.8s linear infinite spin;display:inline-block}@media (width>=1281px){:root{--modal-max-width:750px;--modal-padding:2rem;--modal-radius:24px;--upload-padding:4rem 3rem;--upload-min-height:280px;--icon-size:4rem;--font-size-title:1.3rem;--font-size-body:1.05rem;--font-size-hint:.85rem;--gap-base:1.5rem}.image-modal-content{max-height:85vh}.avatar-preview-img{width:180px;height:180px}.cover-preview-img{max-height:250px}.preview-image{max-height:400px}}@media (width>=1025px) and (width<=1280px){:root{--modal-max-width:650px;--modal-padding:1.8rem;--modal-radius:20px;--upload-padding:3rem 2.5rem;--upload-min-height:240px;--icon-size:3.5rem;--font-size-title:1.2rem;--font-size-body:1rem;--font-size-hint:.8rem;--gap-base:1.2rem}}@media (width>=768px) and (width<=1024px){:root{--modal-max-width:90vw;--modal-padding:1.5rem;--modal-radius:18px;--upload-padding:2.5rem 2rem;--upload-min-height:200px;--icon-size:3rem;--font-size-title:1.1rem;--font-size-body:.95rem;--font-size-hint:.75rem;--gap-base:1rem}.image-modal-footer{flex-flow:wrap}.cancel-btn,.upload-btn{flex:1;justify-content:center;min-width:120px}.avatar-preview-img{width:130px;height:130px}.cover-preview-img{max-height:160px}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--modal-max-width:85vw;--modal-padding:1.2rem;--upload-min-height:180px;--icon-size:2.8rem}.image-modal-content{max-height:80vh}.preview-image{max-height:250px}.avatar-preview-img{width:100px;height:100px}.cover-preview-img{max-height:140px}}@media (width>=481px) and (width<=767px){:root{--modal-max-width:92vw;--modal-padding:1rem;--modal-radius:16px;--upload-padding:2rem 1.5rem;--upload-min-height:160px;--icon-size:2.5rem;--font-size-title:1rem;--font-size-body:.9rem;--font-size-hint:.7rem;--gap-base:.8rem}.image-modal-footer{flex-direction:column;gap:.6rem}.cancel-btn,.upload-btn{justify-content:center;width:100%;padding:.5rem 1rem}.image-modal-content{max-height:85vh}.preview-image{max-height:180px}.avatar-preview-img{width:90px;height:90px}.cover-preview-img{max-height:120px}.image-upload-area{min-height:140px;padding:1.5rem 1rem}}@media (width>=320px) and (width<=480px){:root{--modal-max-width:95vw;--modal-padding:.8rem;--modal-radius:14px;--upload-padding:1.5rem .8rem;--upload-min-height:140px;--icon-size:2rem;--font-size-title:.9rem;--font-size-body:.8rem;--font-size-hint:.6rem;--gap-base:.6rem}.image-modal-content{border-radius:14px;max-height:90vh;padding:.8rem}.image-modal-header{margin-bottom:.8rem;padding-bottom:.6rem}.image-modal-header .modal-title h3{font-size:.9rem}.image-modal-header .modal-title svg{font-size:1rem}.modal-close-btn{width:28px;height:28px;font-size:.9rem}.image-modal-footer{flex-direction:column;gap:.5rem;margin-top:.8rem;padding-top:.8rem}.cancel-btn,.upload-btn{justify-content:center;width:100%;padding:.4rem .8rem;font-size:.8rem}.image-upload-area{min-height:120px;padding:1.2rem .8rem}.image-upload-area .upload-icon{font-size:2rem}.image-upload-area p{font-size:.8rem}.image-upload-area .upload-hint{font-size:.6rem}.preview-image{max-height:150px}.avatar-preview-img{width:70px;height:70px}.cover-preview-img{max-height:100px}.image-preview-container{min-height:100px;padding:.3rem}.change-image-btn{padding:.3rem .6rem;font-size:.75rem}.upload-btn .loader{width:14px;height:14px}.image-error{padding:.3rem .6rem;font-size:.75rem}}@media (width<=319px){:root{--modal-max-width:98vw;--modal-padding:.5rem;--modal-radius:10px;--upload-padding:1rem .5rem;--upload-min-height:100px;--icon-size:1.5rem;--font-size-title:.8rem;--font-size-body:.7rem;--font-size-hint:.5rem;--gap-base:.4rem}.image-modal-content{border-radius:10px;max-height:92vh;padding:.5rem}.image-modal-header .modal-title h3{font-size:.8rem}.modal-close-btn{width:24px;height:24px;font-size:.7rem}.image-modal-footer{flex-direction:column;gap:.3rem}.cancel-btn,.upload-btn{justify-content:center;width:100%;padding:.3rem .6rem;font-size:.7rem}.image-upload-area{min-height:80px;padding:.8rem .4rem}.image-upload-area .upload-icon{font-size:1.5rem}.image-upload-area p{font-size:.7rem}.image-upload-area .upload-hint{font-size:.5rem}.preview-image{max-height:100px}.avatar-preview-img{width:50px;height:50px}.cover-preview-img{max-height:70px}.image-preview-container{min-height:70px}.change-image-btn{padding:.2rem .4rem;font-size:.65rem}.upload-btn .loader{width:12px;height:12px}.image-error{padding:.2rem .4rem;font-size:.65rem}}.image-modal-content::-webkit-scrollbar{width:4px}.image-modal-content::-webkit-scrollbar-track{background:0 0}.image-modal-content::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}@media (hover:none){.image-upload-area:hover{background:0 0;border-color:#ffffff0f}.cancel-btn:hover,.upload-btn:hover{transform:none}.modal-close-btn:hover{background:0 0}}.image-upload-area{cursor:pointer;-webkit-user-select:none;user-select:none}.image-upload-area:hover:not(:has(input:disabled)){background:#0077ff08;border-color:#07f6}.image-upload-area .loader{border:3px solid #0077ff26;border-top-color:#07f;border-radius:50%;width:clamp(32px,5vw,48px);height:clamp(32px,5vw,48px);animation:.9s linear infinite spin;display:inline-block}.image-upload-area input:disabled{cursor:not-allowed}.image-modal-footer{justify-content:flex-end;gap:var(--gap-base);margin-top:var(--gap-base);padding-top:var(--gap-base);border-top:1px solid #ffffff0d;display:flex}.loading-screen{z-index:9999;background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loading-content{z-index:10;text-align:center;width:90%;max-width:400px;padding:2rem;position:relative}.loading-logo{justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.loading-icon{width:auto;height:100px}.logo-icon{margin-bottom:.8rem;font-size:3.5rem;animation:2s ease-in-out infinite pulseLogo;display:block}@keyframes pulseLogo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.loading-logo h1{color:#fff;letter-spacing:6px;margin:0;font-size:2.2rem;font-weight:800}.loading-logo .logo-tagline{color:#ff6b6b;letter-spacing:8px;opacity:.6;margin-top:.3rem;font-size:.6rem;font-weight:600;display:block}.loading-progress{margin:2rem 0 1.5rem}.progress-fill{background:linear-gradient(90deg,#ff6b6b,#ee5a24);border-radius:10px;height:100%;transition:width .15s}.progress-text{justify-content:space-between;align-items:center;margin-top:.8rem;display:flex}.progress-number{color:#fff;letter-spacing:1px;font-size:1.1rem;font-weight:700}.progress-label{color:#ffffff4d;letter-spacing:2px;font-size:.85rem;font-weight:300}.loading-decor{justify-content:center;gap:.8rem;margin-top:1.5rem;display:flex}.decor-dot{background:#ffffff1a;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite dotPulse}.decor-dot:first-child{animation-delay:0s}.decor-dot:nth-child(2){animation-delay:.3s}.decor-dot:nth-child(3){animation-delay:.6s}.loading-content:before{content:"";z-index:-1;background:radial-gradient(circle,#ff6b6b0d,#0000 70%);border-radius:50%;width:300px;height:300px;animation:3s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}@media (width<=480px){.loading-logo h1{letter-spacing:4px;font-size:1.6rem}.logo-icon{font-size:2.8rem}.progress-number{font-size:.9rem}.progress-label{font-size:.75rem}.loading-content{padding:1.5rem}}.loading-screen::-webkit-scrollbar{width:4px}.loading-screen::-webkit-scrollbar-track{background:0 0}.loading-screen::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.custom-popup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.custom-popup-container{text-align:center;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b1a;border-radius:24px;width:100%;max-width:420px;padding:2.5rem 2rem 2rem;position:relative}.custom-popup-close{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .3s;display:flex;position:absolute;top:12px;right:16px}.custom-popup-close:hover{color:#ef4444;background:#ef444414}.custom-popup-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.custom-popup-icon-wrapper.success{background:#34d3991a;border:2px solid #34d3991a}.custom-popup-icon-wrapper.error{background:#ef44441a;border:2px solid #ef44441a}.custom-popup-icon-wrapper.warning{background:#f59e0b1a;border:2px solid #f59e0b1a}.custom-popup-icon-wrapper.info{background:#3b82f61a;border:2px solid #3b82f61a}.custom-popup-icon{font-size:2rem}.custom-popup-icon.success{color:#34d399}.custom-popup-icon.error{color:#ef4444}.custom-popup-icon.warning{color:#f59e0b}.custom-popup-icon.info{color:#3b82f6}.custom-popup-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.custom-popup-message{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.custom-popup-actions{gap:.8rem;display:flex}.custom-popup-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.custom-popup-btn.single{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);width:100%}.custom-popup-btn.single:hover{transform:translateY(-2px)}.custom-popup-btn.confirm{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.custom-popup-btn.confirm:hover{transform:translateY(-2px)}.custom-popup-btn.cancel{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0a}.custom-popup-btn.cancel:hover{background:#ffffff0d}.custom-popup-progress{background:#ffffff0d;border-radius:10px;height:4px;margin-top:1.2rem;overflow:hidden}.custom-popup-progress-bar{background:linear-gradient(90deg,#07f,#8a2fff);border-radius:10px;height:100%;animation:linear forwards progressAnim}@keyframes progressAnim{0%{width:0%}50%{width:70%}to{width:100%}}.exchange-popup-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:2rem;display:flex}.exchange-popup-icon.success{color:#34d399;background:#34d3991a;border:2px solid #34d3991a}.exchange-popup-icon.error{color:#ef4444;background:#ef44441a;border:2px solid #ef44441a}.exchange-popup-message{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.exchange-popup-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.exchange-progress-text{color:var(--text-muted);text-align:center;margin-top:.3rem;font-size:.75rem}.exchange-btn.loading{opacity:.7;cursor:not-allowed}@media (width<=480px){.custom-popup-container{border-radius:16px;margin:.5rem;padding:1.5rem}.custom-popup-icon-wrapper{width:52px;height:52px}.custom-popup-icon{font-size:1.5rem}.custom-popup-title{font-size:1rem}.custom-popup-message{font-size:.8rem}.custom-popup-actions{flex-direction:column}.custom-popup-btn{padding:.6rem 1rem;font-size:.8rem}.exchange-popup-container{border-radius:16px;margin:.5rem;padding:1.5rem}.exchange-popup-actions{flex-direction:column}.exchange-popup-icon{width:52px;height:52px;font-size:1.5rem}}.custom-popup-container::-webkit-scrollbar{width:4px}.custom-popup-container::-webkit-scrollbar-track{background:0 0}.custom-popup-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.method-options{flex-direction:column;gap:.5rem;display:flex}.method-option{cursor:pointer;background:#ffffff05;border:2px solid #ffffff0f;border-radius:10px;align-items:center;gap:.8rem;padding:.7rem 1rem;transition:all .3s;display:flex}.method-option:hover{background:#ffffff0a;border-color:#ffffff1a}.method-option.selected{background:#ff6b6b0d;border-color:#07f}.method-option-img{object-fit:contain;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;width:40px;height:40px;padding:4px}.method-option.selected .method-option-img{border-color:#07f;box-shadow:0 0 20px #191de5}.method-option-name{color:#fff;flex:1;font-size:.95rem;font-weight:500}.method-option-badge{color:#34d399;background:#34d3991f;border-radius:50px;padding:.1rem .6rem;font-size:.6rem;font-weight:600}.personal-number-input{align-items:center;gap:.5rem;display:flex}.personal-number-input input{color:#fff;letter-spacing:1px;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex:1;padding:.7rem 1rem;font-family:Courier New,monospace;font-size:.95rem}.personal-number-input input:focus{background:#ff6b6b08;border-color:#ff6b6b33;outline:none}.copy-btn{color:#ffffff80;cursor:pointer;white-space:nowrap;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.3rem;padding:.7rem 1.2rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.payment-note{color:#ffffff4d;margin-top:.2rem;font-size:.75rem}.balance-actions-header{align-items:center;gap:.5rem;display:flex}.refresh-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1rem;transition:all .3s;display:flex}.refresh-btn:hover{color:#07f;background:#ff6b6b1a;border-color:#07f}.refresh-btn .spinning{animation:1s linear infinite spin}@media (width<=480px){.method-option-img{width:32px;height:32px}.personal-number-input{flex-direction:column}.copy-btn{justify-content:center;width:100%}.method-option{padding:.5rem .8rem}}.wallet-page{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#003278e6 100%);min-height:70vh;padding:2rem 4rem}.wallet-container{max-width:1100px;margin:0 auto}.wallet-header{margin-bottom:2rem}.wallet-balance-card{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:24px;padding:2.5rem;transition:all .5s}.wallet-balance-card:hover{border-color:#ff6b6b4d}.balance-header{justify-content:space-between;align-items:center;display:flex}.balance-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-size:.95rem;font-weight:500}.toggle-balance{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1.2rem;transition:all .3s;display:flex}.toggle-balance:hover{color:#07f;background:#ff6b6b1a;border-color:#07f}.balance-amount{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.5rem 0;font-size:3.5rem;font-weight:800}.balance-currency{color:var(--text-secondary);font-size:1.2rem;font-weight:400}.balance-details{color:var(--text-secondary);gap:2rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.balance-details span{align-items:center;gap:.5rem;display:flex}.balance-details span:before{content:"";background:#34d399;border-radius:50%;width:6px;height:6px;display:inline-block}.balance-actions{flex-wrap:wrap;gap:1rem;display:flex}.add-funds-btn,.withdraw-btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.add-funds-btn{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);box-shadow:0 4px 20px #ee5a2440}.add-funds-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #191de5}.add-funds-btn:active{transform:scale(.95)}.withdraw-btn{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14}.withdraw-btn:hover{color:#07f;background:#ffffff1a;border-color:#07f;transform:translateY(-3px)}.withdraw-btn:active{transform:scale(.95)}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.section-header h3{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.add-method-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.add-method-btn:hover{color:#07f;background:#ff6b6b0d;border-color:#07f}.add-method-btn:active{transform:scale(.95)}.payment-methods-section{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0d;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.payment-method-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:.8rem;padding:.8rem 1rem;transition:all .3s;display:flex}.payment-method-card:hover{background:#ffffff0d;transform:translate(5px)}.payment-method-card.default{background:#34d39908;border-color:#34d39933}.method-icon{width:36px;height:36px;color:var(--text-secondary);background:#ffffff08;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.method-info{flex:1}.method-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.method-expiry{color:var(--text-muted);font-size:.7rem}.method-actions{align-items:center;gap:.3rem;display:flex}.default-badge{color:#34d399;background:#34d39926;border-radius:50px;padding:.1rem .5rem;font-size:.55rem;font-weight:600}.set-default-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.65rem;transition:all .3s}.set-default-btn:hover{color:#07f}.delete-method-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.8rem;transition:all .3s}.delete-method-btn:hover{color:#8a2fff}.transactions-section{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem}.transaction-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff0a;border-radius:50px;padding:.3rem 1.2rem;font-size:.75rem;transition:all .3s}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:#07f;background:#ff6b6b1f;border-color:#07f}.transaction-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.transaction-item{background:#ffffff05;border-radius:12px;align-items:center;gap:1rem;padding:.8rem 1rem;transition:all .3s;display:flex}.transaction-item:hover{background:#ffffff0a;transform:translate(5px)}.tx-icon-wrapper{background:#ffffff08;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.tx-info{flex:1}.tx-title{color:var(--text-primary);font-size:.9rem;font-weight:500}.tx-date{color:var(--text-muted);font-size:.7rem}.tx-status{align-items:center;display:flex}.status-badge.cancelled,.status-badge.failed{color:#ef4444;background:#ef44441f}.tx-amount{font-size:.95rem;font-weight:700}.tx-amount .positive{color:#34d399}.tx-amount .negative{color:#ef4444}.no-transactions{text-align:center;color:var(--text-secondary);padding:3rem 2rem}.no-transactions span{opacity:.3;margin-bottom:.5rem;font-size:4rem;display:block}.no-transactions p{opacity:.5;font-size:.95rem}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-header h3{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex}.modal-close:hover{color:#07f;background:#ff6b6b1a;border-color:#07f}.modal-body .form-group{flex-direction:column;gap:.5rem;display:flex}.modal-body .form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.modal-body .form-group input{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:.8rem 1rem;font-size:1rem;transition:all .3s}.modal-body .form-group input:focus{background:#ff6b6b08;border-color:#8a2fff}.confirm-payment-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:12px;margin-top:.5rem;padding:.9rem;font-size:1rem;font-weight:600;transition:all .3s}.confirm-payment-btn:hover:not(:disabled){transform:translateY(-2px)}.confirm-payment-btn:disabled{opacity:.4;cursor:not-allowed}.turbo-coins-display{background:#ff6b6b08;border:1px solid #ff6b6b0f;border-radius:10px;align-items:center;gap:.5rem;max-width:250px;margin:.3rem 0 .8rem;padding:.5rem 1rem;display:flex}.tc-icon{font-size:1.2rem}.tc-amount{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:700}.tc-label{color:var(--text-secondary);font-size:.7rem;font-weight:500}.exchange-link{color:#07f;background:#ff6b6b0d;border:1px solid #ff6b6b1a;border-radius:50px;align-items:center;gap:.5rem;padding:.7rem 1.8rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.exchange-link:hover{background:#ff6b6b1a;border-color:#8a2fff;transform:translateY(-2px)}@media (width<=992px){.wallet-page{padding:1.5rem 3rem}.balance-amount{font-size:2.8rem}}@media (width<=768px){.wallet-page,.wallet-balance-card{padding:1.5rem}.balance-amount{font-size:2.2rem}.balance-actions{flex-direction:column;align-items:stretch}.add-funds-btn,.withdraw-btn{justify-content:center}.payment-methods-grid{grid-template-columns:1fr}.transaction-item{flex-wrap:wrap;gap:.5rem}.tx-status{order:3}.tx-amount{text-align:right;order:4;width:100%}.transaction-tabs{justify-content:center}.section-header{flex-direction:column;align-items:flex-start}.balance-details{flex-wrap:wrap;gap:.5rem 1.5rem}.exchange-link{justify-content:center}.turbo-coins-display{max-width:100%}}@media (width<=480px){.wallet-page{padding:1rem}.wallet-balance-card{border-radius:16px;padding:1.2rem}.balance-amount{font-size:1.8rem}.balance-details{flex-direction:column;gap:.3rem}.payment-methods-grid{grid-template-columns:1fr}.payment-method-card{padding:.6rem .8rem}.method-name{font-size:.8rem}.method-actions{gap:.2rem}.modal-content{border-radius:16px;padding:1.5rem}.transaction-tabs{gap:.3rem}.tab-btn{padding:.2rem .8rem;font-size:.65rem}.transaction-item{padding:.6rem .8rem}.no-transactions span{font-size:2.5rem}.section-header h3{font-size:1rem}}.wallet-container::-webkit-scrollbar{width:4px}.wallet-container::-webkit-scrollbar-track{background:0 0}.wallet-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.processing-container{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;margin:1rem 0;padding:1rem}.processing-bar{background:#ffffff0d;border-radius:10px;width:100%;height:8px;position:relative;overflow:hidden}.processing-progress{background:linear-gradient(90deg,#07f,#8a2fff);border-radius:10px;justify-content:center;align-items:center;height:100%;transition:width .3s;display:flex;position:relative;box-shadow:0 0 20px #ff6b6b26}.processing-spinner{color:#fff;filter:drop-shadow(0 0 10px #fff3);font-size:.8rem;animation:1s linear infinite spin;position:absolute;right:-12px}.processing-text{color:#ffffff80;text-align:center;margin-top:.5rem;font-size:.8rem}.confirm-payment-btn.loading{opacity:.7;cursor:not-allowed}.confirm-payment-btn .spinner{margin-right:.5rem;animation:1s linear infinite spin}.modal-header h3{align-items:center;gap:8px;display:inline-flex}.modal-header h3 svg{color:#07f;flex-shrink:0;display:block}.tx-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.tx-icon{color:#07f;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tx-icon svg{display:block}.no-transactions-icon{color:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.8rem;display:inline-flex}.no-transactions-icon svg{display:block}@media (width<=768px){.section-header h3 svg,.modal-header h3 svg,.tx-icon svg{width:16px!important;height:16px!important}.no-transactions-icon svg{width:44px!important;height:44px!important}}@media (width<=480px){.section-header h3 svg,.modal-header h3 svg,.tx-icon svg{width:14px!important;height:14px!important}.no-transactions-icon svg{width:36px!important;height:36px!important}}.payment-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:99999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.payment-modal{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:20px;width:100%;max-width:450px;max-height:90vh;margin:auto;padding:2rem;animation:.3s modalSlideIn;position:relative;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.payment-modal::-webkit-scrollbar{width:4px}.payment-modal::-webkit-scrollbar-track{background:0 0}.payment-modal::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.payment-modal .modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;display:flex}.payment-modal .modal-header h3{color:#fff;background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:700;display:flex}.payment-modal .modal-close{color:#ffffff4d;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .3s;display:flex}.payment-modal .modal-close:hover{color:#07f;background:#ff6b6b1a}.payment-modal .modal-body{flex-direction:column;gap:1rem;display:flex}.payment-modal .modal-body .form-group{flex-direction:column;gap:.3rem;display:flex}.payment-modal .modal-body .form-group label{color:#ffffff80;font-size:.8rem;font-weight:500}.payment-modal .modal-body .form-group input{color:#fff;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:.6rem .8rem;font-size:.9rem;transition:all .3s}.payment-modal .modal-body .form-group input:focus{background:#ff6b6b0d;border-color:#ff6b6b4d;outline:none}.payment-modal .modal-body .form-group input::placeholder{color:#fff3}.payment-type-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.payment-type-btn{color:#fff6;cursor:pointer;background:#ffffff05;border:2px solid #ffffff0f;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:.8rem;transition:all .3s;display:flex}.payment-type-btn:hover{background:#ffffff0d;transform:translateY(-2px)}.payment-type-btn.active{color:#8a2fff;background:#ff6b6b14;border-color:#07f}.type-icon{font-size:1rem}.type-label{font-size:.8rem;font-weight:500}.checkbox-group{margin:.2rem 0;padding:.2rem 0}.checkbox-label{color:#fff9;cursor:pointer;align-items:center;gap:.6rem;padding:.1rem 0;font-size:.85rem;transition:all .3s;display:flex}.checkbox-label:hover{color:#fff}.checkbox-label input[type=checkbox]{accent-color:#07f;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin:0}.modal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.modal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ee5a244d}.modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-submit-btn .loader{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.error-message{color:#ef4444;text-align:center;background:#ef444414;border:1px solid #ef44441f;border-radius:8px;padding:.5rem .8rem;font-size:.8rem}@media (width<=1024px){.payment-modal{max-width:420px;padding:1.8rem}.payment-modal .modal-header h3{font-size:1.1rem}}@media (width<=767px){.payment-modal-overlay{padding:.8rem}.payment-modal{border-radius:16px;max-width:100%;padding:1.5rem}.payment-modal .modal-header h3{font-size:1rem}.form-row{grid-template-columns:1fr;gap:.6rem}.payment-type-grid{grid-template-columns:1fr 1fr}.payment-modal .modal-body .form-group input{padding:.5rem .7rem;font-size:.85rem}}@media (width<=480px){.payment-modal-overlay{align-items:center;padding:.5rem}.payment-modal{border-radius:14px;max-width:100%;max-height:85vh;margin:auto;padding:1rem}.payment-modal .modal-header{margin-bottom:.8rem;padding-bottom:.5rem}.payment-modal .modal-header h3{gap:.3rem;font-size:.85rem}.payment-modal .modal-close{width:28px;height:28px;font-size:.8rem}.payment-modal .modal-body{gap:.6rem}.payment-modal .modal-body .form-group{gap:.15rem}.payment-modal .modal-body .form-group label{font-size:.65rem}.payment-modal .modal-body .form-group input{border-radius:8px;padding:.4rem .6rem;font-size:.75rem}.payment-type-grid{grid-template-columns:1fr 1fr;gap:.3rem}.payment-type-btn{border-radius:8px;padding:.35rem .5rem;font-size:.65rem}.type-icon{font-size:.8rem}.type-label{font-size:.65rem}.form-row{grid-template-columns:1fr;gap:.4rem}.checkbox-label{gap:.4rem;font-size:.7rem}.checkbox-label input[type=checkbox]{width:16px;height:16px}.modal-submit-btn{border-radius:8px;padding:.5rem;font-size:.8rem}.modal-submit-btn .loader{width:14px;height:14px}.error-message{padding:.3rem .5rem;font-size:.65rem}}@media (width<=319px){.payment-modal-overlay{align-items:center;padding:.3rem}.payment-modal{border-radius:10px;max-height:80vh;margin:auto;padding:.6rem}.payment-modal .modal-header h3{font-size:.7rem}.payment-modal .modal-close{width:24px;height:24px;font-size:.7rem}.payment-modal .modal-body{gap:.4rem}.payment-modal .modal-body .form-group label{font-size:.55rem}.payment-modal .modal-body .form-group input{border-radius:6px;padding:.3rem .4rem;font-size:.65rem}.payment-type-grid{grid-template-columns:1fr;gap:.2rem}.payment-type-btn{padding:.25rem .4rem;font-size:.55rem}.type-icon{font-size:.6rem}.type-label{font-size:.55rem}.form-row{grid-template-columns:1fr;gap:.3rem}.checkbox-label{font-size:.6rem}.checkbox-label input[type=checkbox]{width:14px;height:14px}.modal-submit-btn{padding:.4rem;font-size:.7rem}.error-message{padding:.2rem .3rem;font-size:.55rem}}.orders-page{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);min-height:70vh;padding:2rem 4rem}.orders-container{max-width:1100px;margin:0 auto}.orders-header{text-align:center;margin-bottom:2.5rem}.orders-header h1{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.orders-header p{color:var(--text-secondary);font-size:1rem}.orders-tabs{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;display:flex}.orders-tabs .tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .3s}.orders-tabs .tab-btn:hover{color:var(--text-secondary);background:#ffffff08}.orders-tabs .tab-btn.active{color:#8a2fff;background:#ff6b6b14;border-color:#8a2fff}.orders-search{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:.6rem 1.2rem;transition:all .3s;display:flex}.orders-search:focus-within{background:#ff6b6b08;border-color:#8a2fff}.orders-search .search-icon{color:var(--text-muted);font-size:1.1rem}.orders-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.3rem 0;font-size:.95rem}.orders-search input::placeholder{color:var(--text-muted)}.no-orders h3{color:#fff;font-size:1.3rem;font-weight:600}.shop-now-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;padding:.6rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s}.shop-now-btn:hover{transform:translateY(-2px)}.order-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:1.2rem 1.5rem;transition:all .3s}.order-card:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-2px)}.id-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.order-type-badge{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f614;border-radius:50px;padding:.15rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.order-type-badge.premium{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b14}.order-status-badge{text-transform:uppercase;border-radius:50px;align-items:center;gap:.3rem;padding:.15rem .8rem;font-size:.7rem;font-weight:600;display:inline-flex}.order-status-badge.pending{color:#f59e0b;background:#f59e0b1f}.order-status-badge.processing{color:#3b82f6;background:#3b82f61f}.order-status-badge.completed{color:#34d399;background:#34d3991f}.order-status-badge.cancelled{color:#ef4444;background:#ef44441f}.order-product-info{flex:1;align-items:center;gap:1rem;display:flex}.product-icon{font-size:2rem}.product-details h4{color:#fff;margin:0;font-size:1rem;font-weight:600}.product-details p{color:var(--text-secondary);margin:.1rem 0;font-size:.85rem}.order-delivery{color:var(--text-muted);font-size:.75rem}.order-amount{text-align:right}.amount-label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.amount-value{color:#34d399;font-size:1.2rem;font-weight:700}.order-date span,.order-payment span{color:var(--text-muted);font-size:.8rem}.order-transaction span{color:var(--text-muted);font-family:monospace;font-size:.75rem}.view-order-btn{color:#07f;cursor:pointer;background:0 0;border:1px solid #ff6b6b33;border-radius:8px;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600;transition:all .3s}@media (width<=992px){.orders-page{padding:1.5rem 2rem}.orders-header h1{font-size:2rem}.order-body{flex-direction:column;align-items:flex-start}.order-meta{justify-content:space-between;width:100%}}@media (width<=768px){.orders-page{padding:1rem}.orders-header h1{font-size:1.8rem}.orders-tabs{gap:.3rem;padding:.3rem}.orders-tabs .tab-btn{padding:.3rem .8rem;font-size:.75rem}.order-card{padding:.8rem 1rem}.order-header{gap:.5rem}.order-product-info{width:100%}.product-icon{font-size:1.5rem}.product-details h4{font-size:.9rem}.order-meta{gap:.8rem}.amount-value{font-size:1rem}.order-footer{flex-direction:column;align-items:stretch}.view-order-btn{text-align:center;width:100%;padding:.5rem}}@media (width<=480px){.orders-page{padding:.6rem}.orders-header h1{font-size:1.4rem}.orders-tabs{gap:.2rem}.orders-tabs .tab-btn{padding:.2rem .5rem;font-size:.65rem}.order-card{padding:.6rem .8rem}.order-id .id-value{font-size:.7rem}.order-status-badge{padding:.1rem .5rem;font-size:.6rem}.product-details h4{font-size:.8rem}.product-details p{font-size:.7rem}.amount-value{font-size:.9rem}.order-date span,.order-payment span{font-size:.7rem}.order-transaction span{font-size:.65rem}}.orders-header h1{align-items:center;gap:10px;display:inline-flex}.orders-header h1 svg{color:#07f;flex-shrink:0;display:block}.tab-btn{align-items:center;gap:6px;display:inline-flex}.tab-btn svg{flex-shrink:0;display:block}.order-type-badge{align-items:center;gap:4px;display:inline-flex}.order-type-badge svg{flex-shrink:0}.product-icon{color:#07f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.product-icon svg{display:block}.order-delivery,.order-date span,.order-payment span,.order-transaction span{align-items:center;gap:5px;display:inline-flex}.order-delivery svg,.order-date svg,.order-payment svg,.order-transaction svg{color:#fff6;flex-shrink:0}@media (width<=768px){.orders-header h1 svg{width:20px!important;height:20px!important}.tab-btn svg{width:12px!important;height:12px!important}.no-orders-icon svg{width:44px!important;height:44px!important}}@media (width<=480px){.orders-header h1{gap:8px}.orders-header h1 svg{width:18px!important;height:18px!important}.tab-btn svg{width:11px!important;height:11px!important}.product-icon svg{width:18px!important;height:18px!important}.no-orders-icon svg{width:36px!important;height:36px!important}}.orders-container::-webkit-scrollbar{width:4px}.orders-container::-webkit-scrollbar-track{background:0 0}.orders-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40;--hero-padding:clamp(1.5rem, 3vw, 3rem);--hero-min-height:clamp(200px, 40vh, 350px);--hero-font-size:clamp(1.6rem, 3.5vw, 3rem);--hero-icon-size:clamp(2.5rem, 4vw, 4rem);--section-gap:clamp(1.5rem, 3vh, 3rem);--card-padding:clamp(1rem, 2vw, 2rem);--grid-gap:clamp(.8rem, 1.5vw, 1.5rem);--font-base:clamp(.8rem, 1vw, 1rem);--font-small:clamp(.7rem, .85vw, .85rem);--radius:clamp(12px, 1.5vw, 24px)}.about-page{background:linear-gradient(120deg,#000 0%,#0a0028fa 30%,#4b0082e6 60%,#0032ffd9 100%);min-height:70vh;padding:2rem 4rem}.about-container{max-width:1100px;margin:0 auto}.about-hero{margin-bottom:3rem}.about-hero-card{padding:var(--hero-padding);border-radius:var(--radius);text-align:center;min-height:var(--hero-min-height);border:1px solid #ff6b6b26;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.about-hero-card:hover{border-color:#ff6b6b4d;transform:translateY(-3px);box-shadow:0 20px 60px #ff6b6b26}.hero-content{z-index:2;position:relative}.about-hero-icon{font-size:var(--hero-icon-size);margin-bottom:.5rem;display:block}.about-hero-card h1{font-size:var(--hero-font-size);background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 30px #00000080;-webkit-background-clip:text;margin:.5rem 0;font-weight:800}.about-hero-card .highlight{color:#8a2fff;-webkit-text-fill-color:#07f}.about-hero-card p{color:#ffffffd9;font-size:var(--font-base);text-shadow:0 2px 20px #00000080;max-width:600px;margin:0 auto}.about-section{margin-bottom:var(--section-gap)}.mission-grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.mission-card{padding:var(--card-padding);border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f;transition:all .3s}.mission-card:hover{border-color:#ff6b6b26;transform:translateY(-4px)}.mission-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.mission-card h4{color:#fff;font-size:var(--font-base);margin-bottom:.3rem;font-weight:600}.mission-card p{color:var(--text-secondary);font-size:var(--font-small);line-height:1.5}.story-card{padding:var(--card-padding);border-radius:var(--radius);background:linear-gradient(120deg,#000 0%,#0a0028fa 30%,#4b0082e6 60%,#000affd9 100%);border:1px solid #ffffff0f}.story-card p{color:var(--text-secondary);font-size:var(--font-base);margin-bottom:1rem;line-height:1.8}.story-card p strong{color:#07f}.story-stats{border-top:1px solid #ffffff0d;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.stat-box{text-align:center}.stat-number{color:#07f;font-size:1.8rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:var(--font-small)}.team-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=767px){.team-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.team-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=319px){.team-grid{gap:.4rem;grid-template-columns:1fr!important}}.team-card{padding:var(--card-padding);border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f;transition:all .3s}.team-card:hover{border-color:#ff6b6b26;transform:translateY(-4px)}.team-avatar{margin-bottom:.5rem;font-size:3.5rem;display:block}.team-card h4{color:#fff;font-size:var(--font-base);margin:0;font-weight:600}.team-card p{color:var(--text-secondary);font-size:var(--font-small);margin:.2rem 0}.team-badge{color:#07f;background:#ff6b6b1a;border:1px solid #ff6b6b0d;border-radius:50px;margin-top:.5rem;padding:.1rem .6rem;font-size:.65rem;font-weight:600;display:inline-block}.features-grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=767px){.features-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.features-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=319px){.features-grid{gap:.4rem;grid-template-columns:1fr!important}}.feature-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;transition:all .3s;display:flex}.feature-card:hover{background:#ffffff0a;transform:translate(5px)}.feature-icon{width:36px;min-width:36px;height:36px;color:var(--text-secondary);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.feature-info{flex:1}.feature-title{color:var(--text-primary);font-size:var(--font-small);font-weight:500;display:block}.feature-desc{color:var(--text-muted);font-size:.7rem;line-height:1.4;display:block}.about-cta{margin-top:2rem}.cta-card{border-radius:var(--radius);text-align:center;background:linear-gradient(120deg,#000 0%,#0a0028fa 30%,#4b0082e6 60%,#000affd9 100%);border:1px solid #ff6b6b26;padding:2.5rem}.cta-card h2{color:#fff;margin:0 0 .5rem;font-size:2rem;font-weight:700}.cta-card p{color:var(--text-secondary);font-size:var(--font-base);max-width:500px;margin:0 auto 1.5rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-btn{font-size:var(--font-base);border-radius:50px;align-items:center;gap:.5rem;padding:.7rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-btn.primary{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.cta-btn.primary:hover{transform:translateY(-3px)}.cta-btn.secondary{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14}.cta-btn.secondary:hover{color:#07f;background:#ffffff14;border-color:#07f}.about-container::-webkit-scrollbar{width:4px}.about-container::-webkit-scrollbar-track{background:0 0}.about-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}@media (width>=1281px){:root{--hero-padding:4rem;--hero-min-height:400px;--hero-font-size:3.5rem;--hero-icon-size:5rem;--section-gap:4rem;--card-padding:2.5rem;--grid-gap:2rem;--font-base:1.1rem;--font-small:.9rem;--radius:28px}.about-page{padding:3rem 8rem}.cta-card{padding:3.5rem}.cta-card h2{font-size:2.5rem}.team-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1025px) and (width<=1280px){:root{--hero-padding:3rem;--hero-min-height:350px;--hero-font-size:2.8rem;--section-gap:3rem;--card-padding:2rem;--grid-gap:1.5rem}.about-page{padding:2rem 4rem}.team-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=768px) and (width<=1024px){:root{--hero-padding:2rem;--hero-min-height:280px;--hero-font-size:2.2rem;--hero-icon-size:3.5rem;--section-gap:2.5rem;--card-padding:1.5rem;--grid-gap:1.2rem;--font-base:.95rem;--font-small:.8rem;--radius:18px}.about-page{padding:1.5rem 2.5rem}.mission-grid{grid-template-columns:repeat(2,1fr)}.team-grid,.features-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.story-stats{grid-template-columns:repeat(2,1fr)}.cta-card{padding:2rem}.cta-card h2{font-size:1.8rem}.cta-actions{flex-direction:column;align-items:center}.cta-btn{justify-content:center;width:100%}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--hero-min-height:300px;--hero-font-size:2.4rem;--section-gap:2.5rem;--grid-gap:1.2rem}.about-page{padding:1.5rem 3rem}.mission-grid{grid-template-columns:repeat(2,1fr)}.team-grid,.features-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}}@media (width>=481px) and (width<=767px){:root{--hero-padding:1.5rem;--hero-min-height:220px;--hero-font-size:1.8rem;--hero-icon-size:3rem;--section-gap:2rem;--card-padding:1.2rem;--grid-gap:1rem;--font-base:.9rem;--font-small:.75rem;--radius:14px}.about-page{padding:1rem 1.5rem}.mission-grid,.team-grid,.features-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}.story-stats{grid-template-columns:1fr 1fr}.cta-card{padding:1.5rem}.cta-card h2{font-size:1.5rem}.cta-actions{flex-direction:column;align-items:center}.cta-btn{justify-content:center;width:100%;padding:.6rem 1.5rem;font-size:.85rem}.about-hero-card p{font-size:.85rem}}@media (width>=320px) and (width<=480px){:root{--hero-padding:1.2rem;--hero-min-height:180px;--hero-font-size:1.4rem;--hero-icon-size:2.5rem;--section-gap:1.5rem;--card-padding:1rem;--grid-gap:.8rem;--font-base:.85rem;--font-small:.7rem;--radius:12px}.about-page{padding:.8rem}.about-hero-card{border-radius:14px;min-height:160px}.about-hero-card h1{font-size:1.4rem}.about-hero-card p{font-size:.8rem}.about-hero-icon{font-size:2.2rem}.mission-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}.team-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}.team-card{padding:.8rem}.team-avatar{font-size:2.8rem}.team-card h4{font-size:.85rem}.team-card p{font-size:.65rem}.team-badge{padding:.05rem .4rem;font-size:.5rem}.features-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}.feature-card{gap:.5rem;padding:.6rem .8rem}.feature-icon{width:28px;min-width:28px;height:28px;font-size:.9rem}.feature-title{font-size:.65rem}.feature-desc{font-size:.55rem}.story-stats{grid-template-columns:1fr 1fr;gap:.6rem}.stat-number{font-size:1.4rem}.stat-label{font-size:.65rem}.cta-card{padding:1.2rem}.cta-card h2{font-size:1.3rem}.cta-card p{font-size:.85rem}.cta-actions{flex-direction:column;align-items:center}.cta-btn{justify-content:center;width:100%;padding:.5rem 1.2rem;font-size:.8rem}.section-header h3{font-size:1rem}.section-header h3:after{margin-left:.5rem}}@media (width<=319px){:root{--hero-padding:.8rem;--hero-min-height:140px;--hero-font-size:1.1rem;--hero-icon-size:2rem;--section-gap:1rem;--card-padding:.8rem;--grid-gap:.6rem;--font-base:.75rem;--font-small:.6rem;--radius:10px}.about-page{padding:.5rem}.about-hero-card{border-radius:10px;min-height:120px}.about-hero-card h1{font-size:1.1rem}.about-hero-card p{font-size:.7rem}.about-hero-icon{font-size:1.8rem}.mission-grid{grid-template-columns:1fr;gap:.6rem}.team-grid,.features-grid{gap:.5rem;grid-template-columns:1fr!important}.story-stats{grid-template-columns:1fr;gap:.5rem}.stat-number{font-size:1.2rem}.cta-card{padding:1rem}.cta-card h2{font-size:1rem}.cta-card p{font-size:.75rem}.cta-btn{justify-content:center;width:100%;padding:.4rem 1rem;font-size:.7rem}.section-header h3{font-size:.85rem}.team-avatar{font-size:2.2rem}}.section-header h3 svg{color:#07f;vertical-align:middle;flex-shrink:0}.mission-icon{color:#07f;justify-content:center;align-items:center;margin-bottom:12px;transition:color .3s,transform .3s;display:flex}.mission-card:hover .mission-icon{color:#8a2fff;transform:scale(1.1)}.mission-icon svg{flex-shrink:0;display:block}.team-avatar{color:#07f;justify-content:center;align-items:center;margin-bottom:12px;transition:color .3s,transform .3s;display:flex}.team-card:hover .team-avatar{color:#8a2fff;transform:scale(1.08)}.team-avatar svg{flex-shrink:0;display:block}.feature-icon{color:var(--text-secondary);justify-content:center;align-items:center;transition:color .3s;display:flex}.feature-icon svg{flex-shrink:0;display:block}.feature-card:hover .feature-icon{color:#8a2fff}@media (width>=1281px){.mission-icon svg{width:38px!important;height:38px!important}.team-avatar svg{width:48px!important;height:48px!important}.feature-icon svg,.section-header h3 svg{width:22px!important;height:22px!important}}@media (width>=1025px) and (width<=1280px){.mission-icon svg{width:34px!important;height:34px!important}.team-avatar svg{width:44px!important;height:44px!important}}@media (width>=768px) and (width<=1024px){.mission-icon svg{width:30px!important;height:30px!important}.team-avatar svg{width:40px!important;height:40px!important}.feature-icon svg{width:18px!important;height:18px!important}}@media (width>=481px) and (width<=767px){.mission-icon svg{width:28px!important;height:28px!important}.team-avatar svg{width:36px!important;height:36px!important}.feature-icon svg{width:18px!important;height:18px!important}.section-header h3 svg{width:16px!important;height:16px!important}}@media (width>=320px) and (width<=480px){.mission-icon svg{width:24px!important;height:24px!important}.team-avatar svg{width:32px!important;height:32px!important}.feature-icon svg{width:16px!important;height:16px!important}.section-header h3 svg{width:14px!important;height:14px!important}}@media (width<=319px){.mission-icon svg{width:22px!important;height:22px!important}.team-avatar svg{width:28px!important;height:28px!important}.feature-icon svg{width:14px!important;height:14px!important}.section-header h3 svg{width:12px!important;height:12px!important}}.accessories-page{background:linear-gradient(120deg,#000 0%,#0a0028fa 30%,#4b0082e6 60%,#000affd9 100%);min-height:70vh;padding:2rem 4rem}.accessories-container{max-width:1100px;margin:0 auto}.coming-soon-hero{margin-bottom:3rem}.coming-soon-hero-card{text-align:center;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:24px;padding:3rem 2.5rem;transition:all .3s}.coming-soon-hero-card:hover{border-color:#ff6b6b4d}.coming-soon-hero-icon{margin-bottom:.5rem;font-size:4.5rem;display:block}.coming-soon-hero-card h1{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .3rem;font-size:2.8rem;font-weight:800}.coming-soon-subtitle{margin-bottom:.5rem;font-size:1.2rem}.coming-soon-subtitle .highlight{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.coming-soon-desc{color:var(--text-secondary);max-width:550px;margin:0 auto 1.5rem;font-size:1rem;line-height:1.7}.coming-soon-badge{color:#07f;background:#f59e0b1f;border:1px solid #f59e0b26;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.coming-soon-badge span{font-size:1rem}.back-home-btn{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);border-radius:50px;padding:.7rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.back-home-btn:hover{transform:translateY(-3px)}.coming-soon-features-section{margin-bottom:3rem}.section-header{align-items:center;margin-bottom:1.5rem;display:flex}.section-header h3{color:var(--text-primary);font-size:1.3rem;font-weight:700}.section-header h3:after{content:"";background:linear-gradient(90deg,#ff6b6b4d,#0000);flex:1;min-width:30px;height:1px;margin-left:1rem}.coming-soon-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.cs-card{text-align:center;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem;transition:all .3s}.cs-card:hover{border-color:#ff6b6b26;transform:translateY(-4px)}.cs-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.cs-card h4{color:#fff;margin:0 0 .3rem;font-size:1rem;font-weight:600}.cs-card p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.notify-section{margin-bottom:2rem}.notify-card{text-align:center;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f;border-radius:16px;padding:2rem}.notify-card h3{color:#fff;margin:0 0 .3rem;font-size:1.2rem;font-weight:600}.notify-card p{color:var(--text-secondary);margin:0 0 1rem;font-size:.95rem}.notify-input-group{gap:.8rem;max-width:450px;margin:0 auto;display:flex}.notify-input{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;outline:none;flex:1;padding:.7rem 1rem;font-size:.9rem}.notify-input::placeholder{color:var(--text-muted)}.notify-btn{color:#fff;cursor:not-allowed;opacity:.5;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:10px;padding:.7rem 1.5rem;font-weight:600}.notify-hint{color:var(--text-muted);margin-top:.5rem;font-size:.75rem;display:block}.accessories-cta{text-align:center;margin-top:.5rem}.cta-btn{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);border-radius:50px;padding:.7rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.cta-btn:hover{transform:translateY(-3px)}@media (width>=1281px){.accessories-page{padding:3rem 6rem}.accessories-container{max-width:1200px}.coming-soon-hero-card{padding:4rem 3rem}.coming-soon-hero-card h1{font-size:3.5rem}.coming-soon-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.cs-card{padding:2rem}.cs-icon{font-size:3rem}}@media (width>=1025px) and (width<=1280px){.accessories-page{padding:2rem 4rem}.coming-soon-hero-card h1{font-size:2.5rem}.coming-soon-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (width>=768px) and (width<=1024px){.accessories-page{padding:1.5rem 2.5rem}.coming-soon-hero-card{padding:2.5rem 2rem}.coming-soon-hero-card h1{font-size:2.2rem}.coming-soon-hero-icon{font-size:3.5rem}.coming-soon-desc{font-size:.95rem}.coming-soon-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.cs-card{padding:1.2rem}.cs-icon{font-size:2rem}.cs-card h4{font-size:.95rem}.cs-card p{font-size:.8rem}.notify-card{padding:1.5rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){.accessories-page{padding:1.5rem 3rem}.coming-soon-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}}@media (width>=481px) and (width<=767px){.accessories-page{padding:1.2rem 1.5rem}.coming-soon-hero-card{border-radius:16px;padding:2rem 1.5rem}.coming-soon-hero-card h1{font-size:1.8rem}.coming-soon-hero-icon{font-size:3rem}.coming-soon-desc{font-size:.9rem}.coming-soon-subtitle{font-size:1rem}.coming-soon-badge{padding:.3rem 1rem;font-size:.75rem}.coming-soon-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.cs-card{border-radius:12px;padding:1rem}.cs-icon{font-size:1.8rem}.cs-card h4{font-size:.85rem}.cs-card p{font-size:.75rem}.back-home-btn{padding:.6rem 1.5rem;font-size:.85rem}.notify-card{padding:1.2rem}.notify-card h3{font-size:1rem}.notify-card p{font-size:.85rem}.notify-input-group{flex-direction:row;max-width:100%}.notify-input{padding:.5rem .8rem;font-size:.8rem}.notify-btn{padding:.5rem 1rem;font-size:.8rem}}@media (width>=320px) and (width<=480px){.accessories-page{padding:.8rem}.coming-soon-hero{margin-bottom:1.5rem}.coming-soon-hero-card{border-radius:14px;padding:1.5rem 1rem}.coming-soon-hero-card h1{font-size:1.5rem}.coming-soon-hero-icon{margin-bottom:.3rem;font-size:2.8rem}.coming-soon-subtitle{font-size:.9rem}.coming-soon-desc{margin-bottom:1rem;font-size:.8rem;line-height:1.5}.coming-soon-badge{margin-bottom:1rem;padding:.25rem .8rem;font-size:.7rem}.coming-soon-badge span{font-size:.8rem}.coming-soon-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}.cs-card{border-radius:10px;padding:.8rem}.cs-icon{margin-bottom:.3rem;font-size:1.5rem}.cs-card h4{margin-bottom:.2rem;font-size:.75rem}.cs-card p{font-size:.65rem;line-height:1.3}.back-home-btn{padding:.5rem 1.2rem;font-size:.8rem}.coming-soon-features-section{margin-bottom:1.5rem}.section-header{margin-bottom:1rem}.section-header h3{font-size:1rem}.section-header h3:after{margin-left:.5rem}.notify-section{margin-bottom:1.5rem}.notify-card{border-radius:12px;padding:1rem}.notify-card h3{font-size:.9rem}.notify-card p{margin-bottom:.8rem;font-size:.8rem}.notify-input-group{flex-direction:column;gap:.5rem;max-width:100%}.notify-input{border-radius:8px;padding:.5rem .8rem;font-size:.8rem}.notify-btn{border-radius:8px;width:100%;padding:.5rem 1rem;font-size:.8rem}.notify-hint{margin-top:.3rem;font-size:.65rem}.accessories-cta{margin-top:.5rem}.cta-btn{padding:.5rem 1.2rem;font-size:.8rem}}@media (width<=319px){.accessories-page{padding:.5rem}.coming-soon-hero-card{border-radius:12px;padding:1rem .8rem}.coming-soon-hero-card h1{font-size:1.2rem}.coming-soon-hero-icon{font-size:2rem}.coming-soon-subtitle{font-size:.75rem}.coming-soon-desc{font-size:.7rem}.coming-soon-grid{gap:.6rem;grid-template-columns:1fr!important}.cs-card{border-radius:8px;padding:.6rem}.cs-icon{font-size:1.2rem}.cs-card h4{font-size:.7rem}.cs-card p{font-size:.6rem}.back-home-btn{padding:.4rem 1rem;font-size:.7rem}.notify-card{padding:.8rem}.notify-card h3{font-size:.8rem}.notify-card p{font-size:.7rem}.notify-input{padding:.4rem .6rem;font-size:.7rem}.notify-btn{padding:.4rem .8rem;font-size:.7rem}}.coming-soon-hero-icon{color:#07f;justify-content:center;align-items:center;margin-bottom:.8rem;animation:3s ease-in-out infinite wrenchFloat;display:flex}@keyframes wrenchFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.coming-soon-hero-icon svg{flex-shrink:0;display:block}.coming-soon-hero-card h1{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:inline-flex}.coming-soon-hero-card h1 svg{color:#07f;flex-shrink:0}.coming-soon-badge{justify-content:center;align-items:center;gap:8px;display:inline-flex}.coming-soon-badge svg{color:#f59e0b;flex-shrink:0;animation:2s ease-in-out infinite badgeShake}@keyframes badgeShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.back-home-btn{align-items:center;gap:8px;display:inline-flex}.back-home-btn svg{flex-shrink:0}.section-header h3 svg{color:#07f;flex-shrink:0}.cs-icon{color:#07f;justify-content:center;align-items:center;margin-bottom:.8rem;transition:color .3s,transform .3s;display:flex}.cs-card:hover .cs-icon{color:#8a2fff;transform:scale(1.1)translateY(-2px)}.cs-icon svg{flex-shrink:0;display:block}.notify-card h3{justify-content:center;align-items:center;gap:8px;display:inline-flex}.notify-card h3 svg{color:#07f;flex-shrink:0}.notify-hint{justify-content:center;align-items:center;gap:6px;display:inline-flex}.notify-hint svg{color:#f59e0b;flex-shrink:0}.cta-btn{align-items:center;gap:8px;display:inline-flex}.cta-btn svg{flex-shrink:0}@media (width>=1281px){.coming-soon-hero-icon svg{width:76px!important;height:76px!important}.coming-soon-hero-card h1 svg{width:46px!important;height:46px!important}.cs-icon svg{width:38px!important;height:38px!important}.section-header h3 svg,.notify-card h3 svg{width:22px!important;height:22px!important}}@media (width>=768px) and (width<=1024px){.coming-soon-hero-icon svg{width:56px!important;height:56px!important}.coming-soon-hero-card h1 svg{width:36px!important;height:36px!important}.cs-icon svg{width:28px!important;height:28px!important}}@media (width>=481px) and (width<=767px){.coming-soon-hero-icon svg{width:48px!important;height:48px!important}.coming-soon-hero-card h1 svg{width:30px!important;height:30px!important}.cs-icon svg{width:26px!important;height:26px!important}.section-header h3 svg,.notify-card h3 svg{width:16px!important;height:16px!important}}@media (width>=320px) and (width<=480px){.coming-soon-hero-icon svg{width:40px!important;height:40px!important}.coming-soon-hero-card h1 svg{width:24px!important;height:24px!important}.cs-icon svg{width:22px!important;height:22px!important}.section-header h3 svg,.notify-card h3 svg{width:14px!important;height:14px!important}.coming-soon-badge svg{width:13px!important;height:13px!important}.notify-hint svg{width:11px!important;height:11px!important}}@media (width<=319px){.coming-soon-hero-icon svg{width:34px!important;height:34px!important}.coming-soon-hero-card h1 svg,.cs-icon svg{width:20px!important;height:20px!important}.section-header h3 svg,.notify-card h3 svg{width:12px!important;height:12px!important}}.accessories-container::-webkit-scrollbar{width:4px}.accessories-container::-webkit-scrollbar-track{background:0 0}.accessories-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.settings-page{background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);min-height:70vh;padding:2rem 4rem}.settings-container{max-width:1100px;margin:0 auto}.settings-header{text-align:center;margin-bottom:2rem;padding:.5rem 0}.settings-header h1{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.8rem;font-weight:800}.settings-header p{color:var(--text-secondary);margin-top:.2rem;font-size:1rem}.settings-header .highlight{color:#07f;font-weight:600}.settings-body{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:24px;grid-template-columns:240px 1fr;min-height:500px;transition:all .3s;display:grid;overflow:hidden}.settings-body:hover{border-color:#ff6b6b4d}.settings-sidebar{background:#ffffff05;border-right:1px solid #ffffff0d;padding:1.5rem 0}.settings-tab{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.8rem;padding:.7rem 1.5rem;font-size:.85rem;font-weight:500;transition:all .3s;display:flex;position:relative}.settings-tab:hover{color:var(--text-primary);background:#ffffff08}.settings-tab.active{color:#07f;background:#ff6b6b0f}.tab-icon{font-size:1.1rem}.settings-tab.active .tab-icon{color:#07f}.tab-label{text-align:left;flex:1}.tab-arrow{color:var(--text-muted);font-size:.7rem}.settings-tab.active .tab-arrow{color:#07f}.settings-content{background:#ffffff03;padding:2.5rem}.settings-section h2{color:var(--text-primary);margin-bottom:.3rem;font-size:1.3rem;font-weight:700}.section-desc{color:var(--text-muted);border-bottom:1px solid #ffffff08;margin-bottom:1.8rem;padding-bottom:1rem;font-size:.85rem}.settings-form{flex-direction:column;gap:1.5rem;max-width:500px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.8rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;width:100%;padding:.7rem 1rem;font-size:.9rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#ff6b6b08;border-color:#ff6b6b33;outline:none}.field-hint{color:var(--text-muted);margin-top:.1rem;font-size:.7rem}.avatar-upload{align-items:center;gap:1.5rem;padding:.5rem 0;display:flex}.avatar-preview{background:linear-gradient(135deg,#07f,#8a2fff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #ff6b6b1a}.avatar-preview:hover{transform:scale(1.02);box-shadow:0 0 50px #ff6b6b33}.avatar-preview img{object-fit:cover;width:100%;height:100%}.upload-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.8rem;transition:all .3s;display:flex}.upload-btn:hover{color:#8a2fff;border-color:#07f;transform:translateY(-2px)}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8a2fff,#07f);border:none;border-radius:50px;align-self:flex-start;align-items:center;gap:.5rem;margin-top:1rem;padding:.8rem 2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.save-btn:hover{transform:translateY(-3px)}.save-btn:active{transform:scale(.95)}.settings-list{flex-direction:column;gap:.5rem;max-width:600px;display:flex}.settings-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;transition:all .3s;display:flex}.settings-item:hover{background:#ffffff0d;transform:translate(4px)}.item-info{align-items:center;gap:1rem;display:flex}.item-icon{font-size:1.2rem}.settings-item:hover .item-icon{transform:scale(1.1)}.item-info h4{color:#fff;font-size:.85rem;font-weight:500}.item-info p{color:var(--text-muted);margin:.1rem 0 0;font-size:.7rem}.toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:1.8rem;transition:all .3s}.toggle-btn.active{color:#07f}.toggle-btn:hover{transform:scale(1.1)}.settings-select{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;outline:none;padding:.4rem 1.2rem;font-size:.85rem;transition:all .3s}.settings-select:focus{border-color:#ff6b6b33}.settings-select option{color:#fff;background:#0a0f1e}.saved-message{color:#34d399;background:#34d3990f;border:1px solid #34d3991a;border-radius:12px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.8rem 1.2rem;font-size:.85rem;display:flex}.password-input-wrapper{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;padding:.1rem .1rem .1rem 1rem;transition:all .3s;display:flex}.password-input-wrapper:focus-within{border-color:#ff6b6b33}.password-input-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:.6rem 0;font-size:.9rem}.password-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.6rem 1rem;font-size:1rem;transition:all .3s}.password-toggle-btn:hover{color:#07f;background:#ff6b6b0d}.wishlist-container{max-width:600px}.wishlist-grid{flex-direction:column;gap:.8rem;margin-bottom:1.5rem;display:flex}.wishlist-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:1rem;padding:.7rem 1rem;transition:all .3s;display:flex}.wishlist-item:hover{background:#ffffff0d;transform:translate(4px)}.wishlist-item img{object-fit:cover;border:1px solid #ffffff08;border-radius:10px;width:50px;height:50px}.wishlist-item-info{flex:1}.wishlist-item-info h4{color:#fff;font-size:.9rem;font-weight:500}.wishlist-item-info p{color:var(--text-muted);font-size:.75rem}.remove-btn{color:#ef444480;cursor:pointer;background:0 0;border:1px solid #ef44441a;border-radius:50px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.7rem;transition:all .3s;display:flex}.remove-btn:hover{color:#ef4444;background:#ef44440d}@media (width<=992px){.settings-page{padding:1.5rem 3rem}.settings-body{border-radius:20px;grid-template-columns:1fr}.settings-sidebar{border-bottom:1px solid #ffffff0d;border-right:none;flex-wrap:wrap;gap:.3rem;padding:1rem;display:flex}.settings-tab{border-radius:10px;flex:1;justify-content:center;width:auto;min-width:80px;padding:.5rem 1rem}.settings-tab.active{background:#ff6b6b0f}.tab-arrow{display:none}.settings-content{padding:2rem}}@media (width<=768px){.settings-page{padding:1.5rem}.settings-header h1{font-size:2.2rem}.settings-content{padding:1.5rem}.settings-form{max-width:100%}.settings-item{flex-wrap:wrap;gap:.5rem}.save-btn{justify-content:center;align-self:stretch}.settings-tab .tab-label{display:none}}@media (width<=480px){.settings-page{padding:1rem}.settings-header h1{font-size:1.8rem}.settings-content{padding:1rem}.settings-sidebar{gap:.2rem}.settings-tab{min-width:60px;padding:.4rem .6rem;font-size:.75rem}.tab-icon{font-size:.9rem}.avatar-upload{flex-direction:column;align-items:flex-start}.wishlist-item{flex-wrap:wrap}.settings-item{padding:.6rem .8rem}}.settings-header h1{align-items:center;gap:10px;display:inline-flex}.settings-header h1 svg{color:#07f;flex-shrink:0;display:block}.settings-section h2{align-items:center;gap:8px;display:inline-flex}.settings-section h2 svg{color:#ef4444;flex-shrink:0}.settings-item .item-icon{color:#07f;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-item .item-icon svg{display:block}.browse-btn{align-items:center;gap:6px;display:inline-flex}@media (width<=768px){.settings-header h1 svg{width:20px!important;height:20px!important}.settings-item .item-icon svg{width:18px!important;height:18px!important}}@media (width<=480px){.settings-header h1{gap:8px}.settings-header h1 svg{width:18px!important;height:18px!important}.settings-item .item-icon svg{width:16px!important;height:16px!important}}.cover-upload-box{flex-direction:column;gap:12px;display:flex}.cover-preview-area{aspect-ratio:16/5;background:linear-gradient(135deg,#0077ff0d,#8a2fff0d);border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.cover-image{object-fit:cover;width:100%;height:100%;display:block}.cover-placeholder{color:#fff3;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.cover-placeholder svg{color:#ffffff26}.cover-btn{align-self:flex-start}.avatar-upload{align-items:center;gap:16px;display:flex}.avatar-preview{background:linear-gradient(135deg,#07f,#8a2fff);border:3px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%;display:block}.avatar-placeholder{color:#fff;font-size:32px;font-weight:700}@media (width<=480px){.cover-preview-area{aspect-ratio:16/6;border-radius:10px}.cover-placeholder{font-size:11px}.avatar-preview{width:80px;height:80px}.avatar-placeholder{font-size:28px}}.settings-container::-webkit-scrollbar{width:4px}.settings-container::-webkit-scrollbar-track{background:0 0}.settings-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.faq-card{max-width:700px!important}.faq-list{margin:1.5rem 0}.faq-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;margin-bottom:.8rem;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#ff6b6b33}.faq-item.open{background:#ff6b6b0d;border-color:#07f}.faq-question{align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.faq-icon{color:#07f;text-align:center;flex-shrink:0;width:28px;font-size:1.5rem;font-weight:300}.faq-question h4{color:#fff;font-size:.95rem;font-weight:500}.faq-item.open .faq-question h4{color:#07f}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{color:#ffffffb3;padding:0 1.2rem 1.2rem 4rem;font-size:.9rem;line-height:1.7}.faq-footer{text-align:center;border-top:1px solid #ffffff0d;padding-top:1.5rem}.faq-footer p{color:#ffffff80;margin-bottom:.8rem;font-size:.95rem}.contact-link{color:#07f;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.contact-link:hover{color:#8a2fff;letter-spacing:.5px}.creator-terms-page{background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);min-height:70vh;padding:2rem 4rem}.creator-terms-container{max-width:1100px;margin:0 auto}.page-card{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:24px;padding:2.5rem;transition:all .5s}.page-card:hover{border-color:#ff6b6b4d}.page-card h1{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.2rem;font-weight:800}.page-card p{color:#ffffff80;font-size:1rem}.terms-card{margin:0 auto;max-width:800px!important}.terms-content{flex-direction:column;gap:1.2rem;margin:1.5rem 0;display:flex}.terms-section{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;padding:1rem 1.2rem}.terms-section h3{color:#07f;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:flex}.terms-section ul{margin:0;padding:0;list-style:none}.terms-section ul li{color:#fff9;padding:.2rem 0 .2rem 1.2rem;font-size:.85rem;line-height:1.6;position:relative}.terms-section ul li:before{content:"•";color:#fff3;position:absolute;left:0}.terms-section ul li strong{color:#fffc}.terms-footer{text-align:center;background:#ff6b6b08;border:1px solid #ff6b6b0d;border-radius:12px;padding:1rem 1.2rem}.terms-footer p{color:#ffffff4d;font-size:.8rem;line-height:1.6}.terms-actions{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.back-btn{color:#fff9;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:50px;align-items:center;gap:.5rem;padding:.7rem 1.8rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.apply-btn{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.7rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ee5a244d}@media (width<=768px){.creator-terms-page{padding:1.5rem}.page-card{padding:1.8rem}.page-card h1{font-size:1.8rem}}@media (width<=480px){.creator-terms-page,.page-card{padding:1rem}.page-card h1{font-size:1.4rem}.terms-section{padding:.8rem 1rem}.terms-actions{flex-direction:column}.back-btn,.apply-btn{justify-content:center;width:100%}}.policy-card{max-width:750px!important}.policy-content{text-align:left;margin-top:1.5rem}.policy-content section{margin-bottom:1.5rem}.policy-content h2{color:#07f;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.policy-content p{color:#ffffffb3;font-size:.95rem;line-height:1.8}.policy-content a{color:#07f;text-decoration:none}.policy-content a:hover{text-decoration:underline}.terms-card{max-width:750px!important}.terms-content{text-align:left;margin-top:1.5rem}.terms-content section{margin-bottom:1.5rem}.terms-content h2{color:#07f;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.terms-content p{color:#ffffffb3;font-size:.95rem;line-height:1.8}.terms-content a{color:#8a2fff;text-decoration:none}.terms-content a:hover{text-decoration:underline}@media (width<=767px){.category-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.category-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=319px){.category-grid{gap:.4rem;grid-template-columns:1fr!important}}@media (width>=1281px){:root{--page-padding:4rem 6rem;--grid-gap:2.5rem;--card-min-width:280px;--font-size-h1:3.5rem;--font-size-base:1.15rem;--font-size-small:1rem}.category-page{padding:4rem 8rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;max-width:1400px}.category-header{margin-bottom:4rem}.category-header h1{font-size:3.5rem}.category-header p{font-size:1.2rem}.category-search{max-width:600px;padding:1rem 2rem}.category-search input{font-size:1.1rem}.nav-btn{padding:.9rem 2.2rem;font-size:1rem}}@media (width>=1025px) and (width<=1280px){:root{--page-padding:2.5rem 4rem;--grid-gap:1.8rem;--card-min-width:240px;--font-size-h1:2.8rem;--font-size-base:1rem;--font-size-small:.9rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.8rem}.category-header h1{font-size:2.8rem}}@media (width>=768px) and (width<=1024px){:root{--page-padding:2rem 2.5rem;--grid-gap:1.5rem;--card-min-width:200px;--font-size-h1:2.2rem;--font-size-base:.95rem;--font-size-small:.85rem}.category-page{padding:2rem 2.5rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.category-header{margin-bottom:2.5rem}.category-header h1{font-size:2.2rem}.category-header p{font-size:.95rem}.category-search{max-width:450px;padding:.7rem 1.3rem}.category-search input{font-size:.9rem}.category-nav{justify-content:center;gap:.8rem;margin-bottom:1.5rem}.nav-btn{padding:.6rem 1.4rem;font-size:.85rem}.nav-btn svg{font-size:1rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--page-padding:2rem 3rem;--grid-gap:1.5rem;--card-min-width:210px;--font-size-h1:2.3rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem}.category-header h1{font-size:2.3rem}}@media (width>=481px) and (width<=767px){:root{--page-padding:1.2rem 1.5rem;--grid-gap:1rem;--card-min-width:160px;--font-size-h1:1.8rem;--font-size-base:.9rem;--font-size-small:.8rem}.category-page{padding:1.2rem 1.5rem}.category-grid{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.category-header{margin-bottom:2rem}.category-header h1{font-size:1.8rem}.category-header p{font-size:.9rem}.category-search{max-width:100%;margin:1rem auto 0;padding:.6rem 1.2rem}.category-search input{font-size:.85rem}.category-search-icon{margin-right:.7rem;font-size:1rem}.search-count{font-size:.7rem}.category-nav{justify-content:center;gap:.6rem;margin-bottom:1rem}.nav-btn{padding:.5rem 1.2rem;font-size:.75rem}.nav-btn svg{font-size:.9rem}.no-results{padding:2rem 1rem}.no-results .no-results-icon{font-size:3rem}.no-results h3{font-size:1.2rem}.no-results p{font-size:.9rem}}@media (width>=320px) and (width<=480px){:root{--page-padding:.8rem;--grid-gap:.8rem;--card-min-width:140px;--font-size-h1:1.5rem;--font-size-base:.85rem;--font-size-small:.7rem}.category-page{padding:.8rem}.category-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}.category-header{margin-bottom:1.5rem}.category-header h1{font-size:1.5rem}.category-header p{margin-top:.3rem;font-size:.8rem}.category-search{border-radius:40px;max-width:100%;margin:.8rem auto 0;padding:.5rem 1rem}.category-search input{font-size:.8rem}.category-search-icon{margin-right:.6rem;font-size:.9rem}.search-count{font-size:.65rem}.category-nav{justify-content:center;gap:.5rem;margin-bottom:.8rem;padding:.3rem 0}.nav-btn{flex:1;justify-content:center;gap:.4rem;max-width:140px;padding:.4rem 1rem;font-size:.7rem}.nav-btn svg{font-size:.8rem}.no-results{padding:2rem .8rem}.no-results .no-results-icon{font-size:2.5rem}.no-results h3{font-size:1rem}.no-results p{font-size:.8rem}}@media (width<=319px){:root{--page-padding:.5rem;--grid-gap:.5rem;--card-min-width:120px;--font-size-h1:1.2rem;--font-size-base:.75rem;--font-size-small:.6rem}.category-page{padding:.5rem}.category-grid{gap:.5rem;grid-template-columns:1fr!important}.category-header{margin-bottom:1rem}.category-header h1{font-size:1.2rem}.category-header p{font-size:.7rem}.category-search{border-radius:30px;margin:.5rem auto 0;padding:.4rem .8rem}.category-search input{font-size:.7rem}.category-search-icon{margin-right:.4rem;font-size:.7rem}.search-count{font-size:.55rem}.category-nav{justify-content:center;gap:.3rem;margin-bottom:.6rem}.nav-btn{gap:.3rem;padding:.3rem .8rem;font-size:.6rem}.nav-btn svg{font-size:.7rem}.no-results{padding:1.5rem .5rem}.no-results .no-results-icon{font-size:2rem}.no-results h3{font-size:.9rem}.no-results p{font-size:.7rem}}@media (width<=767px){.category-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.category-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=319px){.category-grid{gap:.4rem;grid-template-columns:1fr!important}}@media (width>=1281px){:root{--page-padding:4rem 6rem;--grid-gap:2.5rem;--card-min-width:280px;--font-size-h1:3.5rem;--font-size-base:1.15rem;--font-size-small:1rem}.category-page{padding:4rem 8rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;max-width:1400px}.category-header{margin-bottom:4rem}.category-header h1{font-size:3.5rem}.category-header p{font-size:1.2rem}.category-search{max-width:600px;padding:1rem 2rem}.category-search input{font-size:1.1rem}.nav-btn{padding:.9rem 2.2rem;font-size:1rem}}@media (width>=1025px) and (width<=1280px){:root{--page-padding:2.5rem 4rem;--grid-gap:1.8rem;--card-min-width:240px;--font-size-h1:2.8rem;--font-size-base:1rem;--font-size-small:.9rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.8rem}.category-header h1{font-size:2.8rem}}@media (width>=768px) and (width<=1024px){:root{--page-padding:2rem 2.5rem;--grid-gap:1.5rem;--card-min-width:200px;--font-size-h1:2.2rem;--font-size-base:.95rem;--font-size-small:.85rem}.category-page{padding:2rem 2.5rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.category-header{margin-bottom:2.5rem}.category-header h1{font-size:2.2rem}.category-header p{font-size:.95rem}.category-search{max-width:450px;padding:.7rem 1.3rem}.category-search input{font-size:.9rem}.category-nav{justify-content:center;gap:.8rem;margin-bottom:1.5rem}.nav-btn{padding:.6rem 1.4rem;font-size:.85rem}.nav-btn svg{font-size:1rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--page-padding:2rem 3rem;--grid-gap:1.5rem;--card-min-width:210px;--font-size-h1:2.3rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem}.category-header h1{font-size:2.3rem}}@media (width>=481px) and (width<=767px){:root{--page-padding:1.2rem 1.5rem;--grid-gap:1rem;--card-min-width:160px;--font-size-h1:1.8rem;--font-size-base:.9rem;--font-size-small:.8rem}.category-page{padding:1.2rem 1.5rem}.category-grid{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.category-header{margin-bottom:2rem}.category-header h1{font-size:1.8rem}.category-header p{font-size:.9rem}.category-search{max-width:100%;margin:1rem auto 0;padding:.6rem 1.2rem}.category-search input{font-size:.85rem}.category-search-icon{margin-right:.7rem;font-size:1rem}.search-count{font-size:.7rem}.category-nav{justify-content:center;gap:.6rem;margin-bottom:1rem}.nav-btn{padding:.5rem 1.2rem;font-size:.75rem}.nav-btn svg{font-size:.9rem}.no-results{padding:2rem 1rem}.no-results .no-results-icon{font-size:3rem}.no-results h3{font-size:1.2rem}.no-results p{font-size:.9rem}}@media (width>=320px) and (width<=480px){:root{--page-padding:.8rem;--grid-gap:.8rem;--card-min-width:140px;--font-size-h1:1.5rem;--font-size-base:.85rem;--font-size-small:.7rem}.category-page{padding:.8rem}.category-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}.category-header{margin-bottom:1.5rem}.category-header h1{font-size:1.5rem}.category-header p{margin-top:.3rem;font-size:.8rem}.category-search{border-radius:40px;max-width:100%;margin:.8rem auto 0;padding:.5rem 1rem}.category-search input{font-size:.8rem}.category-search-icon{margin-right:.6rem;font-size:.9rem}.search-count{font-size:.65rem}.category-nav{justify-content:center;gap:.5rem;margin-bottom:.8rem;padding:.3rem 0}.nav-btn{flex:1;justify-content:center;gap:.4rem;max-width:140px;padding:.4rem 1rem;font-size:.7rem}.nav-btn svg{font-size:.8rem}.no-results{padding:2rem .8rem}.no-results .no-results-icon{font-size:2.5rem}.no-results h3{font-size:1rem}.no-results p{font-size:.8rem}}@media (width<=319px){:root{--page-padding:.5rem;--grid-gap:.5rem;--card-min-width:120px;--font-size-h1:1.2rem;--font-size-base:.75rem;--font-size-small:.6rem}.category-page{padding:.5rem}.category-grid{gap:.5rem;grid-template-columns:1fr!important}.category-header{margin-bottom:1rem}.category-header h1{font-size:1.2rem}.category-header p{font-size:.7rem}.category-search{border-radius:30px;margin:.5rem auto 0;padding:.4rem .8rem}.category-search input{font-size:.7rem}.category-search-icon{margin-right:.4rem;font-size:.7rem}.search-count{font-size:.55rem}.category-nav{justify-content:center;gap:.3rem;margin-bottom:.6rem}.nav-btn{gap:.3rem;padding:.3rem .8rem;font-size:.6rem}.nav-btn svg{font-size:.7rem}.no-results{padding:1.5rem .5rem}.no-results .no-results-icon{font-size:2rem}.no-results h3{font-size:.9rem}.no-results p{font-size:.7rem}}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40;--page-padding:clamp(1rem, 3vw, 4rem);--grid-gap:clamp(1rem, 1.5vw, 2rem);--card-min-width:clamp(140px, 20vw, 250px);--font-size-h1:clamp(1.8rem, 4vw, 3rem);--font-size-base:clamp(.85rem, 1vw, 1.1rem);--font-size-small:clamp(.7rem, .85vw, .95rem)}.category-page{min-height:70vh;padding:var(--page-padding);background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001e78e6 100%)}.category-header{text-align:center;margin-bottom:3rem}.category-header h1{font-size:var(--font-size-h1);background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.category-header p{color:var(--text-secondary);font-size:var(--font-size-base);margin-top:.5rem}.category-search{background:#ffffff0f;border:1px solid #ffffff14;border-radius:50px;align-items:center;max-width:500px;margin:1.5rem auto 0;padding:.8rem 1.5rem;transition:all .3s;display:flex}.category-search:focus-within{background:#ffffff1a;border-color:#07f}.category-search-icon{color:var(--text-muted);flex-shrink:0;margin-right:1rem;font-size:1.2rem}.category-search input{color:#fff;width:100%;font-size:var(--font-size-base);background:0 0;border:none;outline:none}.category-search input::placeholder{color:var(--text-muted)}.search-count{color:var(--text-muted);font-size:var(--font-size-small);white-space:nowrap;margin-left:1rem}.category-grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-min-width), 1fr));gap:var(--grid-gap);max-width:1200px;margin:0 auto;display:grid}@media (width<=767px){.category-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.category-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)!important}}@media (width<=319px){.category-grid{gap:.4rem;grid-template-columns:1fr!important}}.category-nav{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:.5rem 0;display:flex}.nav-btn{font-size:var(--font-size-small);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.6rem;padding:.7rem 1.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-btn{color:#fffc;background:#ffffff0f;border:1px solid #ffffff14}.back-btn:hover{background:#ffffff1f;transform:translate(-4px)}.back-btn:active{transform:translate(-2px)}.home-btn{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.home-btn:hover{transform:translateY(-3px)}.home-btn:active{transform:translateY(-1px)}.nav-btn svg{font-size:1.1rem;transition:all .3s}.back-btn:hover svg{transform:translate(-3px)}.home-btn:hover svg{transform:scale(1.1)}.no-results{text-align:center;grid-column:1/-1;padding:4rem 2rem}.no-results .no-results-icon{margin-bottom:1rem;font-size:4rem}.no-results h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.no-results p{color:var(--text-secondary);font-size:var(--font-size-base)}@media (width>=1281px){:root{--page-padding:4rem 6rem;--grid-gap:2.5rem;--card-min-width:280px;--font-size-h1:3.5rem;--font-size-base:1.15rem;--font-size-small:1rem}.category-page{padding:4rem 8rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;max-width:1400px}.category-header{margin-bottom:4rem}.category-header h1{font-size:3.5rem}.category-header p{font-size:1.2rem}.category-search{max-width:600px;padding:1rem 2rem}.category-search input{font-size:1.1rem}.nav-btn{padding:.9rem 2.2rem;font-size:1rem}}@media (width>=1025px) and (width<=1280px){:root{--page-padding:2.5rem 4rem;--grid-gap:1.8rem;--card-min-width:240px;--font-size-h1:2.8rem;--font-size-base:1rem;--font-size-small:.9rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.8rem}.category-header h1{font-size:2.8rem}}@media (width>=768px) and (width<=1024px){:root{--page-padding:2rem 2.5rem;--grid-gap:1.5rem;--card-min-width:200px;--font-size-h1:2.2rem;--font-size-base:.95rem;--font-size-small:.85rem}.category-page{padding:2rem 2.5rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.category-header{margin-bottom:2.5rem}.category-header h1{font-size:2.2rem}.category-header p{font-size:.95rem}.category-search{max-width:450px;padding:.7rem 1.3rem}.category-search input{font-size:.9rem}.category-nav{justify-content:center;gap:.8rem;margin-bottom:1.5rem}.nav-btn{padding:.6rem 1.4rem;font-size:.85rem}.nav-btn svg{font-size:1rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){:root{--page-padding:2rem 3rem;--grid-gap:1.5rem;--card-min-width:210px;--font-size-h1:2.3rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem}.category-header h1{font-size:2.3rem}}@media (width>=481px) and (width<=767px){:root{--page-padding:1.2rem 1.5rem;--grid-gap:1rem;--card-min-width:160px;--font-size-h1:1.8rem;--font-size-base:.9rem;--font-size-small:.8rem}.category-page{padding:1.2rem 1.5rem}.category-grid{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.category-header{margin-bottom:2rem}.category-header h1{font-size:1.8rem}.category-header p{font-size:.9rem}.category-search{max-width:100%;margin:1rem auto 0;padding:.6rem 1.2rem}.category-search input{font-size:.85rem}.category-search-icon{margin-right:.7rem;font-size:1rem}.search-count{font-size:.7rem}.category-nav{justify-content:center;gap:.6rem;margin-bottom:1rem}.nav-btn{padding:.5rem 1.2rem;font-size:.75rem}.nav-btn svg{font-size:.9rem}.no-results{padding:2rem 1rem}.no-results .no-results-icon{font-size:3rem}.no-results h3{font-size:1.2rem}.no-results p{font-size:.9rem}}@media (width>=320px) and (width<=480px){:root{--page-padding:.8rem;--grid-gap:.8rem;--card-min-width:140px;--font-size-h1:1.5rem;--font-size-base:.85rem;--font-size-small:.7rem}.category-page{padding:.8rem}.category-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)!important}.category-header{margin-bottom:1.5rem}.category-header h1{font-size:1.5rem}.category-header p{margin-top:.3rem;font-size:.8rem}.category-search{border-radius:40px;max-width:100%;margin:.8rem auto 0;padding:.5rem 1rem}.category-search input{font-size:.8rem}.category-search-icon{margin-right:.6rem;font-size:.9rem}.search-count{font-size:.65rem}.category-nav{justify-content:center;gap:.5rem;margin-bottom:.8rem;padding:.3rem 0}.nav-btn{flex:1;justify-content:center;gap:.4rem;max-width:140px;padding:.4rem 1rem;font-size:.7rem}.nav-btn svg{font-size:.8rem}.no-results{padding:2rem .8rem}.no-results .no-results-icon{font-size:2.5rem}.no-results h3{font-size:1rem}.no-results p{font-size:.8rem}}@media (width<=319px){:root{--page-padding:.5rem;--grid-gap:.5rem;--card-min-width:120px;--font-size-h1:1.2rem;--font-size-base:.75rem;--font-size-small:.6rem}.category-page{padding:.5rem}.category-grid{gap:.5rem;grid-template-columns:1fr!important}.category-header{margin-bottom:1rem}.category-header h1{font-size:1.2rem}.category-header p{font-size:.7rem}.category-search{border-radius:30px;margin:.5rem auto 0;padding:.4rem .8rem}.category-search input{font-size:.7rem}.category-search-icon{margin-right:.4rem;font-size:.7rem}.search-count{font-size:.55rem}.category-nav{justify-content:center;gap:.3rem;margin-bottom:.6rem}.nav-btn{gap:.3rem;padding:.3rem .8rem;font-size:.6rem}.nav-btn svg{font-size:.7rem}.no-results{padding:1.5rem .5rem}.no-results .no-results-icon{font-size:2rem}.no-results h3{font-size:.9rem}.no-results p{font-size:.7rem}}.category-page::-webkit-scrollbar{width:4px}.category-page::-webkit-scrollbar-track{background:0 0}.category-page::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}:root{--wishlist-bg:#0b0f17;--wishlist-card-bg:linear-gradient(145deg, #10172bf2, #1a0a2ef2);--wishlist-accent:#07f;--wishlist-accent-2:#8a2fff;--wishlist-pink:#ff3ed1;--wishlist-text:#fff;--wishlist-text-secondary:#fff9;--wishlist-text-muted:#ffffff59;--wishlist-border:#ffffff0f}.wishlist-page{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);min-height:100vh;padding:2rem 4rem}.wishlist-container{max-width:1300px;margin:0 auto}.wishlist-header{border-bottom:1px solid var(--wishlist-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.wishlist-header-left{align-items:center;gap:1rem;display:flex}.wishlist-header-icon{width:56px;height:56px;color:var(--wishlist-pink);background:linear-gradient(135deg,#ff3ed126,#8a2fff26);border:1px solid #ff3ed133;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wishlist-header h1{color:var(--wishlist-text);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.75rem;font-weight:800}.wishlist-header p{color:var(--wishlist-text-secondary);margin:0;font-size:.9rem}.wishlist-count-badge{color:#b39dff;background:linear-gradient(135deg,#0077ff26,#8a2fff26);border:1px solid #8a2fff40;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.wishlist-count-badge svg{color:#fbbf24}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.wishlist-card{background:var(--wishlist-card-bg);border:1px solid var(--wishlist-border);animation:.5s ease-out backwards cardFadeIn;animation-delay:calc(var(--index,0) * 50ms);border-radius:20px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .3s;position:relative;overflow:hidden}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wishlist-card:hover{border-color:#8a2fff4d;transform:translateY(-8px);box-shadow:0 20px 40px #00000080,0 0 0 1px #8a2fff26,0 0 60px #8a2fff1a}.wishlist-card.removing{opacity:.4;pointer-events:none;transform:scale(.9)}.wishlist-card-image{aspect-ratio:16/10;background:#0000004d;width:100%;position:relative;overflow:hidden}.wishlist-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:block}.wishlist-card:hover .wishlist-card-image img{transform:scale(1.08)}.wishlist-card-overlay{pointer-events:none;background:linear-gradient(#0000001a 0%,#0000 40%,#050014e6 100%);position:absolute;inset:0}.wishlist-card-category{-webkit-backdrop-filter:blur(8px);color:var(--wishlist-text);letter-spacing:.5px;text-transform:uppercase;z-index:2;background:#0009;border:1px solid #ffffff1a;border-radius:999px;padding:5px 12px;font-size:.7rem;font-weight:600;position:absolute;bottom:12px;left:12px}.wishlist-card-remove{-webkit-backdrop-filter:blur(8px);color:#ffffffd9;cursor:pointer;z-index:3;background:#0009;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .25s;display:flex;position:absolute;top:12px;right:12px}.wishlist-card-remove:hover{color:#fff;background:#ef4444f2;border-color:#ef4444f2;transform:rotate(8deg)scale(1.1)}.wishlist-card-remove:disabled{opacity:.5;cursor:not-allowed}.wishlist-card-heart{color:#fff;z-index:2;background:linear-gradient(135deg,#ff3ed1e6,#8a2fffe6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:2s ease-in-out infinite heartBeat;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 15px #ff3ed166}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.wishlist-card-heart svg{fill:#fff;stroke:#fff}.wishlist-card-body{flex-direction:column;gap:.75rem;padding:1rem 1.15rem 1.15rem;display:flex}.wishlist-card-title{color:var(--wishlist-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:700;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.wishlist-card:hover .wishlist-card-title{background:linear-gradient(135deg,#00d4ff,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.wishlist-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.wishlist-card-saved{color:var(--wishlist-text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:.7rem;font-weight:500}.wishlist-card-cta{background:linear-gradient(135deg, var(--wishlist-accent), var(--wishlist-accent-2));color:#fff;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.wishlist-card-cta svg{transition:transform .25s}.wishlist-card-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #07f6}.wishlist-card-cta:hover svg{transform:translate(3px)}.empty-wishlist{text-align:center;background:var(--wishlist-card-bg);border:1px solid var(--wishlist-border);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 1rem;display:flex;position:relative;overflow:hidden}.empty-wishlist:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ff3ed114 0%,#0000 50%),radial-gradient(circle at 70% 70%,#8a2fff14 0%,#0000 50%);position:absolute;inset:0}.empty-wishlist-icon{width:100px;height:100px;color:var(--wishlist-pink);z-index:1;background:linear-gradient(135deg,#ff3ed11a,#8a2fff1a);border:1px solid #ff3ed126;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.empty-wishlist h2{color:var(--wishlist-text);z-index:1;margin:0 0 .5rem;font-size:1.5rem;font-weight:800;position:relative}.empty-wishlist p{color:var(--wishlist-text-secondary);z-index:1;max-width:400px;margin:0 auto 1.5rem;font-size:.95rem;line-height:1.6;position:relative}.browse-btn{background:linear-gradient(135deg, var(--wishlist-accent), var(--wishlist-accent-2));color:#fff;z-index:1;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.browse-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8a2fff66}.browse-btn svg{transition:transform .3s}.browse-btn:hover svg{transform:translate(4px)}.wishlist-popup-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s popupFadeIn;display:flex;position:fixed;inset:0}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.wishlist-popup-container{text-align:center;background:linear-gradient(145deg,#10172bfa,#1a0a2efa);border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;padding:2rem 1.75rem 1.75rem;animation:.3s cubic-bezier(.34,1.56,.64,1) popupSlideUp;position:relative;box-shadow:0 25px 60px #0009}.wishlist-popup-close{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.wishlist-popup-close:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.wishlist-popup-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex;box-shadow:0 10px 30px #0000004d}.wishlist-popup-title{color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.wishlist-popup-message{color:#fff9;margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.wishlist-popup-actions{justify-content:center;gap:.75rem;display:flex}.wishlist-popup-btn{cursor:pointer;border:none;border-radius:999px;padding:10px 24px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s}.wishlist-popup-btn.cancel{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff14}.wishlist-popup-btn.cancel:hover{color:#fff;background:#ffffff1a}.wishlist-popup-btn.confirm,.wishlist-popup-btn.single{color:#fff;padding:10px 28px}.wishlist-popup-btn.confirm:hover,.wishlist-popup-btn.single:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}@media (width<=1024px){.wishlist-page{padding:1.5rem 2rem}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}@media (width<=768px){.wishlist-page{padding:1rem}.wishlist-header h1{font-size:1.35rem}.wishlist-header-icon{width:48px;height:48px}.wishlist-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.wishlist-card{border-radius:16px}.wishlist-card-body{gap:.5rem;padding:.85rem .9rem .9rem}.wishlist-card-title{font-size:.85rem}.wishlist-card-category{padding:4px 10px;font-size:.65rem}.wishlist-card-remove{width:32px;height:32px}.wishlist-card-heart{width:28px;height:28px}.wishlist-card-cta{padding:5px 10px;font-size:.7rem}.wishlist-card-saved{font-size:.65rem}}@media (width<=480px){.wishlist-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.wishlist-card-body{padding:.75rem .75rem .8rem}.wishlist-card-title{-webkit-line-clamp:2;font-size:.8rem}.wishlist-card-footer{flex-direction:column;align-items:stretch;gap:.4rem;padding-top:.5rem}.wishlist-card-saved{display:none}.wishlist-card-cta{justify-content:center;width:100%}.wishlist-header-left{gap:.75rem}.wishlist-header h1{font-size:1.15rem}.wishlist-header-icon{width:42px;height:42px}.wishlist-count-badge{padding:6px 12px;font-size:.75rem}.wishlist-popup-container{padding:1.75rem 1.25rem 1.25rem}.wishlist-popup-icon{width:56px;height:56px}.wishlist-popup-title{font-size:1.1rem}.wishlist-popup-message{font-size:.85rem}}.redeem-code-container{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b14;border-radius:16px;margin:1rem 0;padding:1.2rem 1.5rem;transition:all .3s}.redeem-code-container:hover{border-color:#ff6b6b1f}.redeem-header{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.redeem-icon{color:#f59e0b;font-size:1.1rem}.redeem-input-group{gap:.5rem;display:flex}.redeem-input-group input{color:#fff;text-transform:uppercase;letter-spacing:2px;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;flex:1;padding:.6rem 1rem;font-family:Courier New,monospace;font-size:.95rem;transition:all .3s}.redeem-input-group input:focus{background:#f59e0b08;border-color:#f59e0b33;outline:none}.redeem-input-group input.error{background:#ef444408;border-color:#ef444433}.redeem-input-group input:disabled{opacity:.6;cursor:not-allowed}.redeem-input-group input::placeholder{color:var(--text-muted);letter-spacing:.5px}.redeem-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:50px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s}.apply-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.apply-btn:hover:not(:disabled){transform:translateY(-2px)}.apply-btn:active:not(:disabled){transform:scale(.95)}.apply-btn:disabled{opacity:.5;cursor:not-allowed}.remove-btn{color:#ef4444;background:#ef44440f;border:1px solid #ef444414}.remove-btn:hover{background:#ef44441f;transform:translateY(-2px)}.remove-btn:active{transform:scale(.95)}.redeem-status{align-items:center;gap:.5rem;margin-top:.3rem;padding:.5rem 0;font-size:.85rem;display:flex}.redeem-status .spinner{color:#f59e0b;animation:1s linear infinite spin}.redeem-status.checking{color:#3b82f6}.redeem-status.error{color:#ef4444}.redeem-status.valid{color:#34d399}.redeem-status.applied{color:#34d399;flex-wrap:wrap}.redeem-desc{color:var(--text-muted);font-size:.8rem}.redeem-channel{color:#f59e0b;margin-left:.3rem;font-size:.75rem}.redeem-discount{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b0f;border-radius:4px;margin-left:.5rem;padding:.1rem .6rem;font-weight:700}.redeem-popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.redeem-popup-container{text-align:center;background:linear-gradient(135deg,#050014fa 0%,#1e0050fa 50%,#001478fa 100%);border:1px solid #f59e0b33;border-radius:16px;width:100%;max-width:400px;padding:2rem 1.5rem 1.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 20px 60px #00000080}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.redeem-popup-icon{color:#f59e0b;background:#f59e0b26;border:2px solid #f59e0b4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:1.8rem;display:flex}.redeem-popup-title{color:#fff;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.redeem-popup-message{color:#ffffffd9;margin:0 0 .3rem;font-size:.9rem;line-height:1.5}.redeem-popup-message strong{color:#ef4444;font-weight:700}.redeem-popup-submessage{color:#ffffff80;margin:0 0 1.2rem;font-size:.8rem}.redeem-popup-details{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:1.2rem;padding:.8rem 1rem}.redeem-popup-row{justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.85rem;display:flex}.redeem-popup-row:not(:last-child){border-bottom:1px solid #ffffff0d}.redeem-popup-row>span:first-child{color:#ffffff80}.redeem-popup-code{color:#fff;letter-spacing:1px;font-family:Courier New,monospace;font-size:.8rem;font-weight:700}.redeem-popup-discount{color:#f59e0b;font-weight:700}.redeem-popup-save{color:#34d399;font-weight:700}.redeem-popup-actions{gap:.6rem;display:flex}.redeem-popup-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.redeem-popup-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff14}.cancel-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.confirm-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.confirm-btn:active:not(:disabled){transform:scale(.98)}.confirm-btn .spinner{animation:1s linear infinite spin}@media (width<=480px){.redeem-popup-container{padding:1.5rem 1.2rem 1.2rem}.redeem-popup-title{font-size:1.1rem}.redeem-popup-icon{width:50px;height:50px;font-size:1.5rem}.redeem-popup-actions{flex-direction:column-reverse}.redeem-popup-btn{width:100%}}@media (width<=480px){.redeem-code-container{border-radius:12px;padding:1rem}.redeem-input-group{flex-direction:column}.redeem-btn{justify-content:center;width:100%}.redeem-input-group input{letter-spacing:1px;padding:.6rem .8rem;font-size:.85rem}.redeem-status{flex-wrap:wrap;font-size:.8rem}}.redeem-code-container::-webkit-scrollbar{width:4px}.redeem-code-container::-webkit-scrollbar-track{background:0 0}.redeem-code-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.payment-page{background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);min-height:70vh;padding:2rem 4rem}.payment-container{max-width:1100px;margin:0 auto}.payment-grid{grid-template-columns:1fr 1.4fr;gap:2rem;display:grid}.order-summary{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:16px;padding:1.5rem;transition:all .3s;position:sticky;top:90px}.order-summary:hover{border-color:#ff6b6b4d}.order-summary h2{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;display:flex}.order-product{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .3s;display:flex}.order-product:hover{background:#ffffff0a;transform:translate(4px)}.order-product-icon{font-size:2rem}.order-product-info{flex:1}.order-product-info h4{color:var(--text-primary);font-size:.95rem;font-weight:500}.order-product-info p{color:var(--text-muted);font-size:.8rem}.order-product-price{color:#07f;font-size:1.1rem;font-weight:700}.order-details{margin-bottom:1.5rem}.order-row{color:var(--text-secondary);border-bottom:1px solid #ffffff08;justify-content:space-between;padding:.6rem 0;font-size:.9rem;display:flex}.order-row.total{color:var(--text-primary);border-bottom:none;padding-top:1rem;font-size:1.1rem;font-weight:700}.order-row .amount{color:#07f}.order-row.earnable{color:#f59e0b;border-bottom:none}.order-row.discount{color:#f59e0b;border-bottom:1px solid #f59e0b1a;font-weight:600}.order-row.discount .discount-amount{color:#34d399;font-weight:700}.order-row.priority{color:#f59e0b;border-bottom:1px solid #f59e0b1a}.order-wallet-info{background:#34d3990d;border:1px solid #34d3991a;border-radius:10px;justify-content:space-between;margin-bottom:1rem;padding:.8rem 1rem;display:flex}.wallet-label{color:var(--text-secondary);font-size:.9rem}.wallet-amount{color:#34d399;font-size:1rem;font-weight:700}.order-methods{border-top:1px solid #ffffff08;padding-top:1rem}.order-methods h4{color:var(--text-secondary);margin-bottom:.8rem;font-size:.85rem}.method-icons{flex-wrap:wrap;gap:.8rem;display:flex}.method-icon{font-size:1.8rem;transition:all .3s}.method-icon:hover{transform:scale(1.1)}.payment-form-container{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:16px;padding:1.5rem;transition:all .3s}.payment-form-container:hover{border-color:#ff6b6b4d}.payment-form-container h2{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;display:flex}.payment-form{flex-direction:column;gap:1.2rem;display:flex}.form-group input{color:#fff;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;width:100%;padding:.7rem 1rem;font-size:.95rem;transition:all .3s}.order-type-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.order-type-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:2px solid #ffffff0a;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:1rem;transition:all .3s;display:flex}.order-type-btn:hover{background:#ffffff0d}.order-type-btn.active{color:#07f;background:#ff6b6b0d;border-color:#07f}.order-type-btn .type-icon{font-size:1.8rem}.order-type-btn .type-name{font-size:.95rem;font-weight:600}.order-type-btn .type-delivery{color:var(--text-muted);font-size:.75rem}.order-type-btn .type-price{color:#f59e0b;font-size:.8rem;font-weight:600}.order-type-btn .type-desc{color:var(--text-muted);font-size:.65rem}.delivery-type-badge{color:#07f;background:#ff6b6b14;border:1px solid #ff6b6b1a;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem 1rem;font-size:.8rem;display:inline-flex}.badge-icon{font-size:1rem}.badge-text{font-weight:600}.order-type-display{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.6rem 1rem;display:flex}.order-type-badge{border-radius:50px;align-items:center;gap:.3rem;padding:.2rem .8rem;font-size:.75rem;font-weight:600;display:flex}.order-type-badge.normal{color:#3b82f6;background:#3b82f61f}.order-type-badge.premium{color:#f59e0b;background:#f59e0b1f}.priority-fee{color:#f59e0b;font-size:.8rem;font-weight:600}.payment-methods-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.payment-method-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:2px solid #ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem;transition:all .3s;display:flex;position:relative}.payment-method-btn:hover{background:#ffffff0d}.payment-method-btn.active{color:#07f;background:#ff6b6b0d;border-color:#07f}.payment-method-btn .pm-icon{font-size:1.5rem}.payment-method-btn .pm-name{text-align:center;font-size:.7rem;font-weight:500}.payment-method-btn .pm-balance{color:#34d399;font-size:.55rem;font-weight:600}.payment-method-btn .pm-badge{color:#fff;background:#34d399;border-radius:50px;padding:.05rem .4rem;font-size:.5rem;font-weight:600;position:absolute;top:-4px;right:-4px}.payment-method-btn.add-new{background:0 0;border:2px dashed #ffffff1a}.payment-method-btn.add-new:hover{color:#07f;border-color:#07f}.pm-icon-img{object-fit:contain;border-radius:6px;width:32px;height:32px;margin-bottom:2px}.payment-method-btn.active .pm-icon-img{border:2px solid #8a2fff;padding:2px}.selected-payment-info{margin:.5rem 0}.payment-selected{color:#34d399;background:#34d3990d;border:1px solid #34d3991a;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;display:flex}.selected-icon{font-size:1.1rem}.wallet-status{border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;display:flex}.wallet-status.sufficient{color:#34d399;background:#34d3990d;border:1px solid #34d3991a}.wallet-status.insufficient{color:#ef4444;background:#ef44440d;border:1px solid #ef44441a}.status-icon{font-size:1.1rem}.uid-group{margin-bottom:1rem}.phone-input-wrapper{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;transition:all .3s;display:flex;overflow:hidden}.phone-input-wrapper:focus-within{background:#ff6b6b08;border-color:#ff6b6b33}.phone-input-wrapper .country-code{color:var(--text-secondary);background:#ffffff05;border-right:1px solid #ffffff0a;padding:.7rem .8rem .7rem 1rem;font-size:.9rem;font-weight:600}.phone-input-wrapper input{color:#fff;flex:1;padding:.7rem 1rem;font-size:.95rem;background:0 0!important;border:none!important;border-radius:0!important}.phone-input-wrapper input:focus{outline:none}.password-fields{flex-direction:column;gap:.5rem;display:flex}.password-fields input{color:#fff;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;width:100%;padding:.7rem 1rem;font-size:.95rem;transition:all .3s}.password-fields input:focus{background:#ff6b6b08;border-color:#ff6b6b33;outline:none}.password-input{letter-spacing:2px}.copy-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:.7rem 1.2rem;font-size:.8rem;font-weight:600;transition:all .3s}.copy-btn:hover{color:#07f;background:#ff6b6b14;border-color:#ff6b6b1a}.telegram-input-wrapper{flex-direction:column;gap:.8rem;display:flex}.telegram-whatsapp-info{background:#25d3660d;border:1px solid #25d36614;border-radius:10px;padding:1rem}.telegram-note{color:var(--text-secondary);margin:0 0 .8rem;font-size:.85rem;line-height:1.6}.telegram-note strong{color:#07f}.whatsapp-link-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.whatsapp-link-btn:hover{transform:translateY(-2px)}.delivery-hint{color:var(--text-muted);margin-top:.3rem;font-size:.75rem;display:block}.tc-earned-display{background:#ff6b6b0f;border:1px solid #ff6b6b14;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin:.5rem 0 1rem;padding:.8rem 1.2rem;display:flex}.tc-earned-icon{font-size:1.5rem}.tc-earned-amount{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.tc-earned-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.place-order-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:12px;justify-content:center;align-items:center;padding:.9rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.place-order-btn:hover:not(:disabled){transform:translateY(-3px)}.place-order-btn:disabled{opacity:.6;cursor:not-allowed}.popup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-container{text-align:center;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b1a;border-radius:24px;width:90%;max-width:420px;padding:2.5rem}.popup-container.success{border:1px solid #34d39926}.popup-icon{margin-bottom:1rem;font-size:3.5rem}.popup-icon .spinning{animation:1s linear infinite spin}.popup-icon.success-icon{color:#34d399;background:#34d39914;border:2px solid #34d3991a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1rem;font-size:2.5rem;display:flex}.popup-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.3rem;font-weight:700}.popup-details{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.popup-details-box{text-align:left;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;margin:1rem 0;padding:1rem 1.2rem}.popup-details-box p{color:var(--text-secondary);margin:.2rem 0;font-size:.85rem;line-height:1.6}.tc-earned-line{border-top:1px solid #ff6b6b0d;padding-top:.3rem;font-weight:600;color:#07f!important;margin-top:.3rem!important;font-size:1rem!important}.tc-exchange-hint{color:var(--text-muted)!important;font-size:.75rem!important}.popup-progress{margin-top:1rem}.progress-bar{background:#ffffff0d;border-radius:10px;width:100%;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#07f,#8a2fff);border-radius:10px;width:100%;height:100%;animation:2s ease-in-out infinite progressAnim}.popup-footer{border-top:1px solid #ffffff08;margin-top:1.5rem;padding-top:1rem}.popup-redirect{color:var(--text-muted);font-size:.75rem;animation:1.5s ease-in-out infinite pulse}@media (width<=992px){.payment-page{padding:1.5rem 3rem}.payment-grid{grid-template-columns:1fr}.order-summary{position:static}}@media (width<=768px){.payment-page{padding:1.5rem}.payment-methods-grid{grid-template-columns:repeat(3,1fr)}.order-type-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.payment-page{padding:1rem}.payment-methods-grid{grid-template-columns:repeat(2,1fr)}.order-type-grid{grid-template-columns:1fr}.order-product{flex-wrap:wrap}.order-wallet-info{flex-direction:column;align-items:center;gap:.3rem}.popup-container{padding:1.5rem}.popup-icon{font-size:2.5rem}.popup-icon.success-icon{width:55px;height:55px;font-size:2rem}.popup-title{font-size:1.1rem}.popup-details{font-size:.8rem}.pm-icon-img{width:28px;height:28px}.delivery-type-badge{padding:.3rem .8rem;font-size:.7rem}.phone-input-wrapper .country-code{padding:.6rem .6rem .6rem .8rem;font-size:.8rem}.phone-input-wrapper input{padding:.6rem .8rem;font-size:.9rem}.whatsapp-link-btn{justify-content:center;width:100%}}@media (width<=768px){.order-summary h2 svg,.payment-form-container h2 svg{width:18px!important;height:18px!important}.order-product-icon svg{width:20px!important;height:20px!important}}@media (width<=480px){.order-summary h2,.payment-form-container h2{gap:8px}.order-summary h2 svg,.payment-form-container h2 svg{width:16px!important;height:16px!important}.order-product-icon svg{width:18px!important;height:18px!important}}.payment-container::-webkit-scrollbar{width:4px}.payment-container::-webkit-scrollbar-track{background:0 0}.payment-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40;--card-padding:clamp(.8rem, 1.5vw, 1.5rem);--card-radius:clamp(12px, 1.5vw, 16px);--image-height:clamp(120px, 18vh, 180px);--title-font:clamp(.9rem, 1.1vw, 1.1rem);--price-font:clamp(1.4rem, 2vw, 2rem);--price-label:clamp(.6rem, .8vw, .8rem);--btn-font:clamp(.75rem, .9vw, .95rem);--btn-padding:clamp(.4rem, .6vw, .7rem) clamp(1rem, 1.8vw, 2rem);--badge-font:clamp(.5rem, .6vw, .65rem);--badge-padding:clamp(.15rem, .2vw, .25rem) clamp(.4rem, .6vw, .8rem);--grid-gap:clamp(.8rem, 1.5vw, 2rem)}.plans-grid{gap:var(--grid-gap);padding:var(--grid-gap);grid-template-columns:repeat(2,1fr);width:100%;margin:0 auto;display:grid}.plan-card{border-radius:var(--card-radius);padding:var(--card-padding);text-align:center;cursor:pointer;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b14;width:100%;transition:all .3s;position:relative;overflow:hidden}.plan-card:hover{border-color:#ff6b6b26;transform:translateY(-8px)}.plan-card.featured{background:linear-gradient(135deg,#1a0a2ee6,#10172bf2);border-color:#ff6b6b26}.plan-card.featured:hover{border-color:#ff6b6b33;transform:translateY(-8px)}.plan-badge{color:#fff;font-size:var(--badge-font);padding:var(--badge-padding);text-transform:uppercase;z-index:5;background:linear-gradient(135deg,#07f,#8a2fff);border-radius:50px;font-weight:600;position:absolute;top:clamp(6px,.8vw,12px);right:clamp(6px,.8vw,12px);box-shadow:0 4px 15px #ff6b6b4d}.plan-image{width:100%;min-height:var(--image-height);background:linear-gradient(135deg,#1a2340,#10172b);border-radius:clamp(8px,1vw,12px);justify-content:center;align-items:center;margin-bottom:clamp(.5rem,.8vw,1rem);display:flex;overflow:hidden}.plan-image img{width:100%;height:var(--image-height);object-fit:cover;transition:all .4s;display:block}.plan-image img:not([src]),.plan-image img[src=""],.plan-image img[src*=undefined]{display:none}.plan-image:after{content:"🎮";width:100%;height:var(--image-height);background:linear-gradient(135deg,#1a2340,#10172b);border-radius:clamp(8px,1vw,12px);justify-content:center;align-items:center;font-size:3rem;display:none}.plan-image img:not([src])+:scope:after,.plan-image img[src=""]+:scope:after{display:flex}.plan-card:hover .plan-image img{transform:scale(1.05)}.plan-content{width:100%}.plan-title{font-size:var(--title-font);color:#fff;margin:0 0 clamp(.3rem,.5vw,.5rem);font-weight:600;transition:color .3s}.plan-card:hover .plan-title{color:#07f}.plan-price{justify-content:center;align-items:baseline;gap:.3rem;margin-bottom:clamp(.5rem,.8vw,1rem);display:flex}.price-amount{font-size:var(--price-font);background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.price-label{color:var(--text-muted);font-size:var(--price-label);font-weight:400}.plan-btn{padding:var(--btn-padding);color:#fff;font-size:var(--btn-font);cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;width:100%;font-weight:600;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.plan-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ff6b6b4d}.plan-btn:active{transform:scale(.95)}@media (width>=1025px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:1200px;padding:2rem}}@media (width>=1281px){:root{--card-padding:2rem;--card-radius:20px;--image-height:220px;--title-font:1.3rem;--price-font:2.4rem;--price-label:.9rem;--btn-font:1.05rem;--btn-padding:.9rem 2.5rem;--badge-font:.75rem;--badge-padding:.3rem 1rem;--grid-gap:2.5rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;max-width:1400px;padding:2.5rem}}@media (width>=768px) and (width<=1024px){.plans-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){.plans-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem}}@media (width>=481px) and (width<=767px){:root{--card-padding:1rem;--card-radius:12px;--image-height:140px;--title-font:.9rem;--price-font:1.6rem;--price-label:.7rem;--btn-font:.8rem;--btn-padding:.5rem 1.2rem;--badge-font:.55rem;--badge-padding:.1rem .5rem;--grid-gap:1rem}.plans-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}}@media (width>=320px) and (width<=480px){:root{--card-padding:.8rem;--card-radius:10px;--image-height:120px;--title-font:.85rem;--price-font:1.4rem;--price-label:.65rem;--btn-font:.75rem;--btn-padding:.4rem 1.2rem;--badge-font:.5rem;--badge-padding:.1rem .4rem;--grid-gap:.8rem}.plans-grid{gap:.8rem;padding:.8rem;grid-template-columns:repeat(2,1fr)!important}.plan-image{min-height:120px}.plan-image img{height:120px}.plan-btn{font-size:.7rem}}@media (width<=319px){:root{--card-padding:.5rem;--card-radius:8px;--image-height:90px;--title-font:.7rem;--price-font:1.1rem;--price-label:.5rem;--btn-font:.6rem;--btn-padding:.3rem .8rem;--badge-font:.4rem;--badge-padding:.05rem .3rem;--grid-gap:.5rem}.plans-grid{grid-template-columns:1fr;gap:.5rem;padding:.5rem}.plan-image{min-height:90px}.plan-image img{height:90px}}.plan-card::-webkit-scrollbar{width:4px}.plan-card::-webkit-scrollbar-track{background:0 0}.plan-card::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}@keyframes highlightPulse{0%{box-shadow:0 0 #ff6b6b66}50%{box-shadow:0 0 40px 10px #ff6b6b33}to{box-shadow:0 0 #ff6b6b00}}@media (width>=1281px){.game-detail-page{padding:3rem 6rem}.game-detail-container{max-width:1200px}.game-banner img{height:350px}.game-icon{width:100px;height:100px}.game-info h1{font-size:2.5rem}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}}@media (width>=1025px) and (width<=1280px){.game-detail-page{padding:2rem 4rem}.game-banner img{height:280px}.game-icon{width:75px;height:75px}.game-info h1{font-size:1.8rem}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}@media (width>=768px) and (width<=1024px){.game-detail-page{padding:1.5rem 2.5rem}.banner-overlay{gap:1.2rem;padding:1.5rem;flex-direction:row!important}.game-icon{width:65px;height:65px}.game-info h1{font-size:1.5rem}.game-meta{gap:1.2rem;font-size:.85rem}.plans-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.plans-section{padding:1.5rem}.plan-actions{flex-flow:wrap}.buy-now-btn{width:auto;min-width:200px}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){.game-detail-page{padding:1.5rem 3rem}.game-banner{max-height:300px}.game-banner img{height:250px}.banner-overlay{padding:1.2rem 2rem;flex-direction:row!important}.game-icon{width:60px;height:60px}.game-info h1{font-size:1.4rem}.plans-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}}@media (width>=481px) and (width<=767px){.game-detail-page{padding:1.2rem 1.5rem}.game-banner{min-height:150px;max-height:250px}.game-banner img{height:200px}.banner-overlay{gap:1rem;padding:1rem 1.2rem;flex-direction:row!important}.game-icon{width:55px;min-width:55px;height:55px}.game-info h1{font-size:1.2rem}.game-meta{gap:.8rem;font-size:.75rem}.plans-grid{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.plans-section{padding:1.2rem}.plan-actions{flex-direction:column;gap:.8rem}.buy-now-btn{width:100%}.selected-plan-info{flex-wrap:wrap}.selected-plan-price{margin-left:0}}@media (width>=320px) and (width<=480px){.game-detail-page{padding:.8rem}.game-banner{border-radius:12px;min-height:120px;max-height:200px}.game-banner img{height:160px}.banner-overlay{align-items:center;gap:.7rem;padding:.8rem;flex-direction:row!important}.game-icon{border:2px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;min-height:50px;display:flex!important}.game-icon img{object-fit:contain;width:100%;height:100%;display:block}.game-info h1{margin:0;font-size:1rem;line-height:1.2}.game-meta{gap:.5rem;margin-top:.1rem;font-size:.6rem}.plans-grid{gap:.7rem;grid-template-columns:repeat(2,1fr)!important}.plans-section{border-radius:12px;padding:.8rem}.plans-title{margin-bottom:1rem;font-size:1rem}.plan-actions{border-radius:12px;flex-direction:column;gap:.6rem;margin-top:1.2rem;padding:1rem}.buy-now-btn{border-radius:10px;width:100%;padding:.8rem;font-size:.9rem}.selected-plan-info{gap:.5rem;padding:.6rem .8rem}.selected-label{font-size:.75rem}.selected-plan-name{font-size:.8rem}.selected-plan-price{margin-left:0;font-size:.9rem}.select-hint{font-size:.75rem}.back-btn{font-size:.8rem}}@media (width<=319px){.game-detail-page{padding:.5rem}.game-banner{min-height:100px;max-height:150px}.game-banner img{height:120px}.banner-overlay{gap:.5rem;padding:.5rem;flex-direction:row!important}.game-icon{border-radius:8px;width:40px;min-width:40px;height:40px;min-height:40px}.game-info h1{font-size:.8rem}.game-meta{gap:.4rem;font-size:.5rem}.plans-grid{gap:.6rem;grid-template-columns:1fr!important}.plans-section{padding:.6rem}.plans-title{font-size:.9rem}.plan-actions{flex-direction:column;padding:.8rem}.buy-now-btn{padding:.6rem;font-size:.8rem}}.simple-note{background:#34d3990d;border:1px solid #34d39926;border-radius:10px;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:.8rem 1.2rem;display:flex}.note-emoji{flex-shrink:0;font-size:1.5rem}.simple-note .note-text{color:#fff9;font-size:.9rem;line-height:1.5}.simple-note .note-text strong{color:#34d399}.note-icon{color:#07f;flex-shrink:0;margin-top:.2rem;font-size:2rem}.note-steps{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.8rem;padding-top:.8rem;display:flex}.note-steps span{color:#ffffff80;font-size:.8rem}.note-steps strong{color:#34d399}.exchange-rate-display{background:#34d3990d;border:1px solid #34d39926;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:.8rem 1.2rem;display:flex}.rate-note{color:#fff3;margin-left:auto;font-size:.75rem}.custom-range-info{justify-content:space-between;padding:.2rem .3rem;font-size:.7rem;display:flex}.range-min{color:#34d399}.range-max{color:#f59e0b}.custom-error{color:#ef4444;text-align:center;background:#ef44440d;border-radius:6px;margin:.2rem 0;padding:.3rem 0;font-size:.8rem}.custom-card{cursor:pointer;border:2px solid #0000;transition:all .3s;position:relative}.custom-card.selected{border-color:#07f;transform:scale(1.02);box-shadow:0 0 30px #ff6b6b33}.custom-card:hover{border-color:#ff6b6b4d;transform:translateY(-5px)}.custom-input-container{background:#ffffff08;border-radius:10px;width:100%;margin-top:.8rem;padding:1rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-input-group{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;display:flex;overflow:hidden}.currency-symbol{color:#ffffff80;background:#ffffff05;border-right:1px solid #ffffff0d;padding:.6rem .8rem;font-size:1rem;font-weight:600}.custom-input-group input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.6rem 1rem;font-size:1rem}.custom-input-group input::placeholder{color:#ffffff4d}.custom-input-group input:focus{outline:none}.custom-bdt-display{text-align:center;color:#34d399;padding:.4rem 0;font-size:.85rem;font-weight:600}.custom-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .3s}.custom-confirm-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #ee5a244d}.custom-trigger-btn{color:#07f;cursor:pointer;background:#ff6b6b1a;border:1px dashed #ff6b6b4d;border-radius:8px;width:100%;margin-top:.8rem;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .3s}.custom-trigger-btn:hover{background:#ff6b6b33}.back-btn{color:#fff6;font-size:.9rem;text-decoration:none;transition:all .3s}.back-btn:hover{color:#07f}@media (width>=1281px){.game-detail-page{padding:3rem 6rem}.game-detail-container{max-width:1200px}.game-banner img{height:350px}.game-icon{width:100px;height:100px}.game-info h1{font-size:2.5rem}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}}@media (width>=1025px) and (width<=1280px){.game-detail-page{padding:2rem 4rem}.game-banner img{height:280px}.game-icon{width:75px;height:75px}.game-info h1{font-size:1.8rem}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}@media (width>=768px) and (width<=1024px){.game-detail-page{padding:1.5rem 2.5rem}.banner-overlay{gap:1.2rem;padding:1.5rem;flex-direction:row!important}.game-icon{width:65px;height:65px}.game-info h1{font-size:1.5rem}.game-meta{gap:1.2rem;font-size:.85rem}.plans-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.plans-section{padding:1.5rem}.plan-actions{flex-flow:wrap}.buy-now-btn{width:auto;min-width:200px}.additional-note{padding:1.2rem}.exchange-rate-display{flex-direction:row}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){.game-detail-page{padding:1.5rem 3rem}.game-banner{max-height:300px}.game-banner img{height:250px}.banner-overlay{padding:1.2rem 2rem;flex-direction:row!important}.game-icon{width:60px;height:60px}.game-info h1{font-size:1.4rem}.plans-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}}@media (width>=481px) and (width<=767px){.game-detail-page{padding:1.2rem 1.5rem}.game-banner{min-height:150px;max-height:250px}.game-banner img{height:200px}.banner-overlay{gap:1rem;padding:1rem 1.2rem;flex-direction:row!important}.game-icon{width:55px;min-width:55px;height:55px}.game-info h1{font-size:1.2rem}.game-meta{gap:.8rem;font-size:.75rem}.plans-grid{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.plans-section{padding:1.2rem}.plan-actions{flex-direction:column;gap:.8rem}.buy-now-btn{width:100%}.selected-plan-info{flex-wrap:wrap}.selected-plan-price{margin-left:0}.additional-note{flex-direction:column;padding:1rem}.note-icon{font-size:1.5rem}.note-steps{flex-direction:column;gap:.3rem}.exchange-rate-display{text-align:center;flex-direction:column;gap:.3rem}.rate-note{margin-left:0}.whatsapp-btn{justify-content:center;width:100%}.custom-input-container{padding:.8rem}}@media (width>=320px) and (width<=480px){.game-detail-page{padding:.8rem}.game-banner{border-radius:12px;min-height:120px;max-height:200px}.game-banner img{height:160px}.banner-overlay{align-items:center;gap:.7rem;padding:.8rem;flex-direction:row!important}.game-icon{border:2px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;min-height:50px;display:flex!important}.game-icon img{object-fit:contain;width:100%;height:100%;display:block}.game-info h1{margin:0;font-size:1rem;line-height:1.2}.game-meta{gap:.5rem;margin-top:.1rem;font-size:.6rem}.plans-grid{gap:.7rem;grid-template-columns:repeat(2,1fr)!important}.plans-section{border-radius:12px;padding:.8rem}.plans-title{margin-bottom:1rem;font-size:1rem}.plan-actions{border-radius:12px;flex-direction:column;gap:.6rem;margin-top:1.2rem;padding:1rem}.buy-now-btn{border-radius:10px;width:100%;padding:.8rem;font-size:.9rem}.selected-plan-info{gap:.5rem;padding:.6rem .8rem}.selected-label{font-size:.75rem}.selected-plan-name{font-size:.8rem}.selected-plan-price{margin-left:0;font-size:.9rem}.select-hint{font-size:.75rem}.back-btn{font-size:.8rem}.additional-note{flex-direction:column;gap:.6rem;padding:1rem}.note-icon{font-size:1.3rem}.note-title{font-size:.85rem}.note-text{font-size:.75rem}.note-steps{flex-direction:column;gap:.3rem}.note-steps span{font-size:.7rem}.exchange-rate-display{text-align:center;flex-direction:column;gap:.3rem;padding:.6rem 1rem}.rate-label{font-size:.7rem}.rate-value{font-size:.8rem}.rate-note{margin-left:0;font-size:.6rem}.whatsapp-btn{justify-content:center;width:100%;padding:.5rem 1rem;font-size:.8rem}.custom-input-container{padding:.8rem}.custom-input-group input{padding:.4rem .8rem;font-size:.85rem}.currency-symbol{padding:.4rem .6rem;font-size:.85rem}.custom-confirm-btn,.custom-trigger-btn{padding:.5rem;font-size:.8rem}.custom-bdt-display{font-size:.75rem}}@media (width<=319px){.game-detail-page{padding:.5rem}.game-banner{min-height:100px;max-height:150px}.game-banner img{height:120px}.banner-overlay{gap:.5rem;padding:.5rem;flex-direction:row!important}.game-icon{border-radius:8px;width:40px;min-width:40px;height:40px;min-height:40px}.game-info h1{font-size:.8rem}.game-meta{gap:.4rem;font-size:.5rem}.plans-grid{gap:.6rem;grid-template-columns:1fr!important}.plans-section{padding:.6rem}.plans-title{font-size:.9rem}.plan-actions{flex-direction:column;padding:.8rem}.buy-now-btn{padding:.6rem;font-size:.8rem}.additional-note{padding:.8rem}.note-icon{font-size:1.1rem}.note-title{font-size:.75rem}.note-text{font-size:.65rem}.note-steps span{font-size:.6rem}.exchange-rate-display{flex-direction:column;padding:.5rem .8rem}.rate-label{font-size:.6rem}.rate-value{font-size:.7rem}.whatsapp-btn{padding:.4rem .8rem;font-size:.7rem}.custom-input-container{padding:.6rem}}.category-tabs{flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem;padding:.5rem 0;display:flex}.category-tab{cursor:pointer;color:#fff6;background:0 0;border:2px solid #ffffff0d;border-radius:12px;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;position:relative}.category-tab:hover{background:#ffffff08;transform:translateY(-2px)}.category-tab.active{transform:translateY(-2px);box-shadow:0 4px 20px #0003}.category-tab .tab-icon{font-size:1.2rem}.category-tab .tab-label{letter-spacing:.3px;font-size:.85rem}.category-tab .tab-active-indicator{border-radius:3px;width:60%;height:3px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.whatsapp-gift{background:#25d366;justify-content:center;width:100%;margin:.5rem 0}.whatsapp-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50px;align-items:center;gap:.8rem;margin:.5rem 0;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #25d3664d}.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #25d36680}.whatsapp-btn .wa-icon{font-size:1.2rem}.gift-badge{color:#f59e0b;font-size:.85rem}.plan-features{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0d;border-radius:16px;margin-top:2rem;padding:1.5rem}.features-title{color:#fff;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.features-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.feature-item{background:#ffffff05;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .8rem;transition:all .3s;display:flex}.feature-item:hover{background:#ffffff0d}.feature-icon{font-size:1rem}.feature-text{color:#ffffffb3;font-size:.85rem}.additional-note{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:12px;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.2rem 1.5rem;display:flex}.note-icon{flex-shrink:0;margin-top:.1rem;font-size:1.8rem}.note-content{flex:1}.note-title{color:#07f;margin:0 0 .3rem;font-size:.95rem;font-weight:700}.note-text{color:#fff9;margin:.2rem 0;font-size:.85rem;line-height:1.6}.note-text strong{color:#07f}.exchange-rate-note{background:#34d3990d;border:1px solid #34d39926;border-radius:10px;margin-bottom:1.5rem;padding:.8rem 1.2rem}.rate-info{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.rate-label{color:#ffffff80;font-size:.85rem}.rate-value{color:#34d399;font-size:.9rem;font-weight:700}.rate-divider{color:#ffffff1a}.rate-note{color:#ffffff40;font-size:.7rem}.game-detail-page{min-height:70vh;padding:2rem 4rem}.game-detail-container{max-width:1000px;margin:0 auto}.game-banner{border-radius:20px;min-height:180px;max-height:350px;margin-bottom:2rem;position:relative;overflow:hidden}.game-banner img{object-fit:cover;width:100%;height:300px}.banner-overlay{background:linear-gradient(#0000,#0e0c03f2);flex-direction:row;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.game-icon{background:#0a0f1e;border:2px solid #ffffff1a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.game-icon img{object-fit:contain;width:100%;height:100%;display:block}.game-info h1{color:#fff;margin:0;font-size:2rem;font-weight:700}.game-meta{color:#fff9;flex-wrap:wrap;gap:1.5rem;margin-top:.3rem;font-size:.9rem;display:flex}.rating{color:#f59e0b}.orders{color:#34d399}.plans-section{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0d;border-radius:16px;padding:2rem}.plans-title{color:#fff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.plan-card.selected{border:2px solid #07f;transform:scale(1.02);box-shadow:0 0 30px #ff6b6b33}.plan-actions{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0d;border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;transition:all .3s;display:flex}.plan-actions.highlight-pulse{animation:.6s highlightPulse}.selected-plan-info{background:#ffffff08;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.8rem;width:100%;margin-bottom:1rem;padding:.8rem 1rem;display:flex}.selected-label{color:#34d399;font-size:.9rem;font-weight:600}.selected-plan-name{color:#fff;font-size:.95rem;font-weight:500}.selected-plan-price{color:#07f;margin-left:auto;font-size:1.1rem;font-weight:700}.select-hint{color:#ffffff4d;font-size:.9rem}.buy-now-btn{cursor:pointer;color:#ffffff4d;background:#ffffff0d;border:none;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s}.buy-now-btn.active{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);box-shadow:0 4px 20px #ee5a244d}.buy-now-btn.active:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ee5a2480}.buy-now-btn:disabled{cursor:not-allowed}@media (width>=1281px){.game-detail-page{padding:3rem 6rem}.game-detail-container{max-width:1200px}.game-banner img{height:350px}.game-icon{width:100px;height:100px}.game-info h1{font-size:2.5rem}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}}@media (width>=1025px) and (width<=1280px){.game-detail-page{padding:2rem 4rem}.game-banner img{height:280px}.game-icon{width:75px;height:75px}.game-info h1{font-size:1.8rem}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}@media (width>=768px) and (width<=1024px){.game-detail-page{padding:1.5rem 2.5rem}.banner-overlay{gap:1.2rem;padding:1.5rem;flex-direction:row!important}.game-icon{width:65px;height:65px}.game-info h1{font-size:1.5rem}.game-meta{gap:1.2rem;font-size:.85rem}.plans-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.plans-section{padding:1.5rem}.plan-actions{flex-flow:wrap}.buy-now-btn{width:auto;min-width:200px}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){.game-detail-page{padding:1.5rem 3rem}.game-banner{max-height:300px}.game-banner img{height:250px}.banner-overlay{padding:1.2rem 2rem;flex-direction:row!important}.game-icon{width:60px;height:60px}.game-info h1{font-size:1.4rem}.plans-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}}@media (width>=481px) and (width<=767px){.game-detail-page{padding:1.2rem 1.5rem}.game-banner{min-height:150px;max-height:250px}.game-banner img{height:200px}.banner-overlay{gap:1rem;padding:1rem 1.2rem;flex-direction:row!important}.game-icon{width:55px;min-width:55px;height:55px}.game-info h1{font-size:1.2rem}.game-meta{gap:.8rem;font-size:.75rem}.plans-grid{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.plans-section{padding:1.2rem}.plan-actions{flex-direction:column;gap:.8rem}.buy-now-btn{width:100%}.selected-plan-price{margin-left:0}.category-tabs{gap:.5rem}.category-tab{padding:.5rem 1rem;font-size:.8rem}.category-tab .tab-label{font-size:.75rem}.features-grid{grid-template-columns:1fr}}@media (width>=320px) and (width<=480px){.game-detail-page{padding:.8rem}.game-banner{border-radius:12px;min-height:120px;max-height:200px}.game-banner img{height:160px}.banner-overlay{align-items:center;gap:.7rem;padding:.8rem;flex-direction:row!important}.game-icon{border:2px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;min-height:50px;display:flex!important}.game-icon img{object-fit:contain;width:100%;height:100%;display:block}.game-info h1{margin:0;font-size:1rem;line-height:1.2}.game-meta{gap:.5rem;margin-top:.1rem;font-size:.6rem}.plans-grid{gap:.7rem;grid-template-columns:repeat(2,1fr)!important}.plans-section{border-radius:12px;padding:.8rem}.plans-title{margin-bottom:1rem;font-size:1rem}.plan-actions{border-radius:12px;flex-direction:column;gap:.6rem;margin-top:1.2rem;padding:1rem}.buy-now-btn{border-radius:10px;width:100%;padding:.8rem;font-size:.9rem}.selected-plan-info{gap:.5rem;padding:.6rem .8rem}.selected-label{font-size:.75rem}.selected-plan-name{font-size:.8rem}.selected-plan-price{margin-left:0;font-size:.9rem}.select-hint{font-size:.75rem}.category-tabs{justify-content:center;gap:.4rem}.category-tab{padding:.4rem .8rem;font-size:.7rem}.category-tab .tab-icon{font-size:1rem}.category-tab .tab-label{font-size:.65rem}.features-grid{grid-template-columns:1fr}.additional-note{flex-direction:column;padding:1rem}.note-icon{font-size:1.3rem}.note-title{font-size:.85rem}.note-text{font-size:.75rem}.exchange-rate-note{padding:.6rem 1rem}.rate-label{font-size:.7rem}.rate-value{font-size:.8rem}}@media (width<=319px){.game-detail-page{padding:.5rem}.game-banner{min-height:100px;max-height:150px}.game-banner img{height:120px}.banner-overlay{gap:.5rem;padding:.5rem;flex-direction:row!important}.game-icon{border-radius:8px;width:40px;min-width:40px;height:40px;min-height:40px}.game-info h1{font-size:.8rem}.game-meta{gap:.4rem;font-size:.5rem}.plans-grid{gap:.6rem;grid-template-columns:1fr!important}.plans-section{padding:.6rem}.plans-title{font-size:.9rem}.plan-actions{flex-direction:column;padding:.8rem}.buy-now-btn{padding:.6rem;font-size:.8rem}.category-tabs{gap:.3rem}.category-tab{padding:.3rem .6rem;font-size:.6rem}.category-tab .tab-icon{font-size:.8rem}.category-tab .tab-label{font-size:.55rem}.features-grid{grid-template-columns:1fr}}:root{--neon-primary:#07f;--text-primary:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40}.admin-dashboard{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#003078e6 100%);min-height:70vh;padding:2rem 4rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#fff;font-size:2rem;font-weight:700}.dashboard-header p{color:var(--text-secondary);margin-top:.2rem;font-size:.95rem}.stat-card .stat-icon{font-size:2rem}.stat-info{flex-direction:column;display:flex}.stat-value{color:#fff;font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.quick-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.quick-action-btn{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.quick-action-btn:hover{color:#8a2fff;border-color:#07f}.quick-action-btn .badge{color:#fff;background:#ef4444;border-radius:50px;padding:.05rem .4rem;font-size:.6rem;font-weight:700;position:absolute;top:-6px;right:-6px}.recent-orders{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem;overflow:hidden}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{color:#fff;font-size:1.1rem}.view-all{color:var(--text-muted);font-size:.85rem;text-decoration:none}.view-all:hover{color:#07f}.orders-table-wrapper{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;padding:.6rem .8rem;font-size:.7rem}.orders-table td{color:var(--text-secondary);padding:.6rem .8rem;font-size:.85rem}.status-badge{text-transform:capitalize;border-radius:50px;padding:.15rem .6rem;font-size:.65rem;font-weight:600;display:inline-block}.status-badge.pending{color:#f59e0b;background:#f59e0b1f}.status-badge.processing{color:#3b82f6;background:#3b82f61f}.status-badge.completed{color:#34d399;background:#34d3991f}.status-badge.cancelled{color:#ef4444;background:#ef44441f}.no-data{text-align:center;color:var(--text-muted);padding:1.5rem 0}@media (width<=768px){.admin-dashboard{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions{flex-direction:column}.quick-action-btn{justify-content:center}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.2rem}}.dashboard-header h1{align-items:center;gap:10px;display:inline-flex}.dashboard-header h1 svg{color:#07f;flex-shrink:0;display:block}.stat-card .stat-icon{background:#ffffff0a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s,background .3s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.08)}.stat-card.revenue .stat-icon{color:#8a2fff;background:#8a2fff1f}.stat-card.processing .stat-icon svg{animation:3s linear infinite refreshSpin}@keyframes refreshSpin{to{transform:rotate(360deg)}}.section-header h3{align-items:center;gap:8px;display:inline-flex}.section-header h3 svg{color:#07f;flex-shrink:0;display:block}.view-all{align-items:center;gap:4px;display:inline-flex}.view-all svg{transition:transform .3s}.view-all:hover svg{transform:translate(4px)}.quick-action-btn svg{color:currentColor;flex-shrink:0}@media (width<=768px){.dashboard-header h1 svg{width:22px!important;height:22px!important}.stat-card .stat-icon{width:38px;height:38px}.stat-card .stat-icon svg{width:22px!important;height:22px!important}.section-header h3 svg{width:16px!important;height:16px!important}}@media (width<=480px){.dashboard-header h1{gap:8px}.dashboard-header h1 svg{width:20px!important;height:20px!important}.stat-card .stat-icon{border-radius:10px;width:34px;height:34px}.stat-card .stat-icon svg{width:18px!important;height:18px!important}.section-header h3 svg{width:14px!important;height:14px!important}}.admin-dashboard::-webkit-scrollbar{width:4px}.admin-dashboard::-webkit-scrollbar-track{background:0 0}.admin-dashboard::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.admin-orders{background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);min-height:70vh;padding:2rem 4rem}.admin-orders-container{max-width:1400px;margin:0 auto}.admin-header-left h1{background:linear-gradient(135deg, #fff 0%, var(--cyber-blue) 50%, var(--cyber-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800}.admin-header-actions{gap:.5rem;display:flex}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .5rem;transition:all .3s}.filter-group{gap:.5rem;display:flex}.filter-select{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:50px;outline:none;padding:.4rem 1rem;font-size:.75rem;transition:all .3s}.filter-select:focus{border-color:#00d4ff33}.filter-select option{background:var(--cyber-dark)}.orders-table-wrapper{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;overflow:auto hidden}.orders-table{border-collapse:collapse;width:100%;min-width:1100px}.orders-table thead{background:#ffffff05}.orders-table thead tr th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #ffffff0d;padding:1rem 1.2rem;font-size:.7rem;font-weight:600}.orders-table tbody tr{border-bottom:1px solid #ffffff08;transition:all .3s}.orders-table tbody tr:hover{background:#ffffff05}.orders-table tbody tr td{color:var(--text-secondary);vertical-align:middle;padding:.9rem 1.2rem;font-size:.85rem}.order-id{color:var(--cyber-blue);align-items:center;gap:.3rem;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;display:flex}.order-id .id-icon{color:var(--text-muted);font-size:.7rem}.customer-info{flex-direction:column;gap:.15rem;display:flex}.customer-name{color:#fff;align-items:center;gap:.3rem;font-weight:500;display:flex}.customer-name .customer-icon{color:var(--text-muted);font-size:.7rem}.customer-email{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.customer-email .email-icon{font-size:.6rem}.customer-phone{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.customer-phone .phone-icon{font-size:.6rem}.product-info{flex-direction:column;gap:.15rem;display:flex}.product-name{color:#fff;font-weight:500}.product-plan{color:var(--text-muted);font-size:.75rem}.custom-badge{color:var(--cyber-purple);background:#8a2fff14;border-radius:4px;padding:.05rem .5rem;font-size:.6rem}.gift-badge{color:#f59e0b;background:#f59e0b14;border-radius:4px;padding:.05rem .5rem;font-size:.6rem}.amount-info{flex-direction:column;gap:.1rem;display:flex}.order-amount{color:#34d399;font-size:1rem;font-weight:700}.discount-badge{color:#ef4444;font-size:.65rem}.payment-method{flex-direction:column;gap:.1rem;display:flex}.payment-icon{font-size:1.2rem}.payment-name{text-transform:capitalize;color:var(--text-secondary);font-size:.8rem}.transaction-id{color:var(--text-muted);font-family:monospace;font-size:.6rem}.status-badge{text-transform:capitalize;border-radius:50px;align-items:center;gap:.4rem;padding:.2rem .8rem;font-size:.7rem;font-weight:600;display:inline-flex}.status-badge .status-dot{border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;display:inline-block}.status-badge.pending .status-dot{background:#f59e0b}.status-badge.processing .status-dot{background:#3b82f6}.status-badge.completed .status-dot{background:#34d399}.status-badge.cancelled .status-dot{background:#ef4444}.admin-actions{flex-wrap:wrap;gap:.4rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.2rem;padding:.25rem .8rem;font-size:.65rem;font-weight:600;transition:all .3s;display:flex}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.process{color:#3b82f6;background:#3b82f61f}.action-btn.process:hover:not(:disabled){background:#3b82f633;transform:translateY(-2px)}.action-btn.complete{color:#34d399;background:#34d3991f}.action-btn.complete:hover:not(:disabled){background:#34d39933;transform:translateY(-2px)}.action-btn.cancel{color:#ef4444;background:#ef44441f}.action-btn.cancel:hover:not(:disabled){background:#ef444433;transform:translateY(-2px)}.completed-label{color:#34d399;font-size:.7rem;font-weight:600}.cancelled-label{color:#ef4444;font-size:.7rem;font-weight:600}.date-info{flex-direction:column;gap:.1rem;display:flex}.date-info .date-icon{color:var(--text-muted);font-size:.7rem}.date-info span{color:var(--text-muted);font-size:.75rem}.date-info .time-info{color:var(--text-muted);opacity:.6;font-size:.6rem}.no-orders{text-align:center;color:var(--text-muted);padding:4rem 2rem}.no-orders .no-orders-icon{margin-bottom:1rem;font-size:4rem;display:block}.no-orders h3{color:#fff;margin-bottom:.3rem;font-size:1.2rem}.no-orders p{color:var(--text-muted)}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.admin-orders{padding:1.5rem 2rem}.orders-table{min-width:900px}.orders-table thead tr th{padding:.8rem 1rem;font-size:.65rem}.orders-table tbody tr td{padding:.7rem 1rem;font-size:.8rem}}@media (width<=768px){.admin-orders{padding:1rem}.admin-header{flex-direction:column;align-items:flex-start}.admin-header-left{justify-content:space-between;width:100%}.admin-header-left h1{font-size:1.5rem}.admin-header-actions{width:100%}.refresh-btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.stat-card{padding:.8rem 1rem}.stat-card .stat-value{font-size:1.2rem}.filters-section{flex-direction:column}.search-wrapper{min-width:100%}.search-type-buttons,.filter-group{justify-content:center}.orders-table{min-width:700px}.orders-table thead tr th{padding:.5rem .8rem;font-size:.55rem}.orders-table tbody tr td{padding:.5rem .8rem;font-size:.7rem}.action-btn{padding:.15rem .5rem;font-size:.55rem}.order-id{font-size:.7rem}.status-badge{padding:.1rem .5rem;font-size:.6rem}}@media (width<=480px){.admin-orders{padding:.5rem}.admin-header-left h1{font-size:1.2rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.6rem .8rem}.stat-card .stat-value{font-size:1rem}.stat-card .stat-label{font-size:.6rem}.search-type-btn{padding:.15rem .4rem;font-size:.5rem}.filter-select{padding:.2rem .6rem;font-size:.6rem}.orders-table{min-width:600px}.orders-table thead tr th{padding:.4rem .5rem;font-size:.5rem}.orders-table tbody tr td{padding:.4rem .5rem;font-size:.65rem}}.admin-orders::-webkit-scrollbar{width:4px}.admin-orders::-webkit-scrollbar-track{background:0 0}.admin-orders::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:10px}.admin-deposits{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001e78e6 100%);max-width:1200px;min-height:70vh;margin:0 auto;padding:2rem 4rem}.admin-deposits-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.admin-deposits-header h2{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2rem;font-weight:800}.pending-count{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff0a;border-radius:50px;padding:.3rem 1rem;font-size:.85rem;font-weight:600}.pending-count.has-pending{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b26}.refresh-btn:active{transform:scale(.95)}.deposits-list{flex-direction:column;gap:1rem;display:flex}.deposit-card{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;transition:all .3s;display:flex}.deposit-card:hover{background:#10172be6;border-color:#ff6b6b26;transform:translate(4px)}.deposit-info{flex-wrap:wrap;flex:1;align-items:center;gap:2rem;display:flex}.deposit-user{flex-direction:column;min-width:150px;display:flex}.user-name{color:var(--text-primary);font-size:1rem;font-weight:600;transition:all .3s}.deposit-card:hover .user-name{color:#07f}.user-email{color:var(--text-muted);font-size:.8rem}.deposit-details{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.deposit-amount{color:#34d399;font-size:1.3rem;font-weight:700}.deposit-method{color:var(--text-secondary);text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff08;border-radius:4px;padding:.2rem .8rem;font-size:.75rem;font-weight:600}.deposit-method.bkash{color:#e2136e;background:#e2136e1f;border-color:#e2136e1a}.deposit-method.nagad{color:#ff6b00;background:#ff6b001f;border-color:#ff6b001a}.deposit-method.rocket{color:#0a8f3f;background:#0a8f3f1f;border-color:#0a8f3f1a}.deposit-txid{color:var(--text-muted);font-family:Courier New,monospace;font-size:.8rem}.deposit-time{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.8rem;display:flex}.deposit-actions{gap:.5rem;display:flex}.approve-btn,.reject-btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.3rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.approve-btn{color:#34d399;background:#34d3991a;border:1px solid #34d39914}.approve-btn:hover{background:#34d39933;transform:translateY(-2px)}.reject-btn{color:#ef4444;background:#ef44441a;border:1px solid #ef444414}.reject-btn:hover{background:#ef444433;transform:translateY(-2px)}.approve-btn:active,.reject-btn:active{transform:scale(.95)}.no-deposits{text-align:center;color:var(--text-secondary);background:#ffffff03;border:1px solid #ffffff08;border-radius:20px;padding:3rem 2rem}.no-deposits span{opacity:.3;margin-bottom:.5rem;font-size:4rem;display:block}.no-deposits p{opacity:.5;margin:0;font-size:1.2rem}.no-deposits small{color:var(--text-muted);font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b1a;border-radius:24px;width:100%;max-width:420px;padding:2rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-header h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:700;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:.3rem;font-size:1.2rem;transition:all .3s;display:flex}.modal-close:hover{color:#ef4444;background:#ef444414}.modal-body{margin-bottom:1.5rem}.modal-message{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.modal-input{color:#fff;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;width:100%;padding:.8rem 1rem;font-size:.95rem;transition:all .3s}.modal-input:focus{background:#ff6b6b08;border-color:#ff6b6b33;outline:none}.modal-input::placeholder{color:var(--text-muted)}.modal-footer{gap:.8rem;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.modal-btn.cancel{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0a}.modal-btn.cancel:hover{background:#ffffff0d;transform:translateY(-2px)}.modal-btn.confirm{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.modal-btn.confirm:hover{transform:translateY(-3px)}@media (width<=992px){.admin-deposits{padding:1.5rem 2rem}}@media (width<=768px){.admin-deposits{padding:1.5rem}.admin-deposits-header{flex-direction:column;align-items:flex-start}.header-left{justify-content:space-between;width:100%}.refresh-btn{justify-content:center;width:100%}.deposit-card{flex-direction:column;align-items:stretch;padding:1rem}.deposit-info{flex-direction:column;align-items:stretch;gap:.5rem}.deposit-user{min-width:auto}.deposit-details{flex-wrap:wrap}.deposit-actions{justify-content:stretch}.approve-btn,.reject-btn{flex:1;justify-content:center}.admin-deposits-header h2{font-size:1.6rem}}@media (width<=480px){.admin-deposits{padding:1rem}.admin-deposits-header h2{font-size:1.3rem}.deposit-card{border-radius:12px;padding:.8rem}.deposit-amount{font-size:1.1rem}.approve-btn,.reject-btn{padding:.4rem .8rem;font-size:.75rem}.modal-content{border-radius:16px;padding:1.5rem}.modal-footer{flex-direction:column}}.admin-deposits::-webkit-scrollbar{width:4px}.admin-deposits::-webkit-scrollbar-track{background:0 0}.admin-deposits::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.admin-redeem-codes{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#002878e6 100%);max-width:1400px;min-height:70vh;margin:0 auto;padding:2rem 4rem}.admin-header h2{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2rem;font-weight:800}.create-code-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.create-code-btn:hover{transform:translateY(-3px)}.create-code-btn:active{transform:scale(.95)}.create-code-form{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b14;border-radius:16px;margin-bottom:2rem;padding:1.5rem;transition:all .3s}.create-code-form:hover{border-color:#ff6b6b1f}.create-code-form h3{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;display:flex}.create-code-form h3:after{content:"";background:linear-gradient(90deg,#ff6b6b4d,#0000);flex:1;height:1px;margin-left:1rem}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.form-grid .form-group{flex-direction:column;gap:.3rem;display:flex}.form-grid .form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-grid .form-group input,.form-grid .form-group select{color:#fff;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:.6rem 1rem;font-size:.95rem;transition:all .3s}.form-grid .form-group input:focus,.form-grid .form-group select:focus{background:#f59e0b08;border-color:#f59e0b33;outline:none}.form-grid .form-group input::placeholder{color:var(--text-muted)}.form-grid .form-group small{color:var(--text-muted);font-size:.7rem}.form-actions{gap:1rem;margin-top:1.5rem;display:flex}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:50px;padding:.7rem 2rem;font-weight:600;transition:all .3s}.submit-btn:hover{transform:translateY(-3px)}.submit-btn:active{transform:scale(.95)}.cancel-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:50px;padding:.7rem 2rem;font-weight:600;transition:all .3s}.cancel-btn:hover{background:#ffffff0d;transform:translateY(-2px)}.codes-list{background:linear-gradient(135deg,#10172bcc,#1a0a2ecc);border:1px solid #ff6b6b14;border-radius:16px;transition:all .3s;overflow:hidden}.codes-list:hover{border-color:#ff6b6b1f}.codes-table{border-collapse:collapse;width:100%}.codes-table thead{background:#ffffff05;border-bottom:1px solid #ffffff08}.codes-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:.8rem 1rem;font-size:.75rem;font-weight:600}.codes-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff08;padding:.8rem 1rem;font-size:.9rem;transition:all .3s}.codes-table tbody tr:hover{background:#ff6b6b05}.codes-table tbody tr:last-child td{border-bottom:none}.copy-code-btn{color:#f59e0b;cursor:pointer;letter-spacing:1px;background:#f59e0b14;border:1px solid #f59e0b1a;border-radius:6px;align-items:center;gap:.5rem;padding:.2rem .6rem;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.copy-code-btn:hover{background:#f59e0b26;transform:scale(1.05)}.copy-icon{opacity:.5;font-size:.8rem}.type-badge{text-transform:uppercase;border-radius:4px;padding:.15rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.type-badge.discount{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b14}.type-badge.free_item{color:#34d399;background:#34d3991f;border:1px solid #34d39914}.type-badge.wallet_bonus{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f614}.status-badge{border-radius:4px;padding:.15rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.status-badge.active{color:#34d399;background:#34d3991f;border:1px solid #34d39914}.status-badge.inactive{color:#ef4444;background:#ef44441f;border:1px solid #ef444414}.toggle-btn,.delete-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.2rem;transition:all .3s}.toggle-btn:hover{color:#f59e0b;transform:scale(1.1)}.delete-btn:hover{color:#ef4444;transform:scale(1.1)}@media (width<=992px){.admin-redeem-codes{padding:1.5rem 2rem}.form-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=768px){.admin-redeem-codes{padding:1.5rem}.admin-header{flex-direction:column;align-items:flex-start}.create-code-btn{justify-content:center;width:100%}.codes-table{display:block;overflow-x:auto}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{justify-content:center;width:100%}.admin-header h2{font-size:1.6rem}}@media (width<=480px){.admin-redeem-codes{padding:1rem}.admin-header h2{font-size:1.3rem}.form-grid{grid-template-columns:1fr}.form-grid .form-group input,.form-grid .form-group select{width:100%}.create-code-form{padding:1rem}.codes-table th,.codes-table td{padding:.6rem .8rem;font-size:.8rem}.copy-code-btn{padding:.15rem .4rem;font-size:.7rem}}.admin-redeem-codes::-webkit-scrollbar{width:4px}.admin-redeem-codes::-webkit-scrollbar-track{background:0 0}.admin-redeem-codes::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}:root{--cyber-blue:#00d4ff;--cyber-blue-dark:#07f;--cyber-purple:#8a2fff;--cyber-pink:#ff3ed1;--cyber-dark:#0b0f17;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6}.admin-custom-orders{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#003278e6 100%);min-height:70vh;padding:2rem 4rem}.admin-custom-orders-container{max-width:1200px;margin:0 auto}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.admin-header-left{align-items:center;gap:1rem;display:flex}.admin-header-left h2{background:linear-gradient(135deg, #fff 0%, var(--cyber-blue) 50%, var(--cyber-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800}.order-count{color:var(--text-muted);background:#ffffff0d;border-radius:50px;padding:.2rem .8rem;font-size:.85rem}.refresh-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:all .3s;display:flex}.refresh-btn:hover{color:var(--cyber-blue);background:#00d4ff1a;border-color:#00d4ff33;transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:1.2rem 1.5rem;transition:all .3s;display:flex}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-4px)}.stat-card .stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.stat-card.total .stat-icon{color:var(--cyber-blue);background:#00d4ff1a}.stat-card.pending .stat-icon{color:#f59e0b;background:#f59e0b1a}.stat-card.processing .stat-icon{color:#3b82f6;background:#3b82f61a}.stat-card.completed .stat-icon{color:#34d399;background:#34d3991a}.stat-card.premium .stat-icon{color:#f59e0b;background:#f59e0b1a}.stat-card .stat-info{flex-direction:column;display:flex}.stat-card .stat-value{color:#fff;font-size:1.6rem;font-weight:700;line-height:1.2}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.filters-section{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.search-wrapper{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex:1;align-items:center;min-width:250px;padding:0 1rem;transition:all .3s;display:flex}.search-wrapper:focus-within{background:#00d4ff05;border-color:#00d4ff33}.search-icon{color:var(--text-muted);font-size:1rem}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.7rem .8rem;font-size:.9rem}.search-input::placeholder{color:var(--text-muted)}.filter-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.filter-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:50px;padding:.4rem 1.2rem;font-size:.75rem;font-weight:500;transition:all .3s}.filter-btn:hover{color:#fff;border-color:#ffffff26}.filter-btn.pending.active{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b26}.filter-btn.processing.active{color:#3b82f6;background:#3b82f614;border-color:#3b82f626}.filter-btn.completed.active{color:#34d399;background:#34d39914;border-color:#34d39926}.filter-btn.cancelled.active{color:#ef4444;background:#ef444414;border-color:#ef444426}.orders-list{flex-direction:column;gap:1rem;display:flex}.custom-order-card:hover{border-color:#00d4ff26;transform:translate(4px)}.order-card-header{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.2rem;padding-bottom:1rem;display:flex}.order-id-section{align-items:center;gap:1rem;display:flex}.order-id{color:var(--cyber-blue);background:#00d4ff0d;border:1px solid #00d4ff1a;border-radius:6px;padding:.2rem .8rem;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.order-date{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.order-badges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.premium-badge{text-transform:uppercase;color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b14;border-radius:50px;align-items:center;gap:.3rem;padding:.15rem .7rem;font-size:.6rem;font-weight:600;display:flex}.image-preview-btn{color:var(--cyber-blue);cursor:pointer;background:#00d4ff0d;border:1px solid #00d4ff1a;border-radius:50px;align-items:center;gap:.3rem;padding:.15rem .7rem;font-size:.65rem;transition:all .3s;display:flex}.image-preview-btn:hover{background:#00d4ff1a;transform:scale(1.05)}.order-status{text-transform:capitalize;border-radius:50px;align-items:center;gap:.3rem;padding:.15rem .8rem;font-size:.65rem;font-weight:600;display:inline-flex}.order-card-body{grid-template-columns:200px 1fr;gap:1.5rem;display:grid}.order-user-section{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;gap:.8rem;padding:.8rem;display:flex}.user-avatar{width:44px;height:44px;color:var(--cyber-blue);background:#00d4ff0d;border:1px solid #00d4ff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-details{flex-direction:column;gap:.15rem;display:flex}.user-details strong{color:#fff;font-size:.95rem}.user-details span{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.user-details span svg{font-size:.7rem}.order-items-section{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:.8rem}.items-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.4rem;display:flex}.items-header span{color:var(--text-secondary);font-size:.8rem}.items-header .total-items{color:var(--text-muted);font-size:.7rem}.items-list{flex-direction:column;gap:.3rem;display:flex}.item-chip{background:#ffffff05;border:1px solid #ffffff08;border-radius:8px;align-items:center;gap:.5rem;padding:.3rem .8rem;display:flex}.item-chip .item-game{color:#fff;font-size:.8rem;font-weight:500}.item-chip .item-name{color:var(--text-secondary);font-size:.75rem}.item-chip .item-qty{color:var(--text-muted);font-size:.7rem}.order-type-badge{text-transform:uppercase;border-radius:50px;align-items:center;gap:.2rem;margin-left:auto;padding:.05rem .5rem;font-size:.55rem;font-weight:600;display:inline-flex}.order-type-badge.normal{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f60f}.order-type-badge.premium{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b0f}.order-card-footer{border-top:1px solid #ffffff0a;margin-top:1.2rem;padding-top:1rem}.order-actions{flex-wrap:wrap;gap:.5rem;display:flex}.order-actions button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.3rem;padding:.35rem 1.2rem;font-size:.75rem;font-weight:600;transition:all .3s;display:flex}.btn-processing{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f60f}.btn-processing:hover{background:#3b82f626;transform:translateY(-2px)}.btn-complete{color:#34d399;background:#34d39914;border:1px solid #34d3990f}.btn-complete:hover{background:#34d39926;transform:translateY(-2px)}.btn-cancel{color:#ef4444;background:#ef444414;border:1px solid #ef44440f}.btn-cancel:hover{background:#ef444426;transform:translateY(-2px)}.btn-whatsapp{color:#25d366;background:#25d36614;border:1px solid #25d3660f}.btn-whatsapp:hover{background:#25d36626;transform:translateY(-2px)}.btn-delete{color:#ef444499;background:#ef44440d;border:1px solid #ef44440a}.btn-delete:hover{color:#ef4444;background:#ef44441f;transform:translateY(-2px)}.no-orders{text-align:center;color:var(--text-secondary);background:#ffffff03;border:1px solid #ffffff08;border-radius:20px;padding:4rem 2rem}.no-orders span{opacity:.3;margin-bottom:.5rem;font-size:4rem;display:block}.no-orders p{opacity:.5;margin:0;font-size:1.2rem}.image-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.image-modal-content{background:linear-gradient(135deg,#10172bf2,#1a0a2ef2);border:1px solid #00d4ff1a;border-radius:16px;width:100%;max-width:600px;max-height:80vh;padding:1rem;position:relative}.image-modal-content img{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:70vh}.image-modal-close{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:-12px;right:-12px}.image-modal-close:hover{background:#ef444440;transform:rotate(90deg)}.search-type-buttons{flex-wrap:wrap;gap:.3rem;display:flex}.search-type-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:50px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.65rem;font-weight:500;transition:all .3s;display:flex}.search-type-btn:hover{color:#fff;border-color:#ffffff26}.search-type-btn.active{color:var(--cyber-blue);background:#00d4ff14;border-color:#00d4ff26}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 .5rem;transition:all .3s;display:flex}.clear-search-btn:hover{color:#ef4444}.search-result-info{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;display:flex}.search-result-info span{color:var(--text-secondary);font-size:.8rem}.search-result-info strong{color:var(--cyber-blue)}.search-result-info .no-result-hint{color:var(--text-muted);font-size:.7rem}.order-time{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.65rem;display:flex}@media (width<=768px){.search-type-buttons{justify-content:center}.search-type-btn{padding:.2rem .6rem;font-size:.55rem}.search-result-info{text-align:center;flex-direction:column}}@media (width<=480px){.search-type-btn{padding:.15rem .4rem;font-size:.5rem}.search-type-btn svg{width:.7rem;height:.7rem}}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.admin-custom-orders{padding:1.5rem 2rem}.order-card-body{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.admin-custom-orders{padding:1.5rem}.admin-header{flex-direction:column;align-items:flex-start}.admin-header-left{justify-content:space-between;width:100%}.refresh-btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column}.search-wrapper{min-width:100%}.filter-buttons{justify-content:center}.order-card-header{flex-direction:column;align-items:flex-start}.order-actions{flex-direction:column}.order-actions button{justify-content:center;width:100%}.admin-header-left h2{font-size:1.6rem}.order-user-section{text-align:center;flex-direction:column;align-items:center}.user-details span{justify-content:center}.items-list .item-chip{flex-wrap:wrap}.order-type-badge{margin-left:0}}@media (width<=480px){.admin-custom-orders{padding:1rem}.admin-header-left h2{font-size:1.3rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.8rem 1rem}.stat-card .stat-value{font-size:1.2rem}.custom-order-card{border-radius:12px;padding:1rem}.order-id{font-size:.65rem}.order-badges{gap:.3rem}.order-actions button{padding:.3rem .8rem;font-size:.7rem}.image-modal-content{padding:.5rem}.image-modal-close{width:30px;height:30px;font-size:1rem;top:-8px;right:-8px}}.admin-custom-orders::-webkit-scrollbar{width:4px}.admin-custom-orders::-webkit-scrollbar-track{background:0 0}.admin-custom-orders::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:10px}.custom-orders-page{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#003278e6 100%);min-height:70vh;padding:2rem 4rem}.custom-orders-container{max-width:1100px;margin:0 auto}.custom-orders-header{text-align:center;margin-bottom:2.5rem}.custom-orders-header h1{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.3rem;font-size:2.5rem;font-weight:700}.custom-orders-header p{color:#fff6;font-size:1rem}.custom-orders-filters{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-tabs{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.filter-btn{color:#fff6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50px;padding:.4rem 1.2rem;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;transition:all .3s}.filter-btn:hover{color:#ffffffb3;background:#ffffff08}.filter-btn.active{color:#8a2fff;background:#8b5cf614;border-color:#8a2fff}.custom-orders-search{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.8rem;padding:.6rem 1.2rem;transition:all .3s;display:flex}.custom-orders-search:focus-within{background:#8b5cf608;border-color:#8b5cf6}.custom-orders-search .search-icon{color:#fff3;flex-shrink:0;font-size:1.1rem}.custom-orders-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.3rem 0;font-family:Poppins,sans-serif;font-size:.95rem}.custom-orders-search input::placeholder{color:#fff3}.no-orders{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:4rem 2rem}.no-orders span{margin-bottom:1rem;font-size:4rem;display:block}.no-orders h3{color:#fff;margin-bottom:.3rem;font-size:1.3rem;font-weight:600}.no-orders p{color:#fff6;margin-bottom:1.5rem;font-size:.95rem}.shop-now-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:50px;padding:.6rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.shop-now-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf64d}.custom-orders-list{flex-direction:column;gap:1.2rem;display:flex}.custom-order-card{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #8b5cf626;border-radius:14px;padding:1.2rem 1.5rem;transition:all .3s}.custom-order-card:hover{background:#ffffff08;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.order-header{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:1rem;padding-bottom:.8rem;display:flex}.order-id{align-items:center;gap:.3rem;display:flex}.id-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.id-value{color:#fff9;background:#ffffff08;border-radius:4px;padding:.1rem .6rem;font-family:monospace;font-size:.85rem;font-weight:600}.premium-badge{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b33;border-radius:50px;padding:.15rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.order-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;align-items:center;gap:.3rem;padding:.15rem .8rem;font-size:.7rem;font-weight:600;display:inline-flex}.order-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.order-items{flex-direction:column;flex:1;gap:.3rem;display:flex}.order-item{color:#ffffffb3;background:#ffffff05;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.2rem .6rem;font-size:.85rem;display:flex}.order-item .item-game{color:#07f;font-weight:600}.order-item .item-name{color:#fff}.order-item .item-qty{color:#fff6}.order-item .order-type-badge{text-transform:uppercase;border-radius:4px;padding:.05rem .5rem;font-size:.6rem;font-weight:600;display:inline-block}.order-item .order-type-badge.normal{color:#3b82f6;background:#3b82f61f}.order-item .order-type-badge.premium{color:#f59e0b;background:#f59e0b1f}.order-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.order-user{flex-direction:column;display:flex}.order-user .user-name{color:#fff;font-size:.9rem;font-weight:500}.order-user .user-phone{color:#ffffff4d;font-size:.75rem}.order-total{text-align:center}.total-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;display:block}.total-value{color:#8b5cf6;font-size:1.1rem;font-weight:700}.order-date span{color:#ffffff4d;font-size:.8rem}.order-footer{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.8rem;display:flex}.has-image{color:#34d399;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.view-order-btn{color:#8a2fff;cursor:pointer;background:0 0;border:1px solid #8b5cf633;border-radius:8px;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s}.view-order-btn:hover{background:#8b5cf61a;border-color:#8b5cf6}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.loader{border:3px solid #ffffff1a;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-screen p{color:#ffffff4d;font-size:.95rem}@media (width<=992px){.custom-orders-page{padding:1.5rem 2rem}.order-body{flex-direction:column;align-items:flex-start}.order-meta{justify-content:space-between;width:100%}}@media (width<=768px){.custom-orders-page{padding:1rem}.custom-orders-header h1{font-size:1.8rem}.filter-tabs{gap:.3rem;padding:.3rem}.filter-btn{padding:.3rem .8rem;font-size:.75rem}.custom-order-card{padding:.8rem 1rem}.order-header{gap:.5rem}.order-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.order-footer{flex-direction:column;align-items:stretch}.view-order-btn{text-align:center;width:100%;padding:.5rem}}@media (width<=480px){.custom-orders-page{padding:.6rem}.custom-orders-header h1{font-size:1.4rem}.filter-btn{padding:.2rem .5rem;font-size:.65rem}.custom-order-card{padding:.6rem .8rem}.order-item{font-size:.75rem}.order-total .total-value{font-size:.9rem}}.custom-orders-header h1{align-items:center;gap:10px;display:inline-flex}.custom-orders-header h1 svg{color:#07f;flex-shrink:0;display:block}.filter-btn{align-items:center;gap:6px;display:inline-flex}.filter-btn svg{flex-shrink:0;display:block}.premium-badge{align-items:center;gap:4px;display:inline-flex}.premium-badge svg{flex-shrink:0}.order-date span{align-items:center;gap:5px;display:inline-flex}.order-date svg{color:#fff6;flex-shrink:0}.has-image{align-items:center;gap:5px;display:inline-flex}.has-image svg{color:#fff6;flex-shrink:0}.view-order-btn{align-items:center;gap:4px;display:inline-flex}.view-order-btn svg{transition:transform .3s}.view-order-btn:hover svg{transform:translate(4px)}.shop-now-btn{align-items:center;gap:6px;display:inline-flex}.shop-now-btn svg{transition:transform .3s}.shop-now-btn:hover svg{transform:translate(4px)}.no-orders-icon{color:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.no-orders-icon svg{display:block}.order-status-badge{align-items:center;gap:5px;display:inline-flex}.order-status-badge svg{flex-shrink:0}@media (width<=768px){.custom-orders-header h1 svg{width:20px!important;height:20px!important}.filter-btn svg{width:12px!important;height:12px!important}.no-orders-icon svg{width:44px!important;height:44px!important}}@media (width<=480px){.custom-orders-header h1{gap:8px}.custom-orders-header h1 svg{width:18px!important;height:18px!important}.filter-btn svg{width:11px!important;height:11px!important}.premium-badge svg{width:10px!important;height:10px!important}.no-orders-icon svg{width:36px!important;height:36px!important}}.popup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.popup-container{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b1a;border-radius:24px;width:100%;max-width:520px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.popup-close{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:12px;right:16px}.popup-close:hover{color:#ef4444;background:#ef444414}.popup-success-icon{justify-content:center;margin-bottom:1rem;display:flex}.success-circle{color:#fff;background:linear-gradient(135deg,#34d399,#059669);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.popup-title{text-align:center;background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .2rem;font-size:1.4rem;font-weight:700}.popup-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 1.2rem;font-size:.9rem}.popup-item-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;margin-bottom:1rem;padding:1.2rem;transition:all .3s}.popup-item-card:hover{border-color:#ff6b6b0f}.popup-item-header{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.8rem;display:flex}.popup-item-game{color:#07f;font-size:1.1rem;font-weight:700}.popup-order-badge{border-radius:50px;align-items:center;gap:.3rem;padding:.2rem .8rem;font-size:.7rem;font-weight:600;display:inline-flex}.popup-order-badge.normal{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f60f}.popup-order-badge.premium{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b0f}.popup-item-details{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.popup-item-row{flex-direction:column;gap:.1rem;display:flex}.popup-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.popup-item-value{color:var(--text-secondary);font-size:.9rem;font-weight:500}.popup-item-value.price{color:#34d399;font-weight:600}.popup-item-value.delivery{color:#60a5fa}.popup-item-description{border-top:1px solid #ffffff08;margin-top:.8rem;padding-top:.8rem}.popup-item-description p{color:var(--text-muted);margin:.2rem 0 0;font-size:.8rem;line-height:1.4}.popup-order-summary{background:#ffffff04;border:1px solid #ffffff08;border-radius:10px;flex-direction:column;gap:.4rem;margin-bottom:1.2rem;padding:.8rem 1rem;display:flex}.popup-summary-item{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.popup-summary-item strong{color:var(--text-primary)}.popup-summary-item .premium-text{color:#f59e0b}.summary-icon{color:var(--text-muted);font-size:.9rem}.summary-icon.premium{color:#f59e0b}.popup-actions{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem;display:grid}.popup-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.popup-btn-primary{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.popup-btn-primary:hover{transform:translateY(-3px)}.popup-btn-secondary{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0a}.popup-btn-secondary:hover{background:#ffffff0d;transform:translateY(-2px)}.popup-whatsapp-reminder{background:#25d3660a;border:1px solid #25d3660f;border-radius:10px;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.7rem 1rem;display:flex}.popup-whatsapp-reminder .whatsapp-icon{color:#25d366;flex-shrink:0;font-size:1.1rem}.popup-whatsapp-reminder span{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.popup-auto-close{align-items:center;gap:.8rem;margin-top:.5rem;display:flex}.auto-close-bar{background:#ffffff0d;border-radius:10px;flex:1;height:3px;overflow:hidden}.auto-close-progress{background:linear-gradient(90deg,#07f,#8a2fff);border-radius:10px;width:100%;height:100%;animation:5s linear forwards progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}.popup-auto-close span{color:var(--text-muted);flex-shrink:0;font-size:.7rem}@media (width<=480px){.popup-container{border-radius:16px;margin:.5rem;padding:1.5rem}.popup-title{font-size:1.1rem}.popup-item-details{grid-template-columns:1fr;gap:.3rem}.popup-actions{grid-template-columns:1fr;gap:.6rem}.popup-item-header{flex-direction:column;align-items:flex-start;gap:.4rem}.success-circle{width:52px;height:52px;font-size:1.5rem}.popup-subtitle,.popup-item-value{font-size:.8rem}.popup-btn{padding:.6rem;font-size:.8rem}}.popup-container::-webkit-scrollbar{width:4px}.popup-container::-webkit-scrollbar-track{background:0 0}.popup-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.order-type-features .feature-item,.order-type-features .feature-item span,.order-type-features .feature-item *{color:#fff!important}.field-hint{color:#ffffff4d;margin-top:4px;font-size:.7rem;display:block}.custom-order-page{background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);min-height:70vh;padding:2rem 4rem}.custom-order-container{max-width:900px;margin:0 auto}.custom-order-header{text-align:center;margin-bottom:2.5rem}.custom-order-header h1{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.custom-order-header p{color:var(--text-secondary);margin-top:.3rem;font-size:1rem}.order-steps{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:2.5rem;padding:1rem;display:flex}.step{align-items:center;gap:.5rem;display:flex}.step-number{width:32px;height:32px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.step.active .step-number{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.step-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.step.active .step-label{color:#fff}.step-line{background:#ffffff0d;width:60px;height:2px;margin:0 1rem}.step-line.active{background:#8a2fff}.order-step-content{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f;border-radius:16px;padding:2rem}.custom-order-form{flex-direction:column;gap:1.2rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.order-type-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}.order-type-card{cursor:pointer;background:#fff;border:2px solid #ffffff0f;border-radius:12px;padding:1.2rem 1.5rem;transition:all .3s}.order-type-card:hover{background:#fff}.order-type-card.active{background:#ff6b6b08}.order-type-header{align-items:center;gap:.5rem;display:flex}.order-type-icon{font-size:1.3rem}.order-type-label{font-size:1rem;font-weight:700}.order-type-desc{color:var(--text-secondary);margin:0;font-size:.85rem}.order-type-meta{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:.3rem;display:flex}.order-type-delivery{color:var(--text-muted);font-size:.8rem}.order-type-price{font-size:.9rem;font-weight:700}.order-type-badge{border-radius:4px;padding:.1rem .6rem;font-size:.65rem;font-weight:600;display:inline-block}.order-type-badge.normal-badge{color:#3b82f6;background:#3b82f61f}.order-type-badge.premium-badge{color:#f59e0b;background:#f59e0b1f}.btn-add-item{color:#fff;cursor:pointer;background:linear-gradient(135deg,#34d399,#059669);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.btn-add-item:hover:not(:disabled){transform:translateY(-2px)}.btn-add-item:disabled{opacity:.4;cursor:not-allowed}.quantity-control{align-items:center;gap:.5rem;display:flex}.quantity-control button{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;transition:all .3s}.quantity-control button:hover{color:#8a2fff;border-color:#8a2fff}.quantity-control input{text-align:center;width:60px}.platform-buttons,.urgency-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.platform-btn,.urgency-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:50px;padding:.4rem 1.2rem;font-size:.85rem;transition:all .3s}.platform-btn:hover,.urgency-btn:hover{color:var(--text-secondary);border-color:#ffffff26}.platform-btn.active,.urgency-btn.active{color:#8a2fff;background:#ff6b6b0d;border-color:#8a2fff}.image-upload-area{text-align:center;cursor:pointer;border:2px dashed #ffffff0f;border-radius:12px;padding:2rem;transition:all .3s;position:relative}.image-upload-area:hover{border-color:#ff6b6b4d}.image-upload-area input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.image-upload-area .upload-icon{color:var(--text-muted);font-size:2.5rem}.image-upload-area p{color:var(--text-muted);margin:.3rem 0}.image-upload-area .upload-hint{color:var(--text-muted);font-size:.8rem}.product-image-preview{border:2px solid #ffffff0d;border-radius:12px;max-width:200px;display:inline-block;position:relative;overflow:hidden}.product-image-preview img{object-fit:cover;width:100%;height:150px;display:block}.remove-image-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:28px;height:28px;transition:all .3s;position:absolute;top:8px;right:8px}.remove-image-btn:hover{background:#ef4444cc}.whatsapp-image-instruction{background:#25d3660d;border:1px solid #25d3661a;border-radius:10px;align-items:flex-start;gap:.8rem;padding:.8rem 1rem;display:flex}.whatsapp-image-instruction .instruction-icon{color:#25d366;flex-shrink:0;font-size:1.5rem}.whatsapp-image-instruction .instruction-title{color:#25d366;font-size:.9rem;font-weight:600}.whatsapp-image-instruction .instruction-text{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.whatsapp-order-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.whatsapp-order-btn:hover{transform:scale(1.05)}.selected-items-summary{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.selected-items-summary h3{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.selected-item{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.selected-item:last-child{border-bottom:none}.item-info{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;display:flex}.selected-item-image{object-fit:cover;border:1px solid #ffffff0d;border-radius:8px;flex-shrink:0;width:50px;height:50px}.item-details .item-game{color:#8a2fff;font-size:.9rem;font-weight:600}.item-details .item-name{color:#fff;font-size:.85rem}.item-details .item-qty{color:var(--text-muted);font-size:.8rem}.item-details .item-price{color:#34d399;font-size:.85rem;font-weight:500}.item-details .item-description{color:var(--text-secondary);margin:.2rem 0 0;font-size:.8rem;line-height:1.4}.remove-item-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem;transition:all .3s}.remove-item-btn:hover{color:#ef4444}.summary-total{color:var(--text-secondary);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:.8rem;padding-top:.8rem;font-size:.9rem;display:flex}.summary-total.final-total{color:#34d399;border-top:2px solid #34d39933;padding-top:.8rem;font-size:1.2rem;font-weight:700}.step-navigation{border-top:1px solid #ffffff0d;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-back,.btn-next,.btn-submit{cursor:pointer;border:none;border-radius:50px;padding:.7rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-back{color:var(--text-secondary);background:#ffffff0d}.btn-back:hover{background:#ffffff1a}.btn-next{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.btn-next:hover:not(:disabled){transform:translateY(-2px)}.btn-next:disabled{opacity:.4;cursor:not-allowed}.btn-submit{color:#fff;background:linear-gradient(135deg,#34d399,#059669)}.btn-submit:hover:not(:disabled){transform:translateY(-2px)}.btn-submit:disabled{opacity:.4;cursor:not-allowed}.order-confirmation{text-align:center}.confirm-icon{margin-bottom:1rem;font-size:4rem}.order-confirmation h2{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.confirm-details{text-align:left;margin:1.5rem 0}.confirm-section{background:#ffffff05;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.confirm-section h4{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.confirm-section p{color:var(--text-secondary);font-size:.95rem;line-height:1.8}.confirm-item{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.confirm-item:last-child{border-bottom:none}.confirm-item-left{align-items:center;gap:1rem;display:flex}.confirm-item-image{object-fit:cover;border:1px solid #ffffff0d;border-radius:8px;flex-shrink:0;width:40px;height:40px}.confirm-item-game{color:#8a2fff;font-size:.9rem;font-weight:600;display:block}.confirm-item-name{color:#fff;font-size:.85rem;display:block}.confirm-item-price{color:#34d399;font-weight:600}@media (width<=768px){.custom-order-page{padding:1.5rem}.form-row{grid-template-columns:1fr}.order-steps{flex-wrap:wrap;gap:.5rem}.step-line{width:20px}.step-label{font-size:.75rem}.order-step-content{padding:1.5rem}.order-type-grid{grid-template-columns:1fr}.step-navigation{flex-direction:column}.btn-back,.btn-next,.btn-submit{justify-content:center;width:100%}.platform-buttons,.urgency-buttons{justify-content:center}}@media (width<=480px){.custom-order-page{padding:1rem}.custom-order-header h1{font-size:1.8rem}.order-step-content{padding:1rem}.selected-item{flex-direction:column;align-items:flex-start}.item-info{width:100%}.item-details .item-description{max-width:100%}.confirm-item{flex-direction:column;align-items:flex-start}.confirm-item-right{flex-direction:row;justify-content:flex-end;align-items:center;gap:1rem;width:100%}.product-image-preview{max-width:100%}.product-image-preview img{height:120px}}.custom-order-header h1{align-items:center;gap:10px;display:inline-flex}.custom-order-header h1 svg{color:#07f;flex-shrink:0;display:block}.order-type-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.order-type-icon svg{display:block}.order-type-delivery{align-items:center;gap:5px;display:inline-flex}.order-type-delivery svg{flex-shrink:0}.instruction-title{align-items:center;gap:6px;display:inline-flex}.instruction-title svg{flex-shrink:0}.form-group label{align-items:center;gap:6px;display:inline-flex}.form-group label svg{color:#07f;flex-shrink:0}.selected-items-summary h3{align-items:center;gap:8px;display:inline-flex}.selected-items-summary h3 svg{color:#07f;flex-shrink:0}.premium-count{align-items:center;gap:5px;display:inline-flex}.premium-count svg{flex-shrink:0}.confirm-icon{color:#07f;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.confirm-icon svg{display:block}.confirm-section h4{align-items:center;gap:8px;display:inline-flex}.confirm-section h4 svg{color:#07f;flex-shrink:0}.whatsapp-instruction-btn{align-items:center;gap:8px;display:inline-flex}.whatsapp-instruction-btn svg{flex-shrink:0}@media (width<=768px){.custom-order-header h1 svg{width:20px!important;height:20px!important}.confirm-icon svg{width:40px!important;height:40px!important}}@media (width<=480px){.custom-order-header h1{gap:8px}.custom-order-header h1 svg{width:18px!important;height:18px!important}.confirm-icon svg{width:34px!important;height:34px!important}}.order-summary h2{align-items:center;gap:10px;display:inline-flex}.order-summary h2 svg{color:#07f;flex-shrink:0;display:block}.payment-form-container h2{align-items:center;gap:10px;display:inline-flex}.payment-form-container h2 svg{color:#07f;flex-shrink:0;display:block}.delivery-type-badge .badge-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.delivery-type-badge .badge-icon svg{display:block}.custom-order-badge{align-items:center;gap:4px;display:inline-flex}.custom-order-badge svg{flex-shrink:0}.order-product-icon{color:#07f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-product-icon svg{display:block}.order-row.discount>span:first-child{align-items:center;gap:5px;display:inline-flex}.order-row.discount svg{flex-shrink:0}.delivery-info-group label{align-items:center;gap:6px;display:inline-flex}.delivery-info-group label svg{color:#07f;flex-shrink:0}.uid-input-wrapper{align-items:center;gap:8px;display:flex}.uid-input-wrapper svg{color:#07f;flex-shrink:0}.whatsapp-link-btn{align-items:center;gap:6px;display:inline-flex}.whatsapp-link-btn svg{flex-shrink:0}.wallet-status .status-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.wallet-status .status-icon svg{display:block}.payment-note{align-items:center;gap:5px;display:inline-flex}.payment-note svg{flex-shrink:0}.tc-rate-badge{align-items:center;display:inline-flex}.order-type-btn .type-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.order-type-btn .type-icon svg{display:block}@media (width<=768px){.order-summary h2 svg,.payment-form-container h2 svg{width:18px!important;height:18px!important}.order-product-icon svg{width:20px!important;height:20px!important}}@media (width<=480px){.order-summary h2,.payment-form-container h2{gap:8px}.order-summary h2 svg,.payment-form-container h2 svg{width:16px!important;height:16px!important}.order-product-icon svg{width:18px!important;height:18px!important}}.custom-order-container::-webkit-scrollbar{width:4px}.custom-order-container::-webkit-scrollbar-track{background:0 0}.custom-order-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.forgot-password-page{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#003278e6 100%);justify-content:center;align-items:center;min-height:70vh;padding:2rem;display:flex}.forgot-password-container{width:100%;max-width:450px}.forgot-password-card{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ffffff0f;border-radius:16px;padding:2.5rem}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-header h1{color:#fff;font-size:1.8rem;font-weight:700}.forgot-password-header p{color:var(--text-secondary);margin-top:.3rem;font-size:.95rem}.success-message{color:#34d399;background:#34d3991a;border:1px solid #34d39926;border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem}.error-message{color:#ef4444;background:#ef44441a;border:1px solid #ef444426;border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem}.forgot-password-form{flex-direction:column;gap:1.2rem;display:flex}.reset-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:10px;padding:.8rem;font-size:1rem;font-weight:600;transition:all .3s}.back-to-login{color:var(--text-muted);justify-content:center;align-items:center;gap:.3rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.back-to-login:hover{color:#07f}@media (width<=480px){.forgot-password-card{padding:1.5rem}.forgot-password-header h1{font-size:1.4rem}}.forgot-password-container::-webkit-scrollbar{width:4px}.forgot-password-container::-webkit-scrollbar-track{background:0 0}.forgot-password-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.reset-password-page{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#003278e6 100%);justify-content:center;align-items:center;min-height:70vh;padding:2rem;display:flex}.reset-password-container{width:100%;max-width:450px}.reset-password-card{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:16px;padding:2.5rem;transition:all .3s}.reset-password-card:hover{border-color:#ff6b6b4d}.reset-password-header{text-align:center;margin-bottom:2rem}.reset-password-header h1{color:#fff;font-size:1.8rem;font-weight:700}.reset-password-header p{color:var(--text-secondary);margin-top:.3rem;font-size:.95rem}.success-message{color:#34d399;text-align:center;background:#34d3991a;border:1px solid #34d39926;border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem;font-size:.9rem}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444426;border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem;font-size:.9rem}.reset-password-form{flex-direction:column;gap:1.2rem;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .input-icon{color:var(--text-muted);font-size:1.1rem;position:absolute;left:12px}.input-wrapper input{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;outline:none;width:100%;padding:.7rem 1rem .7rem 2.5rem;font-size:.95rem;transition:all .3s}.input-wrapper input::placeholder{color:var(--text-muted)}.input-wrapper input:focus{background:#ff6b6b08;border-color:#8a2fff}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;transition:all .3s;position:absolute;right:12px}.password-toggle:hover{color:#07f}.reset-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:10px;margin-top:.5rem;padding:.8rem;font-size:1rem;font-weight:600;transition:all .3s}.reset-btn:hover:not(:disabled){transform:translateY(-2px)}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.loader{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@media (width<=480px){.reset-password-page{padding:1rem}.reset-password-card{padding:1.5rem}.reset-password-header h1{font-size:1.4rem}.reset-password-header p{font-size:.85rem}.input-wrapper input{padding:.6rem 1rem .6rem 2.2rem;font-size:.85rem}.input-wrapper .input-icon{font-size:.95rem}.reset-btn{padding:.7rem;font-size:.9rem}.success-message,.error-message{padding:.6rem .8rem;font-size:.8rem}}@media (width<=360px){.reset-password-card{padding:1rem}.reset-password-header h1{font-size:1.2rem}.input-wrapper input{padding:.5rem .8rem .5rem 2rem;font-size:.8rem}.reset-btn{padding:.6rem;font-size:.8rem}}.reset-password-container::-webkit-scrollbar{width:4px}.reset-password-container::-webkit-scrollbar-track{background:0 0}.reset-password-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.report-page{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#004178e6 100%);justify-content:center;align-items:center;min-height:80vh;padding:2rem 4rem;display:flex}.report-container{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:20px;width:100%;max-width:800px;padding:2.5rem;transition:all .5s}.report-container:hover{border-color:#ff6b6b4d}.report-header{text-align:center;margin-bottom:2rem}.report-header h1{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:2rem;font-weight:700}.report-header p{color:var(--text-secondary);font-size:1rem}.report-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.stat-icon{font-size:1.5rem}.stat-text{color:var(--text-secondary);font-size:.85rem}.report-form{flex-direction:column;gap:1.5rem;display:flex}.report-type-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.report-type-btn{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:2px solid #ffffff0d;border-radius:10px;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem;font-size:.75rem;transition:all .3s;display:flex}.report-type-btn:hover{border-color:#ffffff1a}.report-type-btn.active{color:#07f;background:#ff6b6b0d;border-color:#07f}.report-type-btn svg{font-size:1.5rem}.priority-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.priority-btn{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:2px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.85rem;transition:all .3s;display:flex}.priority-btn:hover{border-color:#ffffff1a}.priority-btn.active{color:#fff;background:#ffffff0d}.priority-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.priority-dot.low{background:#34d399}.priority-dot.medium{background:#f59e0b}.priority-dot.high{background:#ef4444}.priority-dot.critical{background:#ff2d95}.form-group input,.form-group textarea{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;width:100%;padding:.8rem 1rem;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background:#ff6b6b08;border-color:#07f;outline:none}.form-group textarea{resize:vertical;min-height:120px}.input-wrapper{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;transition:all .3s;display:flex;overflow:hidden}.input-wrapper:focus-within{background:#ff6b6b08;border-color:#8a2fff}.input-icon{color:var(--text-muted);padding:0 0 0 1rem;font-size:1rem}.input-wrapper input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.8rem 1rem;font-size:.95rem}.char-count{color:var(--text-muted);text-align:right;font-size:.75rem}.error-message{color:#ef4444;background:#ef44441a;border:1px solid #ef444426;border-radius:10px;padding:.8rem 1rem;font-size:.9rem}.success-message{color:#34d399;background:#34d3991a;border:1px solid #34d39926;border-radius:10px;padding:.8rem 1rem;font-size:.9rem}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.8rem;padding:.9rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.submit-btn:hover:not(:disabled){transform:translateY(-2px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn .loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.report-progress-container{margin:.5rem 0 1rem;padding:.5rem 0}.report-progress-bar{background:#ffffff0d;border-radius:10px;width:100%;height:6px;overflow:hidden}.report-progress-fill{background:linear-gradient(90deg,#07f,#8a2fff);border-radius:10px;height:100%;transition:width .3s}.report-progress-text{color:var(--text-muted);text-align:center;margin-top:.3rem;font-size:.75rem}.report-popup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.report-popup-container{text-align:center;background:linear-gradient(135deg,#10172bf2,#1a0a2ef2);border:1px solid #ff6b6b1a;border-radius:20px;width:100%;max-width:420px;padding:2.5rem 2rem 2rem;position:relative}.report-popup-close{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:none;border-radius:50%;width:32px;height:32px;font-size:1.1rem;transition:all .3s;position:absolute;top:12px;right:16px}.report-popup-close:hover{color:#07f;background:#ef444414}.report-popup-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:2rem;display:flex}.report-popup-icon.success{color:#34d399;background:#34d3991a;border:2px solid #34d3991a}.report-popup-icon.error{color:#ef4444;background:#ef44441a;border:2px solid #ef44441a}.report-popup-title{color:#fff;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.report-popup-message{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.report-popup-actions{gap:.8rem;display:flex}.report-popup-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.report-popup-btn.single{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);width:100%}.report-popup-btn.single:hover{transform:translateY(-2px)}.report-popup-btn.confirm{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.report-popup-btn.confirm:hover{transform:translateY(-2px)}.report-popup-btn.cancel{color:var(--text-secondary);background:#ffffff0d}.report-popup-btn.cancel:hover{background:#ffffff1a}@media (width<=768px){.report-page,.report-container{padding:1.5rem}.report-stats{grid-template-columns:1fr}.report-type-grid,.priority-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.report-page,.report-container{padding:1rem}.report-header h1{font-size:1.5rem}.report-type-grid{grid-template-columns:1fr 1fr}.report-type-btn{padding:.6rem;font-size:.7rem}.priority-grid{grid-template-columns:1fr 1fr}.report-popup-container{padding:1.5rem}}.report-header h1{align-items:center;gap:10px;display:inline-flex}.report-header h1 svg{color:#07f;flex-shrink:0;display:block}.stat-card .stat-icon{color:#07f;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stat-card .stat-icon svg{display:block}.report-type-btn{align-items:center;gap:6px;display:inline-flex}.report-type-btn svg{flex-shrink:0;display:block}.success-message{align-items:center;gap:8px;display:inline-flex}.success-message svg{flex-shrink:0}.report-progress-text{justify-content:center;align-items:center;gap:6px;display:inline-flex}.report-progress-text svg{flex-shrink:0}.report-popup-close{justify-content:center;align-items:center;display:inline-flex}.report-popup-close svg{display:block}.report-popup-icon{color:#fff;justify-content:center;align-items:center;display:flex}.report-popup-icon svg{flex-shrink:0;display:block}@media (width<=768px){.report-header h1 svg{width:20px!important;height:20px!important}.report-type-btn svg{width:14px!important;height:14px!important}.report-popup-icon svg{width:24px!important;height:24px!important}}@media (width<=480px){.report-header h1{gap:8px}.report-header h1 svg{width:18px!important;height:18px!important}.report-type-btn svg{width:12px!important;height:12px!important}.stat-card .stat-icon svg{width:14px!important;height:14px!important}.report-popup-icon svg{width:22px!important;height:22px!important}}.report-container::-webkit-scrollbar{width:4px}.report-container::-webkit-scrollbar-track{background:0 0}.report-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}:root{--neon-primary:#07f;--neon-secondary:#8a2fff;--text-primary:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40}.exchange-page{background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);justify-content:center;align-items:flex-start;min-height:80vh;padding:2rem 4rem;display:flex}.exchange-container{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b26;border-radius:24px;width:100%;max-width:900px;padding:2.5rem;transition:all .3s}.exchange-container:hover{border-color:#ff6b6b4d}.exchange-header{text-align:center;margin-bottom:1.5rem;position:relative}.exchange-header h1{background:linear-gradient(135deg,#fff 0%,#07f 50%,#8a2fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin:0 0 .3rem;font-size:2rem;font-weight:700;display:inline-flex}.exchange-header h1 svg{color:#07f;-webkit-text-fill-color:initial;flex-shrink:0}.exchange-header p{color:var(--text-secondary);font-size:1rem}.refresh-btn-small{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.2rem;transition:all .3s;position:absolute;top:0;right:0}.refresh-btn-small:hover:not(:disabled){color:#07f;background:#ff6b6b0d}.refresh-btn-small:disabled{opacity:.5;cursor:not-allowed}.refresh-btn-small .spinning{animation:1s linear infinite spin}.tc-balance-card{background:#ff6b6b0d;border:1px solid #ff6b6b14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1.2rem 1.5rem;display:flex}.tc-balance-left{align-items:center;gap:1rem;display:flex}.tc-balance-left .tc-icon-wrapper{background:linear-gradient(135deg,#ff6b6b26,#ee5a2426);border:2px solid #ff6b6b1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tc-balance-left .tc-icon-wrapper svg{width:32px;height:32px}.tc-balance-left .tc-info{flex-direction:column;display:flex}.tc-balance-left .tc-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.tc-balance-left .tc-amount{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.2}.exchange-rate-right{text-align:right;background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;padding:.5rem 1rem}.exchange-rate-right .rate-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.exchange-rate-right .rate-value{color:#07f;font-size:1.1rem;font-weight:700}.exchange-rate-right .rate-value strong{color:#fff}.exchange-tabs{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;display:flex;overflow-x:auto}.exchange-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-flex;position:relative}.exchange-tab svg{flex-shrink:0}.exchange-tab:hover{color:#fff;background:#ffffff0a}.exchange-tab.active{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);box-shadow:0 4px 15px #0077ff4d}.exchange-tab .tab-badge{color:#fff;background:#ff3ed1;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.exchange-form{flex-direction:column;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.3rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-group input{color:#fff;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus{background:#ff6b6b08;border-color:#ff6b6b33;outline:none}.form-group input::placeholder{color:var(--text-muted)}.bdt-display{font-weight:600;color:#34d399!important;font-size:1.1rem!important}.field-hint{color:var(--text-muted);font-size:.75rem}.exchange-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:12px;margin-top:.5rem;padding:.9rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s}.exchange-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #0077ff4d}.exchange-btn:disabled{opacity:.5;cursor:not-allowed}.exchange-btn .spinner{margin-right:.5rem;animation:1s linear infinite spin}.exchange-info{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;margin-top:.5rem;padding:1rem 1.2rem}.exchange-info p{color:var(--text-muted);align-items:flex-start;gap:.5rem;margin:.2rem 0;font-size:.8rem;line-height:1.6;display:flex}.exchange-info p svg{color:#fbbf24;flex-shrink:0;margin-top:3px}.exchange-progress-container{margin:.5rem 0 1rem;padding:.5rem 0}.exchange-progress-bar{background:#ffffff0d;border-radius:10px;width:100%;height:6px;overflow:hidden}.exchange-progress-fill{background:linear-gradient(90deg,#07f,#8a2fff);border-radius:10px;height:100%;transition:width .3s}.exchange-progress-text{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:.3rem;font-size:.75rem;display:inline-flex}.exchange-progress-text svg{flex-shrink:0}.cards-section,.my-cards-section{animation:.3s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cards-section-header{text-align:center;margin-bottom:1.5rem}.cards-section-header h2{color:#fff;align-items:center;gap:10px;margin:0 0 .3rem;font-size:1.2rem;font-weight:700;display:inline-flex}.cards-section-header h2 svg{color:#07f;flex-shrink:0}.cards-section-header p{color:var(--text-secondary);margin:0;font-size:.85rem}.cards-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.discount-card{background:linear-gradient(145deg,#10172bf2,#1a0a2ef2);border:2px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem 1rem 1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.discount-card:before{content:"";background:var(--tier-color,#94a3b8);opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.discount-card:after{content:"";background:var(--tier-color,#94a3b8);opacity:.08;pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.discount-card:hover{border-color:var(--tier-color,#94a3b8);box-shadow:0 12px 40px #0006, 0 0 0 1px var(--tier-color,#94a3b8);transform:translateY(-6px)}.discount-card.tier-legendary{background:linear-gradient(145deg,#3c2805f2,#281905f2)}.discount-card.tier-legendary:after{opacity:.15}.card-tier-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--tier-color,#94a3b8);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-block}.card-discount-display{align-items:baseline;gap:4px;display:flex}.discount-value{color:var(--tier-color,#fff);letter-spacing:-.03em;font-size:2.2rem;font-weight:800;line-height:1}.discount-label{color:#fff6;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.card-details{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:4px;padding:.75rem 0;display:flex}.card-detail-row{justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.card-detail-row span{color:#fff6}.card-detail-row strong{color:#fff;font-weight:600}.card-price{justify-content:center;align-items:baseline;gap:4px;padding:.5rem 0;display:flex}.price-tc{background:linear-gradient(135deg,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.price-unit{color:#fff6;font-size:.75rem;font-weight:600}.card-buy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s;display:inline-flex}.card-buy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #07f6}.card-buy-btn:disabled,.card-buy-btn.disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#ffffff14;transform:none}.card-buy-btn .spinning{animation:1s linear infinite spin}.my-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.my-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .25s;display:flex}.my-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translate(4px)}.my-card-left{flex-direction:column;gap:2px;min-width:80px;display:flex}.my-card-tier{letter-spacing:.5px;text-transform:uppercase;text-align:center;border-radius:999px;padding:3px 10px;font-size:.6rem;font-weight:800}.my-card-tier.tier-normal{color:#94a3b8;background:#94a3b826}.my-card-tier.tier-standard{color:#60a5fa;background:#3b82f626}.my-card-tier.tier-epic{color:#a78bfa;background:#8a2fff26}.my-card-tier.tier-legendary{color:#fbbf24;background:#f59e0b26}.my-card-discount{color:#fff9;font-size:.7rem;font-weight:600}.my-card-code{background:#0000004d;border-radius:8px;flex:1;align-items:center;gap:6px;min-width:200px;padding:6px 10px;display:flex}.my-card-code code{color:#00d4ff;letter-spacing:1px;-webkit-user-select:all;user-select:all;flex:1;font-family:Courier New,monospace;font-size:.8rem;font-weight:700}.my-card-copy{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:5px 9px;transition:all .2s;display:inline-flex}.my-card-copy:hover{background:#07f;border-color:#07f}.my-card-expiry{color:#fff6;text-align:right;justify-content:flex-end;align-items:center;gap:4px;width:100%;font-size:.65rem;display:inline-flex}.my-card-expiry svg{flex-shrink:0}.empty-cards{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.empty-cards svg{color:#ffffff26}.empty-cards h3{color:#fff;margin:0;font-size:1.1rem}.empty-cards p{color:var(--text-secondary);margin:0;font-size:.85rem}.browse-shop-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#07f,#8a2fff);border:none;border-radius:999px;align-items:center;gap:6px;margin-top:.5rem;padding:10px 22px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.browse-shop-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #07f6}.exchange-popup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.exchange-popup-container{text-align:center;background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #ff6b6b1a;border-radius:24px;width:100%;max-width:440px;padding:2.5rem 2rem 2rem;position:relative}.exchange-popup-close{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .3s;display:inline-flex;position:absolute;top:12px;right:16px}.exchange-popup-close:hover{color:#ef4444;background:#ef444414}.exchange-popup-close svg{display:block}.exchange-popup-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.exchange-popup-icon svg{flex-shrink:0;display:block}.exchange-popup-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.exchange-popup-message{color:var(--text-secondary);white-space:pre-line;margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.exchange-popup-actions{gap:.8rem;display:flex}.exchange-popup-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:.7rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s}.exchange-popup-btn.single{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff);width:100%}.exchange-popup-btn.single:hover{transform:translateY(-2px)}.exchange-popup-btn.confirm{color:#fff;background:linear-gradient(135deg,#07f,#8a2fff)}.exchange-popup-btn.confirm:hover{transform:translateY(-2px)}.exchange-popup-btn.cancel{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0a}.exchange-popup-btn.cancel:hover{background:#ffffff0d}@media (width<=1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.exchange-page{padding:1.5rem}.exchange-container{border-radius:20px;padding:1.5rem}.tc-balance-card{text-align:center;flex-direction:column;align-items:stretch}.tc-balance-left{justify-content:center}.tc-balance-left .tc-amount{font-size:1.6rem}.exchange-rate-right{text-align:center}.exchange-header h1{font-size:1.6rem}.refresh-btn-small{margin:0 auto .5rem;position:relative}.exchange-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.exchange-tab{padding:8px 14px;font-size:.8rem}}@media (width<=480px){.exchange-page{padding:1rem}.exchange-container{border-radius:16px;padding:1.2rem}.tc-balance-left .tc-icon-wrapper{width:44px;height:44px}.tc-balance-left .tc-icon-wrapper svg{width:24px;height:24px}.tc-balance-left .tc-amount{font-size:1.3rem}.exchange-rate-right .rate-value{font-size:.95rem}.bdt-display{font-size:.95rem!important}.exchange-btn{padding:.7rem;font-size:.9rem}.exchange-header h1{gap:8px;font-size:1.3rem}.exchange-header h1 svg{width:18px!important;height:18px!important}.form-group input{padding:.6rem .8rem;font-size:.85rem}.cards-grid{grid-template-columns:1fr;gap:.75rem}.discount-card{padding:1rem}.discount-value{font-size:1.8rem}.my-cards-grid{grid-template-columns:1fr}.my-card-code{width:100%;min-width:0}.my-card-expiry{text-align:left;justify-content:flex-start}.exchange-popup-container{border-radius:16px;padding:1.5rem}.exchange-popup-icon{width:52px;height:52px}.exchange-popup-icon svg{width:24px!important;height:24px!important}}.lucky-wheel-section{background:linear-gradient(135deg,#050014f2 0%,#1e0050e6 50%,#001478e6 100%);border:1px solid #f59e0b26;border-radius:20px;margin-top:1.5rem;padding:2rem 1.5rem}.lucky-wheel-header{text-align:center;margin-bottom:2rem}.lucky-wheel-header h2{color:#fff;justify-content:center;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:800;display:flex}.lucky-wheel-header p{color:#ffffff80;font-size:.9rem}.wheel-container{justify-content:center;align-items:center;width:280px;height:280px;margin:0 auto 2rem;display:flex;position:relative}.wheel{background:conic-gradient(#94a3b8 0deg 72deg,#3b82f6 72deg 144deg,#8a2fff 144deg 216deg,#f59e0b 216deg 288deg,#ef4444 288deg 360deg);border:6px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 0 40px #f59e0b4d,inset 0 0 20px #00000080}.wheel-segment{transform-origin:50% 130px;filter:drop-shadow(0 2px 4px #00000080);font-size:1.8rem;position:absolute;top:10px;left:50%}.wheel-center{z-index:2;background:linear-gradient(135deg,#05001a,#1e0050);border:3px solid #f59e0b;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 0 20px #f59e0b80}.wheel-pointer{color:#f59e0b;text-shadow:0 0 10px #f59e0bcc;z-index:3;filter:drop-shadow(0 0 8px #f59e0b99);font-size:2rem;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.spin-cost-info{color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.2rem;font-size:.9rem;display:flex}.spin-cost-info strong{color:#f59e0b}.spin-btn{color:#fff;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.1rem;font-size:1.05rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 8px 25px #f59e0b4d}.spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #f59e0b80}.spin-btn:active:not(:disabled){transform:scale(.98)}.spin-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#4b5563,#374151)}.spin-btn.spinning{background:linear-gradient(135deg,#8a2fff,#6d28d9)}.prize-pool-info{border-top:1px solid #ffffff0f;margin-top:2rem;padding-top:2rem}.prize-pool-info h3{color:#fff;text-align:center;margin-bottom:1rem;font-size:1rem;font-weight:700}.prize-list{gap:.5rem;display:grid}.prize-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.8rem;padding:.7rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.prize-item:hover{background:#ffffff0f}.prize-icon{font-size:1.3rem}.prize-label{color:#ffffffd9;flex:1}.prize-chance{color:#f59e0b;font-size:.8rem;font-weight:700}@media (width<=480px){.wheel-container{width:220px;height:220px}.wheel-segment{transform-origin:50% 100px;font-size:1.4rem}.wheel-center{width:55px;height:55px}.wheel-pointer{font-size:1.6rem}}.prize-color-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 8px}.wheel-segment{transform-origin:50% 100%;width:4px;height:50%;margin-left:-2px;position:absolute;top:0;left:50%}.exchange-container::-webkit-scrollbar{width:4px}.exchange-container::-webkit-scrollbar-track{background:0 0}.exchange-container::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.auth-callback-container{background:radial-gradient(at 50% 0,#1a0a2e 0%,#0a0a1a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-callback-content{text-align:center;background:linear-gradient(135deg,#10172bf2,#1a0a2ef2);border:1px solid #5865f226;border-radius:24px;max-width:400px;padding:40px}.auth-callback-content h2{color:#fff;margin:16px 0 8px;font-size:24px}.auth-callback-content p{color:#ffffff80;font-size:14px}.spinner{border:4px solid #5865f21a;border-top-color:#5865f2;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.8s linear infinite spin}.auth-callback-content.error .error-icon{margin-bottom:12px;font-size:48px}.auth-callback-content.error h2{color:#ef4444}.redirect-text{color:#fff3;margin-top:16px;font-size:12px}.wishlisted{position:relative}.wishlisted:before{content:"";z-index:10;background-color:#0000;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' stroke='white' stroke-width='1.5'%3e%3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3e%3c/svg%3e"),linear-gradient(135deg,#ff3ed1,#8a2fff);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:16px 16px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:50%;width:32px;height:32px;animation:2s ease-in-out infinite wishlistBadgePulse;position:absolute;top:10px;right:10px;box-shadow:0 4px 15px #ff3ed180}@keyframes wishlistBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.wishlisted{border-color:#ff3ed14d!important}.wishlisted:hover{border-color:#ff3ed180!important;box-shadow:0 0 0 1px #ff3ed133,0 10px 40px #ff3ed126!important}.wishlisted .game-card-title,.wishlisted h3,.wishlisted h4{background:linear-gradient(135deg,#ff3ed1,#8a2fff,#07f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.wishlisted-row{position:relative;padding-left:16px!important}.wishlisted-row:before{content:"";background:linear-gradient(#ff3ed1,#8a2fff);border-radius:4px;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 12px #ff3ed180}.wishlist-heart-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;cursor:pointer;background:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .25s;display:flex}.wishlist-heart-btn:hover{background:#ff3ed133;border-color:#ff3ed180;transform:scale(1.1)}.wishlist-heart-btn.active{color:#fff;background:linear-gradient(135deg,#ff3ed1,#8a2fff);border-color:#0000;box-shadow:0 4px 15px #ff3ed180}.wishlist-heart-btn.active:hover{transform:scale(1.15)rotate(8deg)}.wishlist-heart-btn svg{width:18px;height:18px}.wishlist-heart-btn.active svg{fill:#fff;stroke:#fff}.game-card-wishlist-wrapper{z-index:10;position:absolute;top:10px;right:10px}:root{--font-logo:"Orbitron", "Rajdhani", "Space Grotesk", sans-serif;--font-heading:"Rajdhani", "Orbitron", "Space Grotesk", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", "Rajdhani", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%}body{background:redial-gradient(135deg, #050014f2 0%,  #1e0050e6 50%,  #001478e6 100% );color:#fff;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;font-size:1rem;font-weight:400;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}.logo-text,.brand-name,.nav-logo{font-family:var(--font-logo);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.logo-turbo{font-family:var(--font-logo);letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,#00d4ff,#07f,#8a2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900}.logo-pixelshop{font-family:var(--font-logo);letter-spacing:.08em;text-transform:uppercase;color:#fff;font-weight:700}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;font-weight:700;line-height:1.2}h1{letter-spacing:.03em;font-size:clamp(2rem,4vw,3.5rem);font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700}h3{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600}h4{font-size:clamp(1rem,2vw,1.4rem);font-weight:600}.display-text,.hero-title,.balance-amount,.stat-number,.price,.amount{font-family:var(--font-display);letter-spacing:.02em;font-weight:700}.tagline,.subtitle,.hero-subtitle{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;color:#fff9;font-weight:500}p,.text,.description{font-family:var(--font-body);font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:400;line-height:1.7}a{color:inherit;font-family:var(--font-body);font-weight:500;text-decoration:none}button{cursor:pointer;font-family:var(--font-heading);letter-spacing:.03em;background:0 0;border:none;font-size:.95rem;font-weight:600}input,textarea,select{font-family:var(--font-body);outline:none;font-size:.95rem;font-weight:400}code,.order-id,.transaction-id,.mono{font-family:var(--font-mono);font-weight:500}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0f1e}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#07f,#8a2fff);border-radius:10px}::selection{color:#fff;background:#00d4ff40}.loader{border:3px solid #ffffff14;border-top-color:#07f;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@media (width<=1024px){html{font-size:95%}.container{padding:0 1.5rem}}@media (width<=768px){html{font-size:90%}.container{padding:0 1rem}h1{font-size:clamp(1.5rem,5vw,2.2rem)}h2{font-size:clamp(1.2rem,4vw,1.8rem)}h3{font-size:clamp(1rem,3vw,1.4rem)}}@media (width<=480px){html{font-size:85%}.container{padding:0 .8rem}h1{font-size:clamp(1.2rem,4vw,1.8rem)}h2{font-size:clamp(1rem,3vw,1.5rem)}}.search-result-row.wishlisted-row{padding-left:16px;position:relative}.search-result-row.wishlisted-row:before{content:"";background:linear-gradient(#ff3ed1,#8a2fff);border-radius:4px;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 12px #ff3ed180}