:root{--pink:#c2185b;--pinkd:#8e0e43;--green:#2e7d32;--greenl:#e8f5e9;--pinkl:#fce4ec;--ink:#222}
*{box-sizing:border-box}
body{font:17px/1.6 system-ui,sans-serif;margin:0;color:var(--ink);background:#fff}
header{background:var(--pink);color:#fff;padding:1.5rem 1rem;text-align:center}
header h1{margin:0 0 .25rem;font-size:1.9rem}header p{margin:0 0 1rem}
main,footer{max-width:44rem;margin:auto;padding:1rem}
section{margin:1.75rem 0}
h2{color:var(--pinkd);border-bottom:3px solid var(--green);display:inline-block;padding-bottom:.15rem}
.btn,button{display:inline-block;background:var(--green);color:#fff;padding:.8rem 1.3rem;border:0;border-radius:.4rem;text-decoration:none;font:inherit;font-weight:600;cursor:pointer}
.btn:hover,button:hover{background:#1b5e20}
a{color:var(--pinkd)}
.btn:focus,button:focus,a:focus,input:focus,textarea:focus{outline:3px solid #ffb300;outline-offset:2px}
.photos{display:grid;grid-template-columns:1fr;gap:1rem}
.photos img{width:100%;height:auto;border-radius:.5rem;display:block}
@media(min-width:34rem){.photos{grid-template-columns:1fr 1fr}}
.tick{list-style:none;padding:0}.tick li{padding:.4rem .6rem;margin:.3rem 0;background:var(--greenl);border-left:5px solid var(--green)}
.card{background:var(--pinkl);padding:1rem;border-radius:.5rem}
label{display:block;margin:.7rem 0;font-weight:600}
input,textarea{width:100%;padding:.6rem;font:inherit;border:1px solid #777;border-radius:.3rem}
.hp{position:absolute;left:-9999px}
footer{border-top:1px solid #ddd;font-size:.9rem}