@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#16161f;--bg-card-hover:#1c1c28;--bg-glass:#16161fd9;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-glow:#6c5ce74d;--gold:#f9ca24;--gold-dark:#d4a017;--green:#00d2d3;--red:#ff6b6b;--orange:#ffa502;--text-primary:#f0f0f5;--text-secondary:#8a8a9a;--text-muted:#5a5a6a;--border:#ffffff0f;--border-hover:#ffffff1f;--radius:16px;--radius-sm:10px;--radius-xs:6px;--shadow-card:0 4px 24px #0000004d;--shadow-hover:0 8px 40px #6c5ce726;--shadow-glow:0 0 60px #6c5ce71a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.container{padding:0 16px}}.header{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:14px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{font-size:24px}.logo-text{letter-spacing:-.5px;background:linear-gradient(135deg, var(--accent-light), var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.nav-links{gap:24px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}@media (max-width:768px){.nav-links{display:none}}.hero{text-align:center;padding:120px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--accent-glow), transparent 70%);opacity:.5;pointer-events:none;width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-badge{color:var(--accent-light);background:#6c5ce726;border:1px solid #6c5ce74d;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-1.5px;background:linear-gradient(135deg, #fff 30%, var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(32px,7vw,56px);font-weight:900;line-height:1.1}.hero p{color:var(--text-secondary);max-width:540px;margin:0 auto 32px;font-size:clamp(16px,3vw,20px);line-height:1.5}.hero-cta{background:linear-gradient(135deg, var(--accent), #7c5ce7);color:#fff;cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.hero-cta:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.section-title{text-align:center;margin-bottom:40px}.section-title h2{letter-spacing:-.5px;margin-bottom:8px;font-size:clamp(24px,5vw,36px);font-weight:800}.section-title p{color:var(--text-secondary);font-size:16px}.category-pills{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 20px 20px;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.category-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.category-pill:hover,.category-pill.active{color:var(--accent-light);background:#6c5ce726;border-color:#6c5ce766}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}@media (max-width:640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px}}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s;position:relative;overflow:hidden}.product-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.product-card-image{aspect-ratio:1;background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative;overflow:hidden}.product-card-image img{object-fit:contain;max-width:80%;max-height:80%;transition:transform .3s}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-rank{background:var(--accent);color:#fff;border-radius:100px;padding:3px 10px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.product-card-body{padding:16px}.product-card-rating{align-items:center;gap:6px;margin-bottom:8px;display:flex}.stars{color:var(--gold);letter-spacing:1px;font-size:13px}.review-count{color:var(--text-muted);font-size:12px}.product-card-title{-webkit-line-clamp:2;color:var(--text-primary);-webkit-box-orient:vertical;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-price{color:var(--green);margin-bottom:12px;font-size:22px;font-weight:800}.product-card-price .currency{vertical-align:top;margin-right:2px;font-size:14px;font-weight:600}.product-card-cta{color:#fff;border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:linear-gradient(135deg,#ff9f43,#ee5a24);border:none;width:100%;padding:10px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.product-card-cta:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:640px){.product-card-body{padding:12px}.product-card-title{font-size:13px}.product-card-price{font-size:18px}.product-card-cta{padding:8px;font-size:13px}}.linkinbio{flex-direction:column;align-items:center;max-width:480px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}.linkinbio-avatar{background:linear-gradient(135deg, var(--accent), var(--green));color:#fff;width:90px;height:90px;box-shadow:0 0 30px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:36px;font-weight:900;display:flex}.linkinbio h1{margin-bottom:4px;font-size:22px;font-weight:800}.linkinbio p{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.linkinbio-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);align-items:center;gap:14px;margin-bottom:10px;padding:14px 18px;text-decoration:none;transition:all .2s;display:flex}.linkinbio-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.linkinbio-item-image{border-radius:var(--radius-xs);object-fit:contain;background:var(--bg-secondary);width:50px;height:50px;padding:4px}.linkinbio-item-info{flex:1;min-width:0}.linkinbio-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.linkinbio-item-price{color:var(--green);font-size:15px;font-weight:800}.linkinbio-item-arrow{color:var(--text-muted);font-size:18px}.footer{text-align:center;border-top:1px solid var(--border);margin-top:60px;padding:40px 20px}.footer-disclosure{color:var(--text-muted);max-width:540px;margin:0 auto 12px;font-size:12px;line-height:1.5}.footer-links{justify-content:center;gap:16px;margin-bottom:12px;display:flex}.footer-links a{color:var(--text-secondary);font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--accent-light)}.footer-copyright{color:var(--text-muted);font-size:12px}.empty-state{text-align:center;padding:80px 20px}.empty-state-icon{margin-bottom:16px;font-size:48px}.empty-state h3{margin-bottom:8px;font-size:20px;font-weight:700}.empty-state p{color:var(--text-secondary);font-size:15px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s forwards fadeInUp}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.2s}.animate-delay-3{opacity:0;animation-delay:.3s}.animate-delay-4{opacity:0;animation-delay:.4s}