@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-dark:#0a0a0c;--bg-card:#ffffff0d;--accent-primary:#7d2ae8;--accent-secondary:#00d2ff;--text-main:#fff;--text-muted:#a0a0a0;--glass-border:#ffffff1a;--shadow:0 8px 32px 0 #000c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.bg-glow{z-index:-1;background:radial-gradient(circle at 20% 30%,#7d2ae826 0%,#0000 50%),radial-gradient(circle at 80% 70%,#00d2ff26 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--glass-border);background:#0a0a0ccc;justify-content:space-between;align-items:center;padding:1.5rem 10%;display:flex;position:sticky;top:0}.logo{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-main);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-secondary)}.discord-btn{background:linear-gradient(135deg, var(--accent-primary), #5865f2);color:#fff;border-radius:50px;padding:.6rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #7d2ae84d}.discord-btn:hover{transform:scale(1.05)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60vh;padding:0 10%;display:flex;position:relative;overflow:hidden}.hero-img{object-fit:cover;opacity:.3;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.hero h1{margin-bottom:1rem;font-size:4rem;font-weight:800;animation:.8s fadeInDown}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:2rem;font-size:1.2rem;animation:1s fadeInUp}.section-title{text-align:center;margin:4rem 0 2rem;font-size:2.5rem}.categories-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:4rem;padding:0 10%;display:grid}.category-card{cursor:pointer;border:1px solid var(--glass-border);border-radius:20px;height:150px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.category-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.category-overlay{background:linear-gradient(#0000,#000c);align-items:flex-end;width:100%;height:100%;padding:1.5rem;display:flex;position:absolute;top:0;left:0}.category-card h3{font-size:1.5rem;font-weight:700}.category-card:hover{border-color:var(--accent-secondary);transform:translateY(-5px)}.category-card:hover img{transform:scale(1.1)}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.filter-tab{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;border-radius:50px;padding:.6rem 1.5rem;font-family:inherit;font-weight:600;transition:all .3s}.filter-tab.active,.filter-tab:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 15px #7d2ae866}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:5rem;padding:0 10%;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;flex-direction:column;padding:0;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.product-img{object-fit:contain;border-bottom:1px solid var(--glass-border);background:#ffffff08;width:100%;height:180px;padding:2rem}.product-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.product-card:hover{border-color:var(--accent-primary);transform:translateY(-10px)}.product-badge{background:var(--accent-secondary);color:var(--bg-dark);text-transform:uppercase;z-index:10;border-radius:50px;padding:.3rem .8rem;font-size:.7rem;font-weight:800;position:absolute;top:1rem;left:1rem}.product-title{margin-top:.5rem;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.product-price{color:var(--accent-secondary);margin:1rem 0;font-size:1.8rem;font-weight:800}.product-features{flex-grow:1;margin-bottom:1.5rem;list-style:none}.product-features li{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.product-features li:before{content:"✓";color:var(--accent-secondary);font-weight:700}.buy-btn{border:1px solid var(--accent-secondary);color:var(--accent-secondary);text-align:center;background:0 0;border-radius:12px;padding:.8rem;font-weight:700;text-decoration:none;transition:all .3s}.buy-btn:hover{background:var(--accent-secondary);color:var(--bg-dark)}footer{border-top:1px solid var(--glass-border);text-align:center;background:#050506;padding:4rem 10%}.footer-logo{margin-bottom:1rem;font-size:2rem;font-weight:800;display:block}.footer-links{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none}.copyright{color:var(--text-muted);font-size:.9rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero h1{font-size:2.5rem}.nav-links{display:none}nav{padding:1rem 5%}.products-grid{padding:0 5%}}
