*,*:before,*:after{box-sizing:border-box}:root{--primary-bg: #0a0f1e;--secondary-bg: #1a2035;--accent-blue: #00c2ff;--accent-glow: rgba(0, 194, 255, .5);--text-primary: #ffffff;--text-secondary: #a9c1d9;font-family:Poppins,sans-serif}body{margin:0;background-color:var(--primary-bg);color:var(--text-primary);overflow-x:hidden;cursor:none}.custom-cursor{position:fixed;width:10px;height:10px;background-color:var(--accent-blue);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10000;transition:transform .1s ease-out}.cursor-follower{position:fixed;width:40px;height:40px;border:2px solid var(--accent-blue);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .3s}a:hover~.cursor-follower,.cta-button:hover~.cursor-follower,.community-link:hover~.cursor-follower,.product-card:hover~.cursor-follower{transform:translate(-50%,-50%) scale(1.5);opacity:.5}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;background:var(--accent-blue);filter:blur(80px);opacity:.3;animation:move-orb 25s infinite alternate}.orb:nth-child(1){width:300px;height:300px;top:10%;left:10%;animation-duration:20s}.orb:nth-child(2){width:400px;height:400px;top:50%;left:70%;animation-duration:30s;animation-delay:-10s}@keyframes move-orb{0%{transform:translate(0) scale(1)}50%{transform:translate(100px,200px) scale(1.2)}to{transform:translate(-50px,-100px) scale(.9)}}.App{text-align:center}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:rgba(10,15,30,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,194,255,.2)}.logo-container{position:relative;width:80px;height:80px;animation:float 4s ease-in-out infinite}.logo-container:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:2px solid transparent;background:conic-gradient(from 0deg,var(--accent-blue),transparent,var(--accent-blue)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;animation:rotate-border 5s linear infinite}.logo{height:100%;width:100%;border-radius:50%}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.hero h1{font-family:Dancing Script,cursive;font-size:5rem;font-weight:700;margin:0;background:-webkit-linear-gradient(45deg,var(--accent-blue),#a9c1d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-glow 2s ease-in-out infinite alternate}.hero p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:1rem 0 2rem;animation:fade-in-up .8s ease-out .2s backwards}.cta-button{background:var(--accent-blue);color:var(--primary-bg);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;cursor:none;transition:transform .3s ease,box-shadow .3s ease;animation:fade-in-up .8s ease-out .4s backwards}.cta-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00c2ff4d}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.products{padding:4rem 0;animation:fade-in-up 1s ease-out backwards}.products h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:-webkit-linear-gradient(45deg,var(--accent-blue),var(--text-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-glow 1.5s ease-in-out infinite alternate}.product-category-container{position:relative;display:flex;align-items:center;margin-bottom:2rem}.product-grid-container{overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:40px 20px}.product-grid-container::-webkit-scrollbar{display:none}.product-grid{display:flex;width:max-content}.product-card{background:var(--secondary-bg);border:1px solid transparent;border-radius:15px;padding:2rem;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:none;position:relative;z-index:1;width:280px;margin:1rem}.product-grid:hover{animation-play-state:paused}.product-card:hover{z-index:10;transform:scale(1.05);border-color:var(--accent-blue);box-shadow:0 0 30px var(--accent-glow)}.product-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0,rgba(0,194,255,.2),transparent 70%);opacity:0;transition:opacity .4s ease}.product-card:hover:before{opacity:1}.product-icon{font-size:2.5rem;color:var(--accent-blue);margin-bottom:1rem}.product-card h3{margin-top:0;font-size:1.5rem;color:var(--text-primary)}.product-card p{color:var(--text-secondary)}.community{padding:4rem 5%;background:var(--secondary-bg);animation:fade-in-up 1s ease-out .2s backwards}.community h2{font-size:2.5rem;margin-bottom:2rem}.community-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.community-link{color:var(--text-primary);font-size:3rem;transition:transform .3s ease,color .3s ease;cursor:none}.community-link:hover{transform:scale(1.2);color:var(--accent-blue)}.community-link-wrapper{position:relative;display:inline-block;cursor:pointer}.community-link-wrapper .community-link{display:block}.coming-soon-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background-color:var(--accent-blue);color:var(--primary-bg);padding:5px 10px;border-radius:5px;white-space:nowrap;font-size:.8rem;font-weight:600;z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.community-link-wrapper:hover .coming-soon-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.footer{padding:2rem 5%;border-top:1px solid rgba(0,194,255,.2);font-size:.9rem;color:var(--text-secondary)}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-10px)}to{transform:translatey(0)}}.product-card.active{border-color:var(--accent-blue);box-shadow:0 0 30px var(--accent-glow);transform:scale(1.05)}.product-display{padding:2rem 5%;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem}.product-item{background:var(--secondary-bg);border-radius:10px;padding:1.5rem;width:250px;text-align:left;border:1px solid transparent;transition:border-color .3s ease;min-height:180px}.product-item:hover{border-color:var(--accent-blue)}.product-item-simple p{font-size:1.5rem;font-weight:600;color:var(--accent-blue);margin-bottom:1rem}.product-item h4{margin:0 0 .5rem;font-size:1.2rem;color:var(--text-primary)}.product-item p{margin:0;color:var(--text-secondary);font-size:1rem}.product-scroller{position:relative;display:flex;align-items:center}.scroll-arrow{background:#333;color:#fff;border:none;padding:10px;cursor:pointer;z-index:1}.left-arrow{left:0}.right-arrow{right:0}.product-grid{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.product-grid::-webkit-scrollbar{display:none}.cart-content{padding:2rem;overflow-y:auto;flex-grow:1}.cart-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cart-item span{flex:1}.cart-item button{background:var(--accent-blue);color:var(--primary-bg);border:none;border-radius:5px;padding:5px 10px;cursor:pointer}.cart-total{margin-top:2rem;border-top:1px solid var(--accent-blue);padding-top:1rem}.checkout-button{background:var(--accent-blue);color:var(--primary-bg);border:none;border-radius:5px;padding:10px 20px;width:100%;cursor:pointer;margin-top:1rem}.clear-cart-button{background:var(--secondary-bg);color:var(--text-secondary);border:1px solid var(--text-secondary);margin-top:.8rem}.clear-cart-button:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--primary-bg)}.cart-icon{position:relative;cursor:pointer;font-size:1.5rem}.cart-badge{position:absolute;top:-5px;right:-10px;background:var(--accent-blue);color:var(--primary-bg);border-radius:50%;padding:2px 6px;font-size:.8rem;font-weight:700}.cart-container{position:fixed;top:0;right:-350px;width:350px;height:100vh;background:var(--secondary-bg);box-shadow:-5px 0 15px #0003;transition:right .3s ease-in-out;z-index:102;display:flex;flex-direction:column}.cart-container.open{right:0}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--accent-blue)}.cart-header h2{margin:0}.close-cart{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.checkout{padding:2rem;text-align:center;position:relative}.back-button{background:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary);border-radius:5px;padding:8px 15px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:5px;transition:all .3s ease;z-index:10}.back-button:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translate(-3px)}.back-button.top-left{position:absolute;top:1rem;left:1rem}.checkout h2{font-size:3rem;text-align:center;margin-bottom:2rem;color:var(--accent-blue)}.payment-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;padding:10px;background:var(--secondary-bg);border-radius:15px;box-shadow:0 0 20px #0003}.payment-tab{background:var(--primary-bg);color:var(--text-secondary);border:1px solid rgba(0,194,255,.3);border-radius:10px;padding:15px 30px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px;text-align:center;box-shadow:0 5px 15px #0000001a}.payment-tab:hover:not(.active){transform:translateY(-5px);border-color:var(--accent-blue);color:var(--text-primary);box-shadow:0 0 25px #00c2ff66}.payment-tab.active{background:var(--accent-blue);color:var(--primary-bg);border-color:var(--accent-blue);box-shadow:0 0 30px var(--accent-glow);transform:scale(1.05)}.payment-details-group{display:flex;flex-direction:column;gap:15px;margin-top:20px}.payment-info-text-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.payment-info-label{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin-right:5px}.payment-info-text{font-size:1.5rem;font-weight:600;color:var(--text-primary);background-color:var(--secondary-bg);padding:1rem 1.5rem;border-radius:8px;border:1px solid var(--accent-blue);white-space:pre-wrap}.copy-button-container{display:flex;align-items:center;gap:8px}.copy-button{background:var(--accent-blue);color:var(--primary-bg);border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease}.copy-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00c2ff66}.copy-button svg{font-size:1.3rem}.easypaisa-options-container{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.easypaisa-options-container p{margin-bottom:15px;font-size:1.1rem}.easypaisa-options-grid{display:grid;grid-template-columns:1fr;gap:15px;width:100%;max-width:400px}@media (min-width: 600px){.easypaisa-options-grid{grid-template-columns:1fr 1fr}}.easypaisa-option{background:var(--secondary-bg);border:2px solid var(--accent-blue);border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:var(--text-primary);text-align:center}.easypaisa-option:hover{background:rgba(0,194,255,.2);box-shadow:0 0 15px var(--accent-glow)}.easypaisa-option.active{background:var(--accent-blue);color:var(--primary-bg);box-shadow:0 0 20px var(--accent-glow);transform:scale(1.02)}.transaction-proof{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}#proof{display:none}.custom-file-upload{background:var(--accent-blue);color:var(--primary-bg);border:none;border-radius:5px;padding:12px 25px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:1.15rem;font-weight:600;transition:all .3s ease;min-width:220px;box-shadow:0 5px 15px #00c2ff66}.custom-file-upload:hover{transform:translateY(-3px);background:var(--text-primary);color:var(--primary-bg)}.custom-file-upload.selected-file{background:var(--secondary-bg);border:1px solid var(--accent-blue);color:var(--accent-blue)}.custom-file-upload.selected-file:hover{background:var(--secondary-bg);color:var(--text-primary)}.upload-proof-label,.proceed-button{background:var(--accent-blue);color:var(--primary-bg);border:none;border-radius:5px;padding:10px 20px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:1.1rem;font-weight:600;transition:all .3s ease;min-width:180px;box-shadow:0 5px 15px #00c2ff66}.proceed-button{margin-top:20px;margin-bottom:20px}.upload-proof-label:hover:not(:disabled),.proceed-button:hover:not(:disabled){transform:translateY(-3px);background:var(--text-primary);color:var(--primary-bg)}.error-message{color:#ff6b6b;margin-top:10px;font-size:.95rem}.order-confirmation{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--secondary-bg);border-radius:10px;box-shadow:0 0 30px #00c2ff33;margin-top:30px}.order-confirmation h3{color:var(--accent-blue);font-size:2rem}.order-id-display{font-size:1.8rem;font-weight:700;color:var(--text-primary);background-color:var(--primary-bg);padding:10px 20px;border-radius:8px;border:1px dashed var(--accent-blue);display:flex;align-items:center;justify-content:center;gap:10px}.order-id-display span{color:var(--accent-blue)}.order-id-display .copy-button.small-copy-button{padding:5px 10px;font-size:.8rem;margin-left:10px;vertical-align:middle;box-shadow:none}.order-id-display .copy-button.small-copy-button:hover{transform:none;box-shadow:none;background:var(--accent-blue);color:var(--primary-bg)}.order-id-message{font-size:1.1rem;color:var(--text-secondary);max-width:500px}.discord-ticket-button{background-color:#7289da;color:#fff;border:none;border-radius:5px;padding:12px 25px;font-size:1.2rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.discord-ticket-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #7289da66}.discord-ticket-button svg{font-size:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.back-button{padding:10px 20px;border:1px solid var(--accent-blue);background:transparent;color:var(--text-primary);cursor:pointer;border-radius:5px;margin-top:20px}.product-item{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.product-banner-image{width:calc(100% + 3rem);height:80px;object-fit:cover;margin:-1.5rem -1.5rem 1rem;border-radius:10px 10px 0 0}.product-item p{margin-bottom:1rem}.custom-select-wrapper{position:relative;width:100%;margin-bottom:1rem;z-index:2}.custom-select-wrapper.active-dropdown{z-index:11}.custom-select-display{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border:2px solid var(--accent-blue);border-radius:5px;background-color:var(--secondary-bg);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;box-shadow:0 2px 5px #0003}.custom-select-display:hover{border-color:var(--text-primary);background-color:#2a3149;box-shadow:0 0 15px var(--accent-glow)}.custom-select-display .dropdown-arrow{transition:transform .3s ease}.custom-select-display .dropdown-arrow.open{transform:rotate(180deg)}.custom-select-options{position:absolute;top:100%;left:0;width:100%;border:2px solid var(--accent-blue);border-top:none;border-radius:0 0 5px 5px;background-color:var(--secondary-bg);color:var(--text-primary);box-shadow:0 5px 10px #0000004d;max-height:200px;overflow-y:auto;z-index:10}.custom-select-option{padding:.6rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.custom-select-option:hover{background-color:var(--accent-blue);color:var(--primary-bg)}.custom-select-option:not(:last-child){border-bottom:1px solid rgba(0,194,255,.1)}.add-to-cart-button,.discord-contact-button{background:var(--accent-blue);color:var(--primary-bg);border:none;border-radius:5px;padding:.5rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%;display:flex;justify-content:center;align-items:center;gap:8px}.add-to-cart-button:hover,.discord-contact-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00c2ff66}.add-to-cart-button svg{font-size:1.1rem}.discord-contact-button{background-color:#7289da}.discord-contact-button svg{font-size:1.3rem}.discord-contact-button:hover{box-shadow:0 5px 15px #7289da66}.quantity-selector{display:flex;align-items:center;justify-content:center;margin:1rem 0;border:1px solid var(--accent-blue);border-radius:5px;overflow:hidden;width:fit-content;margin-left:auto;margin-right:auto}.quantity-button{background:var(--secondary-bg);color:var(--text-primary);border:none;padding:.5rem .8rem;font-size:1.1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.quantity-button:hover{background:var(--accent-blue);color:var(--primary-bg)}.quantity-display{padding:.5rem 1rem;background:var(--primary-bg);color:var(--text-primary);font-size:1.1rem;font-weight:600;min-width:40px;text-align:center;-webkit-user-select:none;user-select:none}.whatsapp-contact-container{margin:30px 0;padding:20px;background:var(--secondary-bg);border-radius:10px;box-shadow:0 0 20px #0003;display:flex;flex-direction:column;align-items:center;gap:15px}.whatsapp-prompt{font-size:1.1rem;color:var(--text-secondary);margin:0}.whatsapp-button{background-color:#25d366;color:#fff;border:none;border-radius:5px;padding:12px 25px;font-size:1.2rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.whatsapp-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #25d36666}.whatsapp-button svg{font-size:1.5rem}