:root{--a:#4A90E2;--b:#FF9A9E;--c:#A18CD1;--d:#FFF;--e:#F8F9FA;--f:#2D3436;--g:#636E72;--h:0 10px 20px rgba(0,0,0,.05);--i:all .3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:'Outfit',sans-serif}body{background-color:var(--e);color:var(--f);overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.02)}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#4A90E2,#FF4B4B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--f);font-weight:500;transition:var(--i)}.nav-links a:hover{color:var(--b)}.cart-icon{font-size:1.2rem;cursor:pointer;position:relative;color:var(--f);transition:var(--i)}.cart-icon:hover{color:var(--a)}.cart-badge{position:absolute;top:-8px;right:-10px;background:linear-gradient(135deg,var(--b),var(--c));color:var(--d);font-size:.7rem;font-weight:700;width:18px;height:18px;display:flex;justify-content:center;align-items:center;border-radius:50%}.hero{height:100vh;display:flex;align-items:center;padding:0 5%;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7)),url('https://images.unsplash.com/photo-1515562141207-7a8efbc00c62?q=80&w=2000&auto=format&fit=crop');background-size:cover;background-position:center;position:relative}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(74,144,226,.2),rgba(255,154,158,.2),rgba(161,140,209,.2))}.hero-content{max-width:600px;position:relative;z-index:1}.hero h1{font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(to right,var(--a),var(--c),var(--b));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.1rem;color:var(--g);margin-bottom:2rem;line-height:1.6}.btn{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--c),var(--b));color:var(--d);text-decoration:none;border-radius:30px;font-weight:600;transition:var(--i);border:none;cursor:pointer;box-shadow:0 5px 15px rgba(255,154,158,.4)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,154,158,.6)}.products{padding:5rem 5%}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--f)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem}.product-card{background:var(--d);border-radius:20px;overflow:hidden;box-shadow:var(--h);transition:var(--i);position:relative}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.product-image{width:100%;height:250px;object-fit:cover}.product-info{padding:1.5rem}.product-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.product-price{font-size:1.1rem;color:var(--c);font-weight:700;margin-bottom:1rem}.add-to-cart{width:100%;padding:.8rem;background:transparent;border:2px solid var(--a);color:var(--a);border-radius:10px;font-weight:600;cursor:pointer;transition:var(--i)}.add-to-cart:hover{background:var(--a);color:var(--d)}.features{padding:4rem 5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;background:var(--d)}.feature-box{text-align:center;padding:2rem}.feature-box i{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(to right,var(--a),var(--b));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-box h3{margin-bottom:.5rem}.feature-box p{color:var(--g)}footer{background:var(--f);color:var(--d);padding:4rem 5% 2rem}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3rem}.footer-logo{font-size:1.8rem;font-weight:700;background:linear-gradient(to right,#4A90E2,#FF4B4B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.socials{margin-top:1.5rem;display:flex;gap:1rem}.socials a{color:var(--d);font-size:1.2rem;transition:var(--i)}.socials a:hover{color:var(--b)}.copyright{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);font-size:.9rem}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);z-index:1000;display:none;opacity:0;transition:opacity .3s ease}.cart-overlay.active{display:block;opacity:1}.cart-modal{position:fixed;top:0;right:-400px;width:100%;max-width:400px;height:100vh;background:var(--d);z-index:1001;display:flex;flex-direction:column;transition:right .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:-5px 0 30px rgba(0,0,0,.1)}.cart-modal.active{right:0}.cart-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.close-cart{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--f)}.cart-items{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.cart-item img{width:60px;height:60px;object-fit:cover;border-radius:10px}.cart-item-info{flex:1}.cart-item-title{font-weight:600;font-size:.9rem}.cart-item-price{color:var(--c);font-size:.9rem;font-weight:500}.cart-item-remove{background:none;border:none;color:#ff4757;cursor:pointer;font-size:1.2rem}.cart-footer{padding:1.5rem;border-top:1px solid #eee;background:#fafafa}.cart-total{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.checkout-btn{width:100%;padding:1rem;background:#25D366;color:var(--d);border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:var(--i)}.checkout-btn:hover{background:#128C7E}.checkout-note{text-align:center;font-size:.8rem;color:var(--g);margin-top:.8rem}@media(max-width:768px){.nav-links{display:none}.hero h1{font-size:2.5rem}}.falling-accessory{position:fixed;top:-100px;z-index:50;pointer-events:none;user-select:none;animation:fall linear forwards;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}@keyframes fall{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(120vh) rotate(360deg)}}