@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";:root{--bg-primary: #0a0a0b;--bg-secondary: #161618;--bg-tertiary: #222225;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-blue: #3b82f6;--accent-amber: #f59e0b;--accent-green: #10b981;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-premium: 0 20px 50px rgba(0, 0, 0, .5);--font-body: "Inter", sans-serif;--font-heading: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:all .3s ease}button{cursor:pointer;border:none;outline:none;font-family:inherit;background:none;color:inherit}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}nav{display:flex;align-items:center;height:80px}nav .container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-links{display:flex;gap:2rem}.nav-actions{display:flex;align-items:center;gap:1rem}.hero{position:relative;min-height:90vh;display:flex;align-items:center;padding:4rem 0}.hero .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}@media(max-width:768px){.hero .container{grid-template-columns:1fr;text-align:center}.nav-links{display:none}}.hero-content h1{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1;margin-bottom:1.5rem}.hero-image-container{position:relative;border-radius:2rem;overflow:hidden}.hero-image-container img{width:100%;height:auto;display:block}.section-padding{padding:6rem 0}.grid-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.category-filters{display:flex;gap:.75rem;flex-wrap:wrap}.category-btn{padding:.6rem 1.25rem;border-radius:99px;background:var(--bg-secondary);font-size:.875rem;font-weight:600}.category-btn.active{background:var(--accent-blue);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.product-card{background:var(--bg-secondary);border-radius:1.5rem;overflow:hidden;border:1px solid var(--glass-border);transition:transform .3s ease}.product-card:hover{transform:translateY(-8px)}.card-image{aspect-ratio:1;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-content{padding:1.5rem}.premium-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:99px;font-weight:600;transition:.3s}.btn-primary{background:var(--accent-blue);color:#fff}.btn-outline{border:1px solid var(--glass-border)}.btn-outline:hover{background:var(--glass-bg)}.gradient-text{background:linear-gradient(90deg,#3b82f6,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:var(--bg-secondary);width:100%;max-width:800px;max-height:90vh;border-radius:2rem;border:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden}.hidden{display:none}@media(min-width:768px){.md\:flex{display:flex}}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.bg-blue-600{background-color:#2563eb}.text-white{color:#fff}.text-xs{font-size:.75rem}.font-bold{font-weight:700}
