:root{--pink: #ff6b9d;--purple: #c44dff;--blue: #4d96ff;--green: #6bcb77;--yellow: #ffd93d;--orange: #ff6b35;--teal: #4ecdc4;--coral: #ff6b6b;--bg: #fef9f4;--bg-card: #ffffff;--text: #2d1b4e;--text-light: #6b5a8a;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(45, 27, 78, .08);--shadow-lg: 0 12px 48px rgba(45, 27, 78, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:Nunito,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:2px solid rgba(196,77,255,.1);padding:0 1.5rem}.header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:2rem;height:70px}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.logo-icon{font-size:2rem}.logo-text{font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.logo-accent{background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:.25rem;flex:1}.nav-link{text-decoration:none;color:var(--text-light);font-weight:600;font-size:.95rem;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--purple);background:#c44dff14}.header-actions{display:flex;align-items:center;gap:1rem}.search-box{display:flex;align-items:center;background:#c44dff0f;border:2px solid rgba(196,77,255,.12);border-radius:50px;padding:.5rem 1rem;gap:.5rem;transition:border-color .2s}.search-box:focus-within{border-color:var(--purple)}.search-icon{font-size:1rem}.search-input{border:none;background:transparent;outline:none;font-size:.9rem;color:var(--text);width:180px;font-family:inherit}.search-input::placeholder{color:var(--text-light);opacity:.6}.cart-btn{position:relative;background:linear-gradient(135deg,var(--pink),var(--purple));border:none;border-radius:50%;width:44px;height:44px;font-size:1.3rem;cursor:pointer;display:grid;place-items:center;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #c44dff4d}.cart-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #c44dff66}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--coral);color:#fff;font-size:.7rem;font-weight:800;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid white;animation:pop .3s ease}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.cart-dropdown{position:fixed;top:70px;right:1.5rem;z-index:200;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:2px solid rgba(196,77,255,.1);width:300px;padding:1.5rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cart-header h3{font-size:1.1rem;font-weight:700}.cart-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light);padding:.25rem}.cart-empty{text-align:center;padding:2rem 1rem}.cart-empty-icon{font-size:3rem;display:block;margin-bottom:.75rem;opacity:.4}.cart-empty p{color:var(--text-light);font-weight:600}.cart-empty-sub{font-size:.85rem;opacity:.7;margin-top:.25rem}.cart-filled{text-align:center;padding:1rem 0}.cart-items-count{color:var(--text-light);margin-bottom:1rem;font-weight:600}.checkout-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .2s}.checkout-btn:hover{transform:scale(1.02)}.hero{position:relative;overflow:hidden;padding:5rem 1.5rem;background:linear-gradient(135deg,#f8e8ff,#e8f4ff,#fff5e8)}.hero-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.shape{position:absolute;border-radius:50%;opacity:.15}.shape-1{width:400px;height:400px;background:var(--pink);top:-100px;right:-50px;animation:float 8s ease-in-out infinite}.shape-2{width:300px;height:300px;background:var(--blue);bottom:-80px;left:-60px;animation:float 10s ease-in-out infinite reverse}.shape-3{width:200px;height:200px;background:var(--yellow);top:50%;left:60%;animation:float 6s ease-in-out infinite}.shape-4{width:150px;height:150px;background:var(--green);top:20%;left:20%;animation:float 12s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(20px,-20px) rotate(5deg)}66%{transform:translate(-10px,15px) rotate(-3deg)}}.hero-content{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-badge{display:inline-block;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1.25rem;border-radius:50px;font-size:.85rem;font-weight:700;color:var(--purple);margin-bottom:1.5rem;border:1px solid rgba(196,77,255,.2)}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.15;letter-spacing:-.03em;color:var(--text);margin-bottom:1.25rem}.gradient-text{background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:var(--text-light);max-width:520px;margin:0 auto 2rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.btn{padding:.85rem 2rem;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 4px 20px #c44dff59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #c44dff73}.btn-outline{background:#fff;color:var(--purple);border:2px solid rgba(196,77,255,.3)}.btn-outline:hover{border-color:var(--purple);background:#c44dff0d}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem 2.5rem;border-radius:60px;display:inline-flex;border:1px solid rgba(196,77,255,.1)}.stat{text-align:center}.stat-number{display:block;font-size:1.4rem;font-weight:800;color:var(--purple)}.stat-label{font-size:.8rem;color:var(--text-light);font-weight:600}.stat-divider{width:1px;height:36px;background:#c44dff33}.categories-section{max-width:1280px;margin:0 auto;padding:4rem 1.5rem 2rem}.section-title{font-size:1.75rem;font-weight:800;text-align:center;margin-bottom:2rem;color:var(--text)}.categories-grid{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;justify-content:center;flex-wrap:wrap}.category-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-radius:var(--radius);border:2px solid rgba(196,77,255,.08);background:#fff;cursor:pointer;transition:all .2s;min-width:100px;font-family:inherit}.category-card:hover{border-color:var(--cat-color, var(--purple));transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.category-card.active{border-color:var(--cat-color, var(--purple));background:linear-gradient(135deg,#ff6b9d14,#c44dff14);box-shadow:0 4px 16px #c44dff26}.category-emoji{font-size:2rem}.category-name{font-size:.8rem;font-weight:700;color:var(--text);white-space:nowrap}.promo-banner{max-width:1280px;margin:2rem auto;padding:0 1.5rem}.promo-inner{background:linear-gradient(135deg,var(--purple),var(--pink));border-radius:var(--radius);padding:2.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden}.promo-inner:before{content:"";position:absolute;width:300px;height:300px;background:#ffffff1a;border-radius:50%;top:-100px;right:-50px}.promo-inner:after{content:"";position:absolute;width:150px;height:150px;background:#ffffff14;border-radius:50%;bottom:-40px;left:20%}.promo-text{position:relative;z-index:1}.promo-badge{display:inline-block;background:#fff3;color:#fff;padding:.3rem .75rem;border-radius:50px;font-size:.8rem;font-weight:700;margin-bottom:.75rem}.promo-title{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.5rem}.promo-desc{color:#ffffffd9;font-size:.95rem}.btn-promo{background:#fff;color:var(--purple);flex-shrink:0;position:relative;z-index:1;box-shadow:0 4px 20px #00000026}.btn-promo:hover{transform:translateY(-2px)}.products-section{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.products-header .section-title{margin-bottom:0;text-align:left}.products-count{color:var(--text-light);font-weight:600;font-size:.9rem;background:#c44dff14;padding:.35rem 1rem;border-radius:50px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.product-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:2px solid rgba(196,77,255,.06);transition:all .25s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#c44dff26}.product-image{height:200px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--product-color, var(--purple)) 12%,white),color-mix(in srgb,var(--product-color, var(--purple)) 6%,white));position:relative}.product-emoji{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.product-badge{position:absolute;top:.75rem;left:.75rem;color:#fff;font-size:.7rem;font-weight:800;padding:.3rem .75rem;border-radius:50px;text-transform:uppercase;letter-spacing:.05em}.product-info{padding:1.25rem}.product-name{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem}.product-age{background:#c44dff14;color:var(--purple);padding:.2rem .6rem;border-radius:50px;font-weight:600;font-size:.75rem}.product-reviews{display:flex;align-items:center;gap:.3rem;color:var(--text-light);font-size:.8rem}.stars{display:flex;gap:.05rem}.star{color:#ddd;font-size:.85rem}.star.filled{color:#ffc107}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-pricing{display:flex;align-items:baseline;gap:.5rem}.product-price{font-size:1.25rem;font-weight:800;color:var(--text)}.product-original{font-size:.85rem;color:var(--text-light);text-decoration:line-through;opacity:.6}.add-to-cart{padding:.5rem 1.25rem;border-radius:50px;border:2px solid var(--purple);background:transparent;color:var(--purple);font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .2s}.add-to-cart:hover{background:var(--purple);color:#fff}.add-to-cart.added{background:var(--green);border-color:var(--green);color:#fff}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-light)}.no-results-icon{font-size:3rem;display:block;margin-bottom:1rem;opacity:.4}.features-section{max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.feature-card{background:#fff;border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;border:2px solid rgba(196,77,255,.06);transition:all .2s}.feature-card:hover{border-color:#c44dff26;transform:translateY(-2px)}.feature-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:.35rem}.feature-card p{color:var(--text-light);font-size:.85rem}.newsletter-section{background:linear-gradient(135deg,#f8e8ff,#e8f4ff);padding:4rem 1.5rem}.newsletter-inner{max-width:560px;margin:0 auto;text-align:center}.newsletter-title{font-size:2rem;font-weight:800;margin-bottom:.75rem}.newsletter-desc{color:var(--text-light);margin-bottom:2rem;font-size:1rem}.newsletter-form{display:flex;gap:.75rem;max-width:440px;margin:0 auto}.newsletter-input{flex:1;padding:.85rem 1.25rem;border-radius:50px;border:2px solid rgba(196,77,255,.15);background:#fff;font-size:.95rem;outline:none;font-family:inherit;transition:border-color .2s}.newsletter-input:focus{border-color:var(--purple)}.btn-newsletter{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 4px 16px #c44dff4d;flex-shrink:0}.btn-newsletter:hover{transform:translateY(-2px)}.footer{background:var(--text);color:#ffffffb3;padding:3rem 1.5rem 0;margin-top:auto}.footer-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;gap:3rem;padding-bottom:2.5rem;flex-wrap:wrap}.footer-brand .logo-text{color:#fff}.footer-brand .logo-accent{-webkit-text-fill-color:var(--pink)}.footer-tagline{margin-top:.75rem;font-size:.9rem;opacity:.6}.footer-links{display:flex;gap:4rem;flex-wrap:wrap}.footer-col h4{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-col a{display:block;color:#ffffff80;text-decoration:none;font-size:.9rem;padding:.3rem 0;transition:color .2s}.footer-col a:hover{color:var(--pink)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:1.5rem 0;text-align:center;font-size:.85rem;opacity:.5;max-width:1280px;margin:0 auto}@media(max-width:768px){.nav-links{display:none}.header-inner{gap:1rem}.search-input{width:120px}.hero-title{font-size:2.25rem}.hero-actions{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--radius)}.stat-divider{width:60px;height:1px}.promo-inner{flex-direction:column;text-align:center;padding:2rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.newsletter-form{flex-direction:column}.footer-inner{flex-direction:column;gap:2rem}.footer-links{gap:2rem}}@media(max-width:480px){.hero{padding:3rem 1rem}.hero-title{font-size:1.8rem}.products-grid{grid-template-columns:1fr}.categories-grid{justify-content:flex-start;flex-wrap:nowrap}}