@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#0ea5e9;--primary-dark:#0284c7;--bg-color:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--card-bg:#1e293bb3;--card-border:#ffffff1a;--glass-bg:#0f172a99;--font-main:"Outfit", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:light){:root{--bg-color:#f0f9ff;--text-main:#0f172a;--text-muted:#475569;--card-bg:#ffffffb3;--card-border:#0000000d;--glass-bg:#fff9}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:100;box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0;transform:translateZ(0);height:calc(80px + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px)!important}.logo-container{align-items:center;width:120px;display:flex}.logo-img{top:calc(8px + env(safe-area-inset-top,0px));z-index:101;filter:drop-shadow(0 4px 6px #0000001a);width:auto;height:120px;position:absolute}.logo-text{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-main);font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary)}.buy-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.5rem 1.25rem;font-family:inherit;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 4px 14px #0ea5e963}.buy-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e93b}.hero{justify-content:space-between;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;padding:160px 5% 100px;display:flex;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#0ea5e926 0%,#0ea5e900 70%);border-radius:50%;width:40vw;height:40vw;position:absolute;top:10%;left:20%}.hero-content{flex:50%;min-width:400px}.hero-badge{color:var(--primary);background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:999px;margin-bottom:1.5rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-1px;margin-bottom:1.5rem;font-size:4rem;font-weight:700;line-height:1.1}.hero-title span{color:var(--primary)}.hero-desc{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.hero-btn-primary{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 8px 25px #0ea5e966}.hero-btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.hero-btn-secondary{color:var(--text-main);border:1px solid var(--card-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s;display:flex}.hero-btn-secondary:hover{background:var(--card-bg)}.hero-image-wrapper{flex:50%;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.hero-image{object-fit:cover;width:100%;max-width:600px;height:auto;box-shadow:var(--shadow);border-radius:16px;transition:transform .3s}.hero-image:hover{transform:translateY(-5px)}.steps-section{background:linear-gradient(#0000,#0ea5e908);padding:100px 5%}.section-header{text-align:center;margin-bottom:4rem}.section-title{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-desc{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.step-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;-webkit-backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem 2rem;transition:transform .3s,box-shadow .3s}.step-card:hover{border-color:#0ea5e94d;transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.step-icon-wrapper{width:80px;height:80px;color:var(--primary);background:#0ea5e91a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.step-title{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.step-desc{color:var(--text-muted)}.shop-section{max-width:1200px;margin:0 auto;padding:100px 5%}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;gap:3rem;display:grid}.product-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;flex-direction:column;width:100%;max-width:450px;display:flex;overflow:hidden}.product-image-container{background:#ffffff0d;width:100%;display:flex}.product-image{object-fit:contain;width:100%;height:auto;display:block}.product-info{flex-direction:column;flex:1;padding:2rem;display:flex}.product-name{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.product-price{color:var(--primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.product-desc{color:var(--text-muted);flex:1;margin-bottom:2rem}.add-to-cart-btn{background:var(--text-main);color:var(--bg-color);cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-size:1.125rem;font-weight:600;transition:all .2s}.add-to-cart-btn:hover{opacity:.9;transform:translateY(-2px)}.footer{border-top:1px solid var(--card-border);text-align:center;color:var(--text-muted);margin-top:auto;padding:4rem 5% 2rem}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding-top:120px}.hero-title{font-size:3rem}.hero-desc{margin:0 auto 2.5rem}.hero-cta{justify-content:center}.nav-links{display:none}}.cart-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00000080;position:fixed;inset:0}.cart-drawer{background:var(--bg-color);z-index:1000;flex-direction:column;width:400px;max-width:100vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-5px 0 25px #0000001a}.cart-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cart-header h2{margin:0;font-size:1.5rem}.cart-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background .2s;display:flex}.cart-close-btn:hover{background:var(--card-border)}.cart-items{flex:1;padding:1.5rem;overflow-y:auto}.empty-cart-msg{text-align:center;color:var(--text-muted);margin-top:2rem}.cart-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.cart-item-img{object-fit:contain;background:#ffffff0d;border-radius:8px;width:80px;height:80px}.cart-item-details{flex-direction:column;flex:1;justify-content:center;display:flex}.cart-item-title{margin:0 0 .25rem;font-size:1rem}.cart-item-qty{color:var(--text-muted);margin:0 0 .5rem;font-size:.875rem}.cart-item-price{color:var(--primary);margin:0;font-weight:600}.cart-footer{border-top:1px solid var(--card-border);background:var(--card-bg);padding:1.5rem}.cart-total{justify-content:space-between;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.checkout-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;padding:1rem;font-size:1.125rem;font-weight:600;transition:all .2s}.checkout-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}