.vodafone-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.vodafone-modal{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(99,102,241,.3);border-radius:24px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px rgba(0,0,0,.5);z-index:10001}.vodafone-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid rgba(99,102,241,.2)}.vodafone-header h2{font-size:24px;font-weight:700;color:#fff;margin:0}.close-vodafone-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.close-vodafone-btn:hover{background:rgba(255,59,48,.2);transform:rotate(90deg)}.vodafone-content{padding:30px;display:flex;flex-direction:column;gap:24px}.amount-display{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:20px;text-align:center}.amount-display p{font-size:14px;color:hsla(0,0%,100%,.6);margin-bottom:8px}.amount-display h3{font-size:32px;font-weight:700;color:#00d4ff;margin:0}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.9)}.form-group label svg{color:#00d4ff}.form-group input{padding:14px 16px;background:hsla(0,0%,100%,.05);border:1px solid rgba(99,102,241,.2);border-radius:12px;color:#fff;font-size:15px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#00d4ff;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(0,212,255,.1)}.input-readonly{background:hsla(0,0%,100%,.03)!important;cursor:not-allowed;color:hsla(0,0%,100%,.6)!important}.input-error{border-color:#ff3b30!important}.helper-text{font-size:12px;color:hsla(0,0%,100%,.5);margin:0}.error-text{font-size:13px;color:#ff3b30;margin:0}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;background:hsla(0,0%,100%,.03);border:2px dashed rgba(99,102,241,.3);border-radius:16px;cursor:pointer;transition:all .3s ease}.upload-area:hover{border-color:#00d4ff;background:rgba(0,212,255,.05)}.upload-area svg{color:#00d4ff}.upload-area p{font-size:15px;font-weight:600;color:hsla(0,0%,100%,.9);margin:0}.upload-area span{font-size:12px;color:hsla(0,0%,100%,.5)}.image-preview{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(99,102,241,.3)}.image-preview img{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:12px;right:12px;background:rgba(255,59,48,.9);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.remove-image-btn:hover{background:#ff3b30;transform:scale(1.1)}.error-alert{background:rgba(255,59,48,.1);border:1px solid rgba(255,59,48,.3);border-radius:12px;padding:16px}.error-alert p{color:#ff3b30;font-size:14px;margin:0}.submit-vodafone-btn{width:100%;padding:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.submit-vodafone-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4)}.submit-vodafone-btn:disabled{opacity:.6;cursor:not-allowed}.submit-vodafone-btn .spinner{animation:spin 1s linear infinite}@media (max-width:600px){.vodafone-modal{width:95%;border-radius:20px}.vodafone-header{padding:20px}.vodafone-header h2{font-size:20px}.vodafone-content{padding:20px}.amount-display h3{font-size:28px}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.google-auth-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(99,102,241,.2);border-radius:24px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px rgba(0,0,0,.5),0 0 40px rgba(99,102,241,.1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.google-auth-header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:1px solid rgba(99,102,241,.2)}.google-auth-header h2{font-size:28px;font-weight:700;color:#fff;margin:0}.close-modal-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.close-modal-btn:hover{background:rgba(255,59,48,.2);transform:rotate(90deg)}.google-auth-content{padding:30px;text-align:center}.google-sign-in-btn{width:100%;padding:16px 24px;background:#fff;border:none;border-radius:12px;color:#1f1f1f;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.google-sign-in-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2);background:#f8f9fa}.google-sign-in-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.google-sign-in-btn .spinner{animation:spin 1s linear infinite}@media (max-width:480px){.google-auth-modal{width:95%;border-radius:20px}.google-auth-header{padding:20px}.google-auth-header h2{font-size:22px}.google-auth-content{padding:20px}.google-sign-in-btn{padding:14px 20px;font-size:14px}}*{box-sizing:border-box;padding:0;margin:0}body,html{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#fff}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1;background:radial-gradient(ellipse at 30% 70%,rgba(112,182,0,.5) 0,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(168,129,44,.6) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,180,216,.3) 0,transparent 60%),linear-gradient(135deg,#000,#001f3f 20%,#003d5c 40%,#0074a6 60%,#001f3f 80%,#000);background-size:400% 400%,350% 350%,300% 300%,600% 600%;animation:megaGradientFlow 25s ease-in-out infinite}@keyframes gradientFlow{0%,to{background-position:0 50%,100% 50%,50% 50%,0 50%}25%{background-position:100% 0,0 100%,100% 0,100% 50%}50%{background-position:100% 100%,0 0,50% 100%,100% 50%}75%{background-position:0 100%,100% 0,0 50%,0 50%}}.particles{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;overflow:hidden;pointer-events:none}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,#00c8ff 0,rgba(0,150,255,.8) 50%,transparent 100%);animation:particleMove 15s linear infinite;box-shadow:0 0 30px rgba(0,200,255,.9)}@keyframes particleMove{0%{transform:translateY(100vh) translateX(-50px) rotate(0deg) scale(0);opacity:0}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{transform:translateY(-50px) translateX(50px) rotate(1turn) scale(0);opacity:0}}.energy-waves{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none}.wave{position:absolute;width:200%;height:200%;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,180,255,.4) 60%,transparent 100%);animation:waveRotate 30s linear infinite}.wave:nth-child(2){background:radial-gradient(ellipse at center,transparent 40%,rgba(0,120,255,.3) 70%,transparent 100%);animation-duration:25s;animation-delay:-10s}.wave:nth-child(3){background:radial-gradient(ellipse at center,transparent 35%,rgba(0,220,255,.25) 65%,transparent 100%);animation-duration:35s;animation-delay:-20s}@keyframes waveRotate{0%{transform:rotate(0deg) scale(.8)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(.8)}}.grid-lines{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0,120,255,.15) 1px,transparent 0),linear-gradient(0deg,transparent,rgba(0,120,255,.15) 1px,transparent 0);background-size:80px 80px;animation:gridMove 25s linear infinite;opacity:.7}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(80px,80px)}}.light-orbs{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,180,255,.6) 0,rgba(0,120,200,.3) 50%,transparent 80%);animation:orbFloat 40s ease-in-out infinite;filter:blur(2px)}.orb:first-child{width:250px;height:250px;top:15%;left:15%;animation-delay:0s}.orb:nth-child(2){width:180px;height:180px;top:65%;right:20%;background:radial-gradient(circle,rgba(0,100,220,.25) 0,transparent 70%);animation-delay:-15s;animation-duration:35s}.orb:nth-child(3){width:300px;height:300px;bottom:25%;left:35%;background:radial-gradient(circle,rgba(0,80,180,.2) 0,transparent 70%);animation-delay:-25s;animation-duration:45s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(80px,-60px) scale(1.1)}50%{transform:translate(-40px,-80px) scale(.9)}75%{transform:translate(-80px,40px) scale(1.05)}}.app-bar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(0,20,40,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,150,255,.3);box-shadow:0 4px 30px rgba(0,0,0,.5),0 0 20px rgba(0,150,255,.1);transition:all .3s ease}.app-bar.scrolled{background:rgba(0,15,30,.95);border-bottom:1px solid rgba(0,180,255,.4);box-shadow:0 6px 40px rgba(0,0,0,.7),0 0 30px rgba(0,180,255,.2)}.text-glow{text-shadow:0 0 10px rgba(0,180,255,.8),0 0 20px rgba(0,120,255,.6),0 0 30px rgba(0,80,200,.4)}.text-gradient{background:linear-gradient(135deg,#00bfff,#0080ff,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(5,15,25,.75);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,180,255,.15)}.nav-container{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo h1{font-size:26px;font-weight:700;background:linear-gradient(120deg,#00d4ff,#09f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;cursor:pointer;margin:0}.desktop-nav{display:flex;align-items:center;gap:40px;flex:1 1;justify-content:center}.desktop-nav a{color:hsla(0,0%,100%,.75);font-size:15px;font-weight:500;text-decoration:none;position:relative;transition:color .3s ease;padding-bottom:4px;border-bottom:2px solid transparent}.desktop-nav a.active{color:#00d4ff;border-bottom:2px solid #00d4ff}.desktop-nav a:hover{color:#00d4ff}.nav-actions{gap:12px}.icon-btn,.nav-actions{display:flex;align-items:center}.icon-btn{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;padding:8px;transition:all .3s ease;justify-content:center;border-radius:8px;position:relative}.icon-btn:hover{color:#00d4ff;background:rgba(0,180,255,.1)}.user-avatar-link{display:block;border-radius:50%;overflow:hidden;width:40px;height:40px;border:2px solid rgba(0,212,255,.5);transition:all .3s ease}.user-avatar-link:hover{border-color:#00d4ff;transform:scale(1.05);box-shadow:0 0 15px rgba(0,212,255,.5)}.user-avatar{width:100%;height:100%;object-fit:cover}.cart-icon{position:relative}.cart-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ff0064,#ff6b00);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px rgba(255,0,100,.4);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mobile-menu-btn{display:none;background:none;border:none;color:#00d4ff;cursor:pointer;padding:8px}.mobile-menu{background:rgba(5,15,25,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(0,180,255,.15);padding:16px 24px;display:flex;flex-direction:column;gap:16px}.mobile-menu a{color:hsla(0,0%,100%,.75);font-size:16px;font-weight:500;text-decoration:none;padding:12px 16px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:10px}.mobile-menu a.active,.mobile-menu a:hover{color:#00d4ff;background:rgba(0,180,255,.1)}.user-link{border-top:1px solid rgba(0,180,255,.15);padding-top:16px!important;margin-top:8px}@media (max-width:1024px){.desktop-nav{gap:24px}.desktop-nav a{font-size:14px}.nav-container{padding:14px 20px}}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.logo h1{font-size:22px}.nav-container{padding:14px 16px;gap:16px}.nav-actions{gap:8px}.icon-btn{padding:6px}}.notifications-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(0,30,60,.98),rgba(0,50,100,.98));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,180,255,.4);border-radius:12px;padding:14px 20px;min-width:300px;max-width:400px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(0,180,255,.2);pointer-events:auto}.notification.success{border-color:rgba(0,255,136,.4)}.notification.error{border-color:rgba(255,0,100,.4)}.notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification.success .notification-icon{background:rgba(0,255,136,.2);color:#0f8}.notification.error .notification-icon{background:rgba(255,0,100,.2);color:#ff0064}.notification p{margin:0;color:#fff;font-size:14px;font-weight:500;line-height:1.4}.cart-overlay{left:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.cart-overlay,.cart-sidebar{position:fixed;top:0;right:0}.cart-sidebar{width:450px;height:100vh;background:linear-gradient(135deg,rgba(10,20,40,.98),rgba(20,40,80,.98));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(0,180,255,.3);box-shadow:-8px 0 32px rgba(0,0,0,.5);z-index:9999;display:flex;flex-direction:column;overflow:hidden}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(0,180,255,.2)}.cart-header h2{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-cart-btn{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-cart-btn:hover{background:rgba(255,0,100,.2);border-color:rgba(255,0,100,.5);transform:rotate(90deg)}.cart-items{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.cart-items::-webkit-scrollbar-thumb{background:rgba(0,180,255,.3);border-radius:3px}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px;text-align:center;color:hsla(0,0%,100%,.6)}.empty-cart svg{color:hsla(0,0%,100%,.3)}.empty-cart p{font-size:18px;margin:0}.continue-shopping-btn{background:linear-gradient(135deg,#00d4ff,#09f);color:#000;font-size:15px;font-weight:700;padding:12px 24px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.continue-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,180,255,.4)}.cart-item{display:flex;gap:12px;background:rgba(0,30,60,.5);border:1px solid rgba(0,180,255,.2);border-radius:12px;padding:12px;position:relative;transition:all .3s ease}.cart-item:hover{border-color:rgba(0,180,255,.4);background:rgba(0,30,60,.7)}.cart-item-image{width:80px;height:80px;border-radius:8px;background-size:cover;background-position:50%;flex-shrink:0}.cart-item-details{flex:1 1;display:flex;flex-direction:column;gap:8px}.cart-item-details h3{margin:0;font-size:16px;font-weight:600;color:#fff}.cart-item-price{margin:0;font-size:18px;font-weight:700;color:#00d4ff}.cart-item-quantity{display:flex;align-items:center;gap:12px;margin-top:auto}.cart-item-quantity button{width:28px;height:28px;border-radius:6px;background:rgba(0,180,255,.2);border:1px solid rgba(0,180,255,.3);color:#00d4ff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.cart-item-quantity button:hover{background:rgba(0,180,255,.3);transform:scale(1.1)}.cart-item-quantity span{font-size:16px;font-weight:600;color:#fff;min-width:30px;text-align:center}.remove-item-btn{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:50%;background:rgba(255,0,100,.2);border:1px solid rgba(255,0,100,.3);color:#ff0064;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.7}.remove-item-btn:hover{opacity:1;background:rgba(255,0,100,.3);transform:scale(1.1)}.cart-footer{border-top:1px solid rgba(0,180,255,.2);padding:20px 24px;background:rgba(0,20,40,.8)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:18px;font-weight:600;color:#fff}.total-price{font-size:28px;font-weight:800;background:linear-gradient(135deg,#00d4ff,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.checkout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#00d4ff,#09f);color:#000;font-size:16px;font-weight:700;padding:16px 24px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,180,255,.3)}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,180,255,.5);background:linear-gradient(135deg,#00e5ff,#0af)}@media (max-width:768px){.cart-sidebar{width:100%;max-width:400px}.notifications-container{right:10px;left:10px}.notification{min-width:auto;max-width:none}}@media (max-width:480px){.logo h1{font-size:20px}.nav-container{padding:12px}.cart-sidebar{width:100%}.cart-header{padding:20px 16px}.cart-header h2{font-size:20px}.notifications-container{top:70px;right:8px;left:8px}.mobile-menu,.notification{padding:12px 16px}.mobile-menu a{font-size:15px;padding:10px 12px}}@media (min-width:769px) and (max-width:900px){.cart-text{display:none}.cart-btn{padding:10px 14px}}.hero-banner{position:relative;width:90%;max-width:1200px;height:350px;margin:88px auto 40px;overflow:hidden;z-index:10;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.slide-container,.slide-image{position:absolute;top:0;left:0;width:100%;height:100%}.slide-image{background-size:cover;background-position:50%;background-repeat:no-repeat}.slide-overlay{position:absolute;top:0;width:60%;height:100%;z-index:1;pointer-events:none}.slide-overlay.right{right:0;background:linear-gradient(270deg,rgba(0,0,0,.85) 0,rgba(0,10,20,.75) 30%,rgba(0,20,40,.5) 60%,transparent)}.slide-overlay.left{left:0;background:linear-gradient(90deg,rgba(0,0,0,.85) 0,rgba(0,10,20,.75) 30%,rgba(0,20,40,.5) 60%,transparent)}.slide-content{position:absolute;top:50%;transform:translateY(-50%);z-index:2;max-width:500px;padding:0 50px}.slide-content.right{right:0;text-align:right}.slide-content.left{left:0;text-align:left}.slide-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slide-description{font-size:16px;font-weight:400;color:hsla(0,0%,100%,.9);margin:0 0 20px;line-height:1.5;text-shadow:0 2px 8px rgba(0,0,0,.4)}.slide-cta{background:linear-gradient(135deg,#00d4ff,#09f);color:#000;font-size:14px;font-weight:600;padding:10px 28px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,180,255,.4)}.slide-cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,180,255,.6);background:linear-gradient(135deg,#00e5ff,#00a8ff)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,180,255,.3);color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-arrow:hover{background:rgba(0,180,255,.3);border-color:rgba(0,180,255,.6);transform:translateY(-50%) scale(1.1)}.nav-arrow-right{right:30px}.nav-arrow-left{left:30px}.slide-indicators{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:12px;align-items:center}.indicator{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.4);border:2px solid hsla(0,0%,100%,.6);cursor:pointer;transition:all .3s ease;padding:0}.indicator.active{width:40px;border-radius:6px;background:#00d4ff;border-color:#00d4ff}.indicator:hover{background:rgba(0,180,255,.6);border-color:rgba(0,180,255,.8)}@media (max-width:1024px){.hero-banner{height:320px}.slide-title{font-size:28px}.slide-description{font-size:15px}.slide-content{max-width:450px;padding:0 40px}}@media (max-width:768px){.hero-banner{width:95%;height:300px;margin:80px auto 30px;border-radius:10px}.slide-overlay{width:100%}.slide-overlay.left,.slide-overlay.right{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.4) 40%,rgba(0,0,0,.85))}.slide-content{bottom:80px;top:auto;transform:none;left:0!important;right:0!important;text-align:center!important;max-width:100%;padding:0 30px}.slide-title{font-size:24px}.slide-description{font-size:14px;margin-bottom:16px}.nav-arrow{width:40px;height:40px}.nav-arrow-right{right:15px}.nav-arrow-left{left:15px}}@media (max-width:480px){.hero-banner{width:95%;height:280px;margin:75px auto 25px;border-radius:8px}.slide-title{font-size:20px;margin-bottom:8px}.slide-description{font-size:13px;margin-bottom:14px}.slide-cta{padding:8px 20px;font-size:13px}.slide-content{padding:0 20px;bottom:60px}.nav-arrow{width:36px;height:36px}.slide-indicators{bottom:20px;gap:8px}.indicator{width:10px;height:10px}.indicator.active{width:30px}}.featured-section{position:relative;z-index:10;padding:0 20px 40px}.featured-container{max-width:1200px;margin:0 auto;display:flex;gap:10px;align-items:stretch}.featured-left{flex:0 0 220px;display:flex;flex-direction:column;gap:10px}.large-card{flex:1 1;position:relative;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .4s ease;border:1px solid rgba(0,180,255,.2);min-height:90px}.card-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;transition:transform .5s ease;filter:brightness(.7)}.large-card:hover .card-bg-image{transform:scale(1.05);filter:brightness(.85)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(0,50,100,.4));z-index:1}.card-content-large{position:relative;z-index:2;padding:12px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.card-badge{display:inline-block;background:linear-gradient(135deg,#00d4ff,#09f);color:#000;font-size:8px;font-weight:700;padding:2px 7px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;width:-moz-fit-content;width:fit-content;box-shadow:0 4px 12px rgba(0,180,255,.4)}.card-badge.green{background:linear-gradient(135deg,#0f8,#0c6)}.card-title-large{font-size:14px;font-weight:700;color:#fff;margin:0 0 3px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.card-subtitle{font-size:10px;color:hsla(0,0%,100%,.85);margin:0 0 8px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.card-btn-large{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:10px;font-weight:600;padding:6px 12px;border-radius:5px;cursor:pointer;transition:all .3s ease;width:-moz-fit-content;width:fit-content}.card-btn-large:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);transform:translateX(5px)}.large-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,180,255,.3);border-color:rgba(0,180,255,.5)}.featured-right{flex:1 1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.small-card{position:relative;border-radius:10px;cursor:pointer;transition:all .3s ease;min-height:240px;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(10,20,40,.95),rgba(20,40,80,.95));overflow:hidden;border:1px solid rgba(0,180,255,.3);box-shadow:0 6px 20px rgba(0,180,255,.15),0 2px 6px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}.small-card-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:0}.small-card-image:after{bottom:0;height:65%;background:linear-gradient(0deg,#0a1428 0,rgba(10,20,40,.9) 25%,rgba(10,20,40,.6) 50%,rgba(10,20,40,.3) 70%,transparent)}.small-card-image:after,.small-card:before{content:"";position:absolute;left:0;width:100%}.small-card:before{top:0;height:100%;background:linear-gradient(135deg,rgba(0,180,255,.1),transparent 50%,rgba(0,255,170,.1));opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.small-card:hover:before{opacity:1}.small-card-content{position:relative;z-index:2;padding:0 12px 12px;display:flex;flex-direction:column;gap:5px;margin-top:auto;text-align:center}.card-title-small{font-size:14px;font-weight:700;color:#fff;margin:0 0 3px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,180,255,.3);letter-spacing:.3px}.card-desc-small{font-size:11px;color:hsla(0,0%,100%,.9);margin:0 0 6px;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.5);font-weight:500}.card-price-row{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 0 8px}.price-label{font-size:10px;color:hsla(0,0%,100%,.8);font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5)}.price-value{font-size:16px;font-weight:800;background:linear-gradient(135deg,#00d4ff,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,212,255,.5);letter-spacing:.3px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.card-btn-small{background:linear-gradient(135deg,#00d4ff,#09f);color:#000;font-size:11px;font-weight:700;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:0;box-shadow:0 3px 12px rgba(0,212,255,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.card-btn-small:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,212,255,.6),inset 0 1px 0 hsla(0,0%,100%,.3);background:linear-gradient(135deg,#00e5ff,#0af)}.small-card:hover{transform:translateY(-4px);border-color:rgba(0,180,255,.6);box-shadow:0 12px 40px rgba(0,180,255,.25),0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15)}.roblox-offers-section{position:relative;z-index:10;padding:50px 20px;max-width:1400px;margin:0 auto}.roblox-section-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:right;margin:0 0 30px;text-shadow:0 0 20px rgba(0,180,255,.3);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.roblox-slider-container{display:flex;align-items:center;gap:20px;position:relative}.roblox-cards-wrapper{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;flex:1 1;scrollbar-width:none;-ms-overflow-style:none}.roblox-cards-wrapper::-webkit-scrollbar{display:none}.slider-arrow{width:50px;height:50px;border-radius:50%;background:rgba(0,30,60,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,180,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;color:#00d4ff;box-shadow:0 4px 16px rgba(0,0,0,.3),0 0 20px rgba(0,180,255,.2);z-index:2}.slider-arrow:hover{transform:scale(1.1);background:rgba(0,180,255,.2);border-color:rgba(0,180,255,.6);box-shadow:0 6px 24px rgba(0,0,0,.4),0 0 30px rgba(0,180,255,.4)}.slider-arrow:active{transform:scale(.95)}.roblox-card{min-width:240px;height:320px;background:linear-gradient(135deg,rgba(10,20,40,.95),rgba(20,40,80,.95));border:1px solid rgba(0,180,255,.25);border-radius:16px;overflow:hidden;transition:all .4s ease;box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 10px rgba(0,180,255,.08),inset 0 1px 0 hsla(0,0%,100%,.08);flex-shrink:0;position:relative;flex-direction:column}.favorite-btn,.roblox-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex}.favorite-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.2);align-items:center;justify-content:center;z-index:3;opacity:0;transform:scale(.8);transition:all .3s ease;color:#fff}.favorite-btn svg{width:18px;height:18px}.offer-card:hover .favorite-btn,.roblox-card:hover .favorite-btn{opacity:1;transform:scale(1)}.favorite-btn:hover{background:rgba(255,0,100,.8);border-color:rgba(255,0,100,.8);transform:scale(1.1)}.favorite-btn:hover svg{fill:#ff0064;stroke:#fff}.favorite-btn:active{transform:scale(.95)}.roblox-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,180,255,.1),transparent 50%,rgba(0,255,170,.08));opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.roblox-card:hover:before{opacity:1}.roblox-card:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(0,180,255,.45);box-shadow:0 12px 30px rgba(0,180,255,.2),0 0 20px rgba(0,180,255,.12),inset 0 1px 0 hsla(0,0%,100%,.12)}.roblox-card-image{width:100%;height:55%;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;z-index:0}.roblox-card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(0deg,#0a1428 0,rgba(10,20,40,.8) 40%,transparent)}.roblox-card-content{padding:20px;text-align:center;position:relative;z-index:2;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;margin-top:auto}.roblox-card-content h3{font-size:20px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 12px rgba(0,180,255,.25);letter-spacing:.5px}.roblox-price{font-size:28px;font-weight:800;background:linear-gradient(135deg,#00d4ff,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 2px 6px rgba(0,180,255,.3));letter-spacing:.8px}.roblox-buy-btn{width:100%;background:linear-gradient(135deg,#00d4ff,#09f);color:#000;font-size:15px;font-weight:700;padding:14px 24px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,180,255,.3),inset 0 1px 0 hsla(0,0%,100%,.25);letter-spacing:.8px;position:relative;overflow:hidden}.roblox-buy-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.roblox-buy-btn:hover:before{left:100%}.roblox-buy-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#00e5ff,#0af);box-shadow:0 6px 20px rgba(0,180,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.roblox-buy-btn:active{transform:translateY(0)}@media (max-width:768px){.roblox-section-title{font-size:24px}.slider-arrow{width:40px;height:40px}.roblox-card{min-width:200px;height:280px}.roblox-card-content h3{font-size:18px}.roblox-price{font-size:24px}.roblox-buy-btn{padding:12px 20px;font-size:14px}.footer-title{font-size:16px}.social-links{gap:15px}.social-link{width:40px;height:40px}.social-link svg{width:18px;height:18px}.footer-copyright{font-size:11px}.site-footer{padding:20px 15px 15px;margin-top:30px}}.site-footer{position:relative;z-index:10;padding:25px 20px 20px;margin-top:40px;background:linear-gradient(135deg,rgba(10,20,40,.9),rgba(20,40,80,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,180,255,.3)}.footer-content{max-width:1400px;margin:0 auto;text-align:center}.footer-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 15px;text-shadow:0 0 20px rgba(0,180,255,.3)}.social-links{gap:20px;margin-bottom:15px}.social-link,.social-links{display:flex;justify-content:center;align-items:center}.social-link{width:45px;height:45px;border-radius:50%;background:rgba(0,30,60,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,180,255,.3);transition:all .3s ease;cursor:pointer;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.3)}.social-link svg{width:20px;height:20px}.social-link:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 24px rgba(0,0,0,.4)}.social-link.whatsapp{color:#25d366;border-color:rgba(37,211,102,.4)}.social-link.whatsapp:hover{background:rgba(37,211,102,.2);border-color:rgba(37,211,102,.8);box-shadow:0 8px 24px rgba(37,211,102,.3)}.social-link.facebook{color:#1877f2;border-color:rgba(24,119,242,.4)}.social-link.facebook:hover{background:rgba(24,119,242,.2);border-color:rgba(24,119,242,.8);box-shadow:0 8px 24px rgba(24,119,242,.3)}.social-link.discord{color:#5865f2;border-color:rgba(88,101,242,.4)}.social-link.discord:hover{background:rgba(88,101,242,.2);border-color:rgba(88,101,242,.8);box-shadow:0 8px 24px rgba(88,101,242,.3)}.footer-copyright{font-size:12px;color:hsla(0,0%,100%,.5);margin:0;letter-spacing:.3px}.offers-section{position:relative;z-index:10;padding:60px 20px;max-width:1400px;margin:0 auto}.offers-section-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:0 0 10px;text-shadow:0 0 20px rgba(0,180,255,.3)}.offers-section-subtitle{text-align:center;font-size:16px;color:hsla(0,0%,100%,.6);margin:0 0 50px}.offers-loading{text-align:center;padding:80px 20px;color:hsla(0,0%,100%,.7)}.loading-spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid rgba(0,180,255,.2);border-top-color:#00b4ff;border-radius:50%;animation:spin 1s linear infinite}.offers-loading p{font-size:16px;color:hsla(0,0%,100%,.6)}.no-offers{text-align:center;padding:80px 20px;color:hsla(0,0%,100%,.5)}.no-offers p{font-size:18px}.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:30px;gap:30px;margin-bottom:40px}.offer-card{background:linear-gradient(135deg,rgba(10,20,40,.95),rgba(20,40,80,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,180,255,.25);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 10px rgba(0,180,255,.08);position:relative;display:flex;flex-direction:column}.offer-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,180,255,.1),transparent 50%,rgba(0,255,170,.08));opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.offer-card:hover:before{opacity:1}.offer-card:hover{transform:translateY(-8px);border-color:rgba(0,180,255,.45);box-shadow:0 12px 30px rgba(0,180,255,.2),0 0 20px rgba(0,180,255,.12)}.offer-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#00d4ff,#09f);color:#000;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:2;box-shadow:0 4px 12px rgba(0,180,255,.4);letter-spacing:.5px}.offer-badge.hot{background:linear-gradient(135deg,#ff6b00,#ff0064);box-shadow:0 4px 12px rgba(255,0,100,.4)}.offer-badge.new{background:linear-gradient(135deg,#0f8,#00d4ff);box-shadow:0 4px 12px rgba(0,255,136,.4)}.offer-image{width:100%;height:180px;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;z-index:0}.offer-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,rgba(10,20,40,.95),transparent)}.offer-content{padding:20px;position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}.offer-content h3{font-size:20px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.6)}.offer-description{font-size:14px;color:hsla(0,0%,100%,.7);margin:0;line-height:1.5}.offer-prices{display:flex;align-items:center;gap:12px;margin:8px 0}.old-price{font-size:16px;color:hsla(0,0%,100%,.4);text-decoration:line-through}.new-price{font-size:28px;font-weight:800;background:linear-gradient(135deg,#00d4ff,#0fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(0,180,255,.3))}.offer-buy-btn{width:100%;background:linear-gradient(135deg,#00d4ff,#09f);color:#000;font-size:15px;font-weight:700;padding:14px 24px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,180,255,.3),inset 0 1px 0 hsla(0,0%,100%,.25);letter-spacing:.8px;position:relative;overflow:hidden;margin-top:auto}.offer-buy-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.offer-buy-btn:hover:before{left:100%}.offer-buy-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#00e5ff,#0af);box-shadow:0 6px 20px rgba(0,180,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.offer-buy-btn:active{transform:translateY(0)}.load-more-container{display:flex;justify-content:center;margin-top:20px}.load-more-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(0,30,60,.8),rgba(0,50,100,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,180,255,.3);color:#00d4ff;font-size:16px;font-weight:600;padding:14px 32px;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.3)}.load-more-btn svg{transition:transform .3s ease}.load-more-btn:hover{background:linear-gradient(135deg,rgba(0,50,100,.9),rgba(0,80,150,.9));border-color:rgba(0,180,255,.6);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,180,255,.3)}.load-more-btn:hover svg{transform:translateY(3px)}.load-more-btn:active{transform:translateY(0)}@media (max-width:768px){.offers-section{padding:40px 15px}.offers-section-title{font-size:28px}.offers-section-subtitle{font-size:14px;margin-bottom:30px}.offers-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.offer-image{height:150px}.offer-content h3{font-size:18px}.new-price{font-size:24px}.load-more-btn{font-size:14px;padding:12px 24px}}@media (max-width:1100px){.featured-left{flex:0 0 240px}}@media (max-width:900px){.featured-container{flex-direction:column}.featured-left{flex:1 1;width:100%}.featured-right{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.featured-right{grid-template-columns:1fr}}@media (max-width:600px){.card-content-large{padding:16px}.card-title-large{font-size:18px}.card-subtitle{font-size:11px}.card-btn-large{font-size:11px;padding:7px 15px}.small-card{min-width:160px!important}.small-card-image{height:120px!important;margin:60px 0 12px!important}.small-card-content{padding:0 12px 12px!important}.card-title-small{font-size:15px!important}.card-desc-small{font-size:11px!important}.price-value{font-size:16px!important}.card-btn-small{padding:8px 16px;font-size:11px}.featured-section{padding:0 15px 40px}}.payment-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10001;display:flex;align-items:center;justify-content:center}.payment-modal{position:fixed!important;top:50%!important;left:50%!important;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(99,102,241,.3);border-radius:24px;width:90%;max-width:550px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 60px rgba(99,102,241,.2);z-index:10002;padding:0;margin:0!important}.payment-modal::-webkit-scrollbar{width:8px}.payment-modal::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:10px}.payment-modal::-webkit-scrollbar-thumb{background:rgba(99,102,241,.5);border-radius:10px}.payment-modal::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.7)}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:30px 30px 20px;border-bottom:1px solid rgba(99,102,241,.2)}.payment-header h2{font-size:26px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-payment-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.close-payment-btn:hover{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.4);transform:rotate(90deg)}.payment-summary{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:20px;margin:25px 30px;text-align:center}.payment-summary p{color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:8px}.payment-summary h3{font-size:32px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-methods{display:flex;flex-direction:column;gap:15px;padding:0 30px 30px}.payment-method-btn{display:flex;align-items:center;gap:20px;background:hsla(0,0%,100%,.03);border:2px solid rgba(99,102,241,.2);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.payment-method-btn:hover:not(:disabled){background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.5);transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.3)}.payment-method-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);border-radius:12px;flex-shrink:0}.payment-method-btn.paypal .payment-icon{color:#0070ba}.payment-method-btn.mastercard .payment-icon{background:#fff}.payment-method-btn.mobile-cash .payment-icon{color:#e60000}.payment-method-btn.instapay .payment-icon{color:#00a651}.payment-info{flex:1 1;text-align:right}.payment-info h4{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.payment-info p{font-size:13px;color:hsla(0,0%,100%,.6)}.payment-loader{margin-right:auto}.spinner-small{width:24px;height:24px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.payment-modal{width:95%;max-height:85vh}.payment-header{padding:20px 20px 15px}.payment-header h2{font-size:20px}.payment-summary{margin:20px;padding:16px}.payment-summary h3{font-size:26px}.payment-methods{padding:0 20px 20px;gap:12px}.payment-method-btn{padding:16px;gap:15px}.payment-icon{width:45px;height:45px}.payment-info h4{font-size:16px}.payment-info p{font-size:12px}}@media (max-width:480px){.animated-bg,.grid-lines,.light-orbs,.waves{opacity:.2!important;animation:none!important}.nav-container{padding:10px 14px!important;gap:10px!important}.logo h1{font-size:20px!important}.action-btn{width:42px!important;height:42px!important}.mobile-menu{width:85%!important;max-width:300px!important}.mobile-menu-item{font-size:15px!important;padding:12px!important}.hero-banner{height:220px!important;margin-top:65px!important}.hero-content{padding:16px!important}.hero-title{font-size:20px!important;line-height:1.3!important}.hero-cta,.hero-description{font-size:12px!important}.hero-cta{padding:8px 18px!important}.offers-section,.roblox-section,.uc-section{padding:30px 12px!important}.roblox-section-title,.uc-section-title{font-size:20px!important}.products-scroll{padding:0 10px!important;gap:10px!important}.product-card{min-width:150px!important;padding:10px!important}.product-image{height:95px!important}.product-title{font-size:13px!important}.product-price{font-size:15px!important}.add-to-cart-btn{padding:7px 12px!important;font-size:11px!important}.large-card{height:190px!important}.card-content-large{padding:14px!important}.card-title-large{font-size:17px!important}.card-btn-large,.card-subtitle{font-size:11px!important}.card-btn-large{padding:7px 14px!important}.featured-section{padding:30px 12px!important}.featured-container{gap:12px!important}.small-card{min-width:150px!important}.small-card-image{height:110px!important;margin:55px 0 10px!important}.card-title-small{font-size:14px!important}.card-desc-small{font-size:10px!important}.price-value{font-size:15px!important}.card-btn-small{padding:7px 14px!important;font-size:10px!important}.cart-sidebar{width:100%!important}.cart-header h2{font-size:18px!important}.cart-item{padding:10px!important}.cart-item-image{width:60px!important;height:60px!important}.checkout-btn{padding:12px!important;font-size:13px!important}.auth-modal-content{width:95%!important;border-radius:18px!important}.auth-modal-header{padding:18px!important}.auth-modal-header h2{font-size:20px!important}.auth-form{padding:18px!important}.form-group input{padding:12px 14px!important;font-size:14px!important}.auth-submit-btn{padding:13px!important;font-size:14px!important}.payment-modal{width:95%!important;border-radius:18px!important}.payment-header{padding:18px!important}.payment-header h2{font-size:18px!important}.payment-summary{margin:18px!important;padding:14px!important}.payment-summary h3{font-size:24px!important}.payment-methods{padding:0 18px 18px!important;gap:10px!important}.payment-method-btn{padding:14px!important;gap:12px!important}.payment-icon{width:42px!important;height:42px!important}.payment-info h4{font-size:14px!important}.payment-info p{font-size:11px!important}.notification{width:calc(100% - 24px)!important;margin:12px!important;font-size:13px!important}.scroll-btn{width:32px!important;height:32px!important;font-size:16px!important}.home-page{padding-top:60px!important}}@media (max-width:375px){.nav-container{padding:8px 10px!important}.logo h1{font-size:18px!important}.hero-banner{height:200px!important}.hero-title{font-size:18px!important}.product-card,.small-card{min-width:140px!important}}