:root{--bg-color:#1a1a1f;--panel-bg:#222329;--panel-hover:#2a2b32;--border-color:#31333b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-orange:#a855f7;--accent-red:#ef4444;--accent-green:#22c55e;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--hero-overlay:#0009}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#3a3b45;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}h1,h2,h3,h4,h5,h6{letter-spacing:.02em;text-transform:uppercase;font-family:Outfit,sans-serif;font-weight:800}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.text-orange{color:var(--accent-orange)}.text-red{color:var(--accent-red)}.text-muted{color:var(--text-muted)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{justify-content:flex-start;align-items:center;display:flex}.floating-badge{background:var(--panel-bg);border:1px solid var(--border-color);pointer-events:auto;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:inline-flex;position:relative;box-shadow:0 10px 25px #00000080}.hero-badges-container{pointer-events:none;z-index:10;justify-content:space-between;width:100%;padding:0 2rem;display:flex;position:absolute;bottom:2rem;left:0}.home-layout{align-items:flex-start;gap:2rem;margin-top:2rem;margin-bottom:4rem;display:flex}.home-sidebar{flex-shrink:0;width:280px}.navbar-user-btn{z-index:100;position:absolute;top:1rem;right:2rem}@media (width<=768px){.navbar-user-btn{top:.5rem;right:1rem}.hero-badges-container{flex-direction:column;align-items:center;gap:1.5rem;padding:0 1rem;bottom:1rem}.home-layout{flex-direction:column}.home-sidebar{width:100%}.flex-between{text-align:center;flex-direction:column;align-items:center;gap:1rem}.site-footer .flex-between{text-align:center;flex-direction:column;align-items:center}.container{padding-left:1rem;padding-right:1rem}.packages-grid{grid-template-columns:1fr}}.badge-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.badge-orange{border:1px solid var(--accent-orange);background:#a855f71a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;display:inline-flex}.badge-orange .badge-icon{color:var(--accent-orange);background:#a855f733}.badge-orange .floating-count{background:var(--accent-orange);color:#fff}.floating-count{border-radius:12px;padding:.2rem .6rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #00000080}.badge-text-primary{color:var(--accent-orange);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}.badge-text-secondary{color:var(--text-main);text-transform:uppercase;font-size:.75rem;font-weight:600}.sidebar-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;height:100%;padding:1.5rem 0}.sidebar-header{border-bottom:1px solid var(--border-color);color:var(--accent-orange);margin-bottom:1rem;padding:0 1.5rem 1rem;font-size:1.1rem}.sidebar-item{color:var(--text-main);cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.5rem;font-weight:600;transition:background .2s;display:flex}.sidebar-item:hover{background:var(--panel-hover)}.sidebar-item img{object-fit:contain;width:64px;height:64px}.content-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:2rem}.panel-header{color:var(--accent-orange);margin-bottom:1.5rem;font-size:1.2rem}.packages-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.package-card{background:var(--bg-color);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.package-card:hover{transform:translateY(-2px)}.package-card.border-green{border-color:var(--accent-green);box-shadow:0 0 10px #22c55e33}.package-card.border-yellow{border-color:#eab308;box-shadow:0 0 10px #eab30833}.package-card.border-cyan{border-color:var(--accent-cyan);box-shadow:0 0 10px #06b6d433}.package-card.border-purple{border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf633}.package-img{object-fit:cover;background:#000;border-radius:8px;width:64px;height:64px}.package-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.package-price{color:var(--text-main);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}.btn-sm{cursor:pointer;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;transition:opacity .2s}.btn-sm:hover{opacity:.9}.bg-orange{background-color:var(--accent-orange)}.bg-red{background-color:var(--accent-red)}.bg-green{background-color:var(--accent-green)}.bg-purple{background:var(--primary-purple);color:#fff;border:1px solid var(--primary-purple-hover)}.bg-purple:hover{background:var(--primary-purple-hover)}@keyframes slowPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes glowPulse{0%{box-shadow:0 0 10px #a855f733}50%{box-shadow:0 0 40px #a855f799}to{box-shadow:0 0 10px #a855f733}}.animate-glow{animation:3s infinite glowPulse}.gift-card-box{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;gap:.5rem;margin-top:1rem;padding:.5rem;display:flex}.gift-card-box input{color:var(--text-main);background:0 0;border:none;outline:none;flex-grow:1;padding:.5rem;font-family:Inter,sans-serif}.social-icon{color:#fff;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background:var(--accent-orange);transform:translateY(-3px);box-shadow:0 5px 15px #f9731666}.footer-link{color:var(--text-muted);width:fit-content;text-decoration:none;transition:all .2s;display:inline-block}.footer-link:hover{color:var(--accent-orange);transform:translate(5px)}@media (width<=768px){.footer-bottom{text-align:center;flex-direction:column}}.tebex-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.featured-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.tebex-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.tebex-grid,.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tebex-grid,.featured-grid{grid-template-columns:1fr}}.tebex-card{background:#1e1e24;border:1px solid #2d2d35;border-radius:4px;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.tebex-card:hover{border-color:#3f3f4a}.tebex-card-img-wrapper{justify-content:center;align-items:center;height:180px;padding:1.5rem;display:flex}.tebex-card-img{object-fit:contain;filter:drop-shadow(0 10px 15px #0000004d);max-width:100%;max-height:100%}.tebex-card-content{flex-direction:column;flex-grow:1;padding:1rem;display:flex}.tebex-card-title{color:#fff;text-align:center;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700}.tebex-card-price{color:#f59e0b;text-align:center;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700}.tebex-card-actions{gap:.5rem;margin-top:auto;display:flex}.tebex-btn-info{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.tebex-btn-info:hover{opacity:.9}.tebex-btn-cart{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;flex-grow:1;justify-content:center;align-items:center;height:36px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:opacity .2s;display:flex}.tebex-btn-cart:hover{opacity:.9}.info-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.info-modal-content{background:#2a2a33;border:1px solid #3f3f4a;border-radius:8px;width:90%;max-width:800px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.info-modal-close{color:#ef4444;cursor:pointer;z-index:10;background:0 0;border:1px solid #ef4444;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.info-modal-close:hover{color:#fff;background:#ef4444}.info-modal-grid{flex-direction:column;display:flex}@media (width>=768px){.info-modal-grid{flex-direction:row}}.info-modal-left{background:#23232a;flex-direction:column;align-items:center;width:100%;padding:2rem;display:flex}@media (width>=768px){.info-modal-left{width:35%}}.info-modal-img-container{justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:1.5rem;display:flex}.info-modal-img{object-fit:contain;filter:drop-shadow(0 10px 15px #0006);max-width:100%;max-height:100%}.info-modal-title{color:#fff;text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.info-modal-price{color:#f59e0b;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.info-modal-btn-cart{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;width:100%;margin-bottom:.75rem;padding:.75rem;font-weight:700;transition:opacity .2s}.info-modal-btn-cart:hover{opacity:.9}.info-modal-btn-gift{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:4px;width:100%;padding:.75rem;font-weight:700;transition:opacity .2s}.info-modal-btn-gift:hover{opacity:.9}.info-modal-right{color:#e2e8f0;width:100%;padding:2rem;font-size:.9rem;line-height:1.5}@media (width>=768px){.info-modal-right{width:65%}}.info-section{margin-bottom:1.5rem}.info-section h4{color:#fff;margin-bottom:.5rem;font-size:1rem}.info-section ul{padding-left:0;list-style:none}.info-section ul li{color:#cbd5e1;margin-bottom:.25rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}.sexy-toast{z-index:10000;background:linear-gradient(135deg,#1e1e24 0%,#2a2a33 100%);border:1px solid #8b5cf6;border-left-width:4px;border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideInUp;display:flex;position:absolute;bottom:2rem;right:2rem;box-shadow:0 10px 25px -5px #00000080,0 0 15px #8b5cf64d}.sexy-toast .toast-icon{color:#a78bfa;background:#8b5cf633;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.sexy-toast .toast-content h4{color:#fff;margin:0 0 .25rem;font-size:1rem}.sexy-toast .toast-content p{color:#94a3b8;margin:0;font-size:.85rem}.cart-items-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.cart-item-name{color:#fff;flex-grow:1;font-weight:700}.cart-item-price{color:var(--accent-orange);margin-right:1rem;font-weight:700}.cart-item-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cart-total-row{color:#fff;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:1rem;padding:1rem;font-size:1.2rem;font-weight:700;display:flex}.cart-checkout-btn{background:var(--accent-orange);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:opacity .2s}.cart-checkout-btn:hover{opacity:.9}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#2a2b32;border-radius:8px;width:90%;max-width:550px;padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalScaleUp;position:relative;box-shadow:0 25px 50px -12px #00000080}.modal-header{text-align:center;margin-bottom:2rem}.modal-title{color:#fff;text-transform:none;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:800}.modal-subtitle{color:var(--text-muted);font-size:.85rem;line-height:1.4}.modal-input-container{background:#1a1a1f;border-radius:4px;align-items:center;margin-bottom:1.5rem;padding:.5rem;display:flex}.modal-input-container img{border-radius:4px;width:32px;height:32px;margin-right:.75rem}.modal-input{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;font-family:Inter,sans-serif;font-size:1rem}.modal-btn{background:var(--accent-orange);color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;width:100%;padding:1rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;transition:background .2s}.modal-btn:hover{background:#d97706}.modal-footer{color:var(--text-muted);justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.9rem;display:flex}.toggle-btn{background:var(--accent-red);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.25rem 1rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.cart-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.cart-modal-content{background:#2b2b36;border-radius:6px;width:100%;max-width:500px;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideInUp;overflow:hidden;box-shadow:0 10px 40px #000c}.cart-modal-header{background:#24242d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cart-header-left{align-items:center;gap:1rem;display:flex}.cart-player-img{width:50px;height:50px;image-rendering:pixelated}.cart-player-info{flex-direction:column;gap:.25rem;display:flex}.cart-player-name{color:#f59e0b;letter-spacing:.5px;margin:0;font-size:1.2rem;font-weight:800}.cart-logout-btn{color:#ef4444;cursor:pointer;background:#ffffff0d;border:none;border-radius:4px;align-self:flex-start;padding:.25rem .75rem;font-size:.8rem;font-weight:700;transition:background .2s}.cart-logout-btn:hover{background:#ef44441a}.cart-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.cart-close-btn:hover{color:#fff;background:#ffffff1a}.cart-modal-body{flex-direction:column;justify-content:center;min-height:150px;padding:2rem 1.5rem;display:flex}.cart-empty-title{color:#ef4444;text-align:center;margin:0 0 1rem;font-size:1.2rem;font-weight:700}.cart-empty-text{color:#cbd5e1;text-align:center;margin:0;font-size:.95rem;line-height:1.5}.cart-items-container{flex-direction:column;gap:.75rem;max-height:250px;margin-bottom:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.cart-items-container::-webkit-scrollbar{width:6px}.cart-items-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.cart-items-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.cart-items-container::-webkit-scrollbar-thumb:hover{background:#fff3}.cart-item-row{background:#0003;border-radius:4px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.cart-item-name{color:#fff;flex:1;font-size:1rem;font-weight:700}.cart-item-price{color:#f59e0b;margin-right:1rem;font-size:1.1rem;font-weight:700}.cart-item-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:background .2s;display:flex}.cart-item-remove:hover{background:#dc2626}.cart-total-row{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:1.5rem;padding-top:1rem;display:flex}.cart-total-label{color:#fff;font-size:1.2rem;font-weight:700}.cart-total-value{color:#f59e0b;font-size:1.3rem;font-weight:700}.cart-checkout-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;transition:background .2s}.cart-checkout-btn:hover{background:#d97706}.checkout-page-container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.checkout-header h1{color:#fff;margin-bottom:.5rem;font-size:2rem}.checkout-header p{color:var(--text-muted);font-size:1rem}.checkout-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=900px){.checkout-grid{grid-template-columns:1.2fr 1fr}}.checkout-section{background:#15151a;border:1px solid #ffffff0d;border-radius:8px;padding:1.5rem}.checkout-section-title{color:#fff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.checkout-items-list{flex-direction:column;gap:1rem;display:flex}.checkout-item-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.checkout-item-details{align-items:center;gap:1rem;display:flex}.checkout-item-icon{background:#8b5cf61a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.checkout-item-info h4{color:#fff;margin:0 0 .25rem;font-size:1.1rem}.checkout-item-info p{color:var(--text-muted);margin:0;font-size:.85rem}.checkout-item-price-remove{text-align:right}.checkout-item-price{color:#fff;margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.checkout-item-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.85rem;display:flex}.checkout-item-remove:hover{text-decoration:underline}.checkout-totals{border-top:1px solid #ffffff0d;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.checkout-total-line{color:var(--text-muted);justify-content:space-between;font-size:.95rem;display:flex}.checkout-total-line.final-total{color:#fff;border-top:1px solid #ffffff0d;margin-top:1rem;padding-top:1.5rem;font-size:1.5rem;font-weight:700}.checkout-input-group{margin-bottom:1.5rem}.checkout-input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.checkout-input-wrapper{position:relative}.checkout-input-icon{color:#94a3b8;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.checkout-input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:1rem;transition:border-color .2s}.checkout-input:focus{border-color:#8b5cf6}.checkout-payment-methods{flex-direction:column;gap:.75rem;display:flex}.payment-method-label{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.payment-method-label:hover:not(.disabled){background:#ffffff0d}.payment-method-label.selected{background:#8b5cf60d;border-color:#8b5cf6}.payment-method-label.disabled{opacity:.5;cursor:not-allowed}.payment-radio{accent-color:#8b5cf6;width:16px;height:16px}.payment-method-info{color:#fff;align-items:center;gap:.75rem;font-weight:500;display:flex}.payment-method-icon{color:#8b5cf6}.checkout-terms{color:var(--text-muted);align-items:flex-start;gap:.75rem;margin-top:1.5rem;font-size:.85rem;display:flex}.checkout-terms input{accent-color:#8b5cf6;margin-top:.25rem}.checkout-submit-btn{color:#4c1d95;cursor:pointer;background:#d8b4fe;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:background .2s;display:flex}.checkout-submit-btn:hover:not(:disabled){background:#e9d5ff}.checkout-submit-btn:disabled{opacity:.7;cursor:not-allowed}.checkout-secure-footer{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:.25rem;margin-top:1rem;font-size:.8rem;display:flex}