:root{
--primary:#F72585;
--secondary:#7B2CBF;
--dark:#2D1B69;
--light:#FFF8FC;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;background:var(--light);color:#444}
.container{width:90%;max-width:1200px;margin:auto}
.navbar{background:#fff;padding:20px 0;position:sticky;top:0}
.navbar .container{display:flex;justify-content:space-between;align-items:center}
.navbar ul{display:flex;gap:20px;list-style:none}
.navbar a{text-decoration:none;color:var(--dark)}
.logo{font-weight:800;color:var(--primary)}
.hero{min-height:90vh;background:url('../images/hero.jpg') center/cover no-repeat;position:relative;display:flex;align-items:center}
.overlay{position:absolute;inset:0;background:linear-gradient(rgba(45,27,105,.6),rgba(123,44,191,.5))}
.hero-content{position:relative;color:#fff}
.hero h1{font-size:4rem;max-width:700px}
.badge{background:var(--primary);padding:8px 16px;border-radius:999px}
.btn{display:inline-block;margin-top:20px;background:var(--primary);color:#fff;padding:14px 28px;border-radius:999px;text-decoration:none;border:none}
.section{padding:80px 0}
.alt{background:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;padding:25px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.img-placeholder{height:220px;background:#eee;border-radius:12px;display:flex;align-items:center;justify-content:center}
.cta{padding:80px 0;text-align:center;background:linear-gradient(135deg,#F72585,#7B2CBF);color:#fff}
footer{padding:80px 0;background:var(--dark);color:#fff}
form{display:flex;flex-direction:column;gap:15px}
input,textarea{padding:15px;border-radius:10px;border:none}
textarea{min-height:150px}
.product-image{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:12px;
    margin-bottom:15px;
}
.logo img{
    height:80px;
    width:auto;
    display:block;
}