*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#333;line-height:1.6}.container{width:90%;max-width:1200px;margin:auto}header{background:#FFD1DC;padding:18px 0}header .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-size:26px;font-weight:bold;color:#444}nav{display:flex;gap:25px}nav a{text-decoration:none;color:#444;font-weight:bold}.hero{padding:100px 20px;text-align:center}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:18px;margin-bottom:35px}.btn{display:inline-block;background:#ff7aa8;color:#fff;padding:14px 30px;border-radius:40px;text-decoration:none;transition:.3s}.btn:hover{background:#ff5b91}.features{padding:80px 0}.features .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.card{background:#fff8fa;border-radius:15px;padding:35px;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.08)}.card h3{margin:15px 0}footer{background:#FFD1DC;text-align:center;padding:25px;margin-top:80px}@media(max-width:768px){header .container{flex-direction:column;text-align:center}nav{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:15px}.logo{font-size:30px}.hero{padding:70px 20px}.hero h1{font-size:34px}.hero p{font-size:16px}.btn{padding:12px 24px}.features{padding:50px 0}.card{padding:25px}}@media(max-width:480px){.logo{font-size:26px}nav{flex-direction:column;gap:12px}.hero h1{font-size:28px}.hero p{font-size:15px}.btn{width:100%;max-width:250px}footer{font-size:14px}}