*{margin:0;padding:0;box-sizing:border-box}html,body{background:#fff5f7;color:#555;font-family:'Quicksand',sans-serif;line-height:1.6}.app{max-width:1000px;margin:0 auto;padding:2rem}.header{text-align:center;padding:2rem 0;border-bottom:2px solid #e8b4c8}.header h1{font-size:2.2rem;color:#d946a6;margin-bottom:0.5rem}.header p{color:#999}.main{padding:2rem 0}.hero{text-align:center;padding:2rem;background:#fef0f5;margin-bottom:3rem}.hero h2{font-size:2rem;color:#d946a6;margin-bottom:1rem}.hero p{color:#777}.products h2{font-size:1.8rem;color:#333;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.card{background:#fff;padding:1.5rem;border:1px solid #e8b4c8;border-radius:4px;transition:all 300ms}.card:hover{border-color:#d946a6;box-shadow:0 4px 8px rgba(217,70,166,0.1)}.card h3{color:#d946a6;margin-bottom:0.5rem}.card p{color:#999;font-size:0.95rem}.action{text-align:center;margin:3rem 0}.btn{padding:1rem 2rem;background:#d946a6;color:#fff;border:none;font-weight:600;cursor:pointer;border-radius:4px;transition:all 300ms}.btn:hover{background:#c2359d}@media(max-width:768px){.grid{grid-template-columns:1fr}}