@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--bg-darker:#060913;--bg-dark:#0b0f19;--bg-card:#111827b3;--bg-card-hover:#1f2937cc;--border-glass:#ffffff14;--border-active:#0ea5e94d;--color-primary:#0ea5e9;--color-primary-rgb:14, 165, 233;--color-secondary:#f97316;--color-secondary-rgb:249, 115, 22;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--glow-cyan:0 0 20px #0ea5e959;--glow-orange:0 0 20px #f9731659;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%, #0ea5e914 0%, transparent 40%), radial-gradient(circle at 90% 80%, #f973160f 0%, transparent 40%), radial-gradient(circle at 50% 50%, #11182780 0%, var(--bg-darker) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);transition:var(--transition-smooth);border-radius:16px;padding:24px}.glass-panel:hover{border-color:#ffffff1f;box-shadow:0 8px 30px #0000004d}.glass-panel.interactive:hover{border-color:var(--border-active);box-shadow:var(--glow-cyan);transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 50%,#f97316 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-orange{background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #0284c7 100%);color:#fff;box-shadow:0 4px 15px #0ea5e94d}.btn-primary:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--border-glass);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-orange{background:linear-gradient(135deg, var(--color-secondary) 0%, #ea580c 100%);color:#fff;box-shadow:0 4px 15px #f973164d}.btn-orange:hover{box-shadow:var(--glow-orange);transform:translateY(-2px)}.btn-danger{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444433;transform:translateY(-2px)}.btn-sm{border-radius:8px;padding:8px 16px;font-size:.85rem}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);font-size:.88rem;font-weight:500;font-family:var(--font-display);margin-bottom:8px;display:block}.form-input{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#11182799;border-radius:10px;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--color-primary);background:#111827cc;outline:none;box-shadow:0 0 0 3px #0ea5e926}.form-input::placeholder{color:var(--text-muted)}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);background:#060913b3;padding:16px 0;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-text{font-family:var(--font-display);color:#fff;font-size:1.5rem;font-weight:800}.nav-links{gap:8px;display:flex}.nav-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:500;display:flex}.nav-btn:hover{color:var(--text-primary);background:#ffffff0a}.nav-btn.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);background:#0ea5e914;border-bottom-right-radius:0;border-bottom-left-radius:0}.flame-container{width:32px;height:32px;position:relative}.flame-particle{filter:blur(1px);background:linear-gradient(#0ea5e900,#0ea5e9);border-radius:50% 50% 20% 20%/60% 60% 40% 40%;width:16px;height:24px;animation:1.5s ease-in-out infinite alternate flicker;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.flame-particle.outer{filter:blur(2px);background:linear-gradient(#f9731600,#f97316cc);width:22px;height:28px;animation:1.8s ease-in-out infinite alternate flicker-outer}.flame-particle.inner{z-index:2;background:linear-gradient(#38bdf800,#38bdf8cc,#fff);width:10px;height:16px;animation:1.2s ease-in-out infinite alternate flicker-inner}@keyframes flicker{0%{transform:translate(-50%)scale(.9)rotate(-2deg)}to{transform:translate(-50%)scale(1.1)rotate(2deg)}}@keyframes flicker-outer{0%{opacity:.7;transform:translate(-50%)scale(.8)rotate(4deg)}to{opacity:.9;transform:translate(-50%)scale(1.15)rotate(-4deg)}}@keyframes flicker-inner{0%{transform:translate(-50%)scale(.95)rotate(-1deg)}to{transform:translate(-50%)scale(1.05)rotate(1deg)}}.badge{background:var(--color-secondary);color:#fff;text-align:center;border-radius:20px;min-width:18px;padding:2px 6px;font-size:.75rem;font-weight:700}.footer{border-top:1px solid var(--border-glass);background:#060913e6;margin-top:64px;padding:48px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr}}.footer-info p{color:var(--text-secondary);margin-top:16px;line-height:1.6}.footer-title{font-family:var(--font-display);color:#fff;margin-bottom:20px;font-size:1.1rem;font-weight:600}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);transition:var(--transition-smooth);text-decoration:none}.footer-links a:hover{color:var(--color-primary);padding-left:4px}.footer-bottom{color:var(--text-muted);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:.88rem;display:flex}.shop-grid{grid-template-columns:280px 1fr;gap:32px;margin-top:32px;display:grid}@media (width<=900px){.shop-grid{grid-template-columns:1fr}}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.product-card{flex-direction:column;height:100%;display:flex}.product-image-container{border-radius:12px;justify-content:center;align-items:center;height:160px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.product-badge-wholesale{color:var(--color-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0f19cc;border:1px solid #0ea5e966;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;top:12px;left:12px}.product-details{flex-direction:column;flex-grow:1;display:flex}.product-category{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:6px;font-size:.75rem;font-weight:600}.product-name{margin-bottom:8px;font-size:1.15rem;font-weight:600;line-height:1.3}.product-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:16px;font-size:.88rem;line-height:1.5}.product-pricing{background:#ffffff05;border:1px solid #ffffff08;border-radius:8px;margin-bottom:16px;padding:12px}.price-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.price-row:last-child{margin-bottom:0}.price-label{color:var(--text-muted);font-size:.78rem}.price-val{color:#fff;font-size:1.25rem;font-weight:700;font-family:var(--font-display)}.price-val.wholesale{color:var(--color-secondary)}.qty-counter{border:1px solid var(--border-glass);background:#0000004d;border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.qty-btn{color:#fff;cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:#ffffff0d;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.qty-btn:hover{background:var(--color-primary)}.qty-num{text-align:center;width:32px;font-weight:600}.checkout-grid{grid-template-columns:1.2fr .8fr;gap:32px;margin-top:32px;display:grid}@media (width<=900px){.checkout-grid{grid-template-columns:1fr}}.cart-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.cart-item:last-child{border-bottom:none}.cart-item-details{flex-grow:1}.cart-item-name{margin-bottom:4px;font-weight:600}.cart-item-price-desc{color:var(--text-secondary);font-size:.8rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{align-items:center;gap:16px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.cyan{color:var(--color-primary);background:#0ea5e91a}.stat-icon.orange{color:var(--color-secondary);background:#f973161a}.stat-icon.green{color:var(--success);background:#10b9811a}.stat-val{font-size:1.75rem;font-weight:700;font-family:var(--font-display);margin-top:4px}.stat-label{color:var(--text-secondary);font-size:.85rem}.consumption-chart-container{border-bottom:2px solid #ffffff1a;align-items:flex-end;gap:12px;height:200px;margin-top:24px;padding-top:20px;display:flex}.chart-bar-wrapper{flex-direction:column;flex-grow:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.chart-bar{background:linear-gradient(to top, #0ea5e94d, var(--color-primary));width:100%;transition:var(--transition-smooth);border-top-left-radius:6px;border-top-right-radius:6px;position:relative}.chart-bar:hover{background:linear-gradient(to top, #f973164d, var(--color-secondary));filter:drop-shadow(0 0 8px #f9731666)}.chart-bar-tooltip{background:var(--bg-darker);border:1px solid var(--border-glass);opacity:0;pointer-events:none;transition:var(--transition-smooth);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.75rem;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.chart-bar:hover .chart-bar-tooltip{opacity:1;top:-36px}.chart-bar-label{color:var(--text-secondary);margin-top:8px;font-size:.75rem}.county-badge{border:1px solid var(--border-glass);color:var(--text-primary);background:#ffffff08;border-radius:30px;align-items:center;margin-bottom:8px;margin-right:8px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.county-badge.active{border-color:var(--color-primary);color:#fff;background:#0ea5e91a;box-shadow:0 0 10px #0ea5e933}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;position:relative}.hero{text-align:center;padding:80px 0 60px;position:relative}.hero-title{margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.15}@media (width<=768px){.hero-title{font-size:2.2rem}}.hero-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto 36px;font-size:1.2rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:64px;margin-top:64px;display:flex}@media (width<=600px){.hero-stats{gap:32px}}.hero-stat-item{flex-direction:column;align-items:center;display:flex}.hero-stat-num{font-size:2.5rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg, #fff 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-stat-label{color:var(--text-secondary);margin-top:4px;font-size:.88rem}.tab-container{margin-top:32px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}