@font-face{font-family:"Veronia Mode";src:url("fonts/veronia_mode-webfont.woff2") format("woff2"),url("fonts/veronia_mode-webfont.woff") format("woff");font-display:swap}
@font-face{font-family:"Cerebri Sans Pro";src:url("fonts/CerebriSansPro-Medium.otf") format("opentype");font-weight:500;font-display:swap}

:root{--pink:#f668a0;--ink:#000;--paper:#fff;--soft:#fff0f6}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Cerebri Sans Pro",system-ui,sans-serif;font-weight:500;line-height:1.5}

.hero{text-align:center;padding:48px 20px 36px;background:var(--soft);border-bottom:4px solid var(--ink)}
.logo{max-width:220px;height:auto;margin:0 auto 8px;display:block}
.eyebrow{color:var(--pink);text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;margin:0 0 6px}
h1,h2{font-family:"Veronia Mode",Georgia,serif;font-weight:400;line-height:1;margin:0}
h1{font-size:clamp(3rem,10vw,5.5rem)}
.lede{max-width:520px;margin:14px auto 0;font-size:1.05rem}

main{max-width:680px;margin:0 auto;padding:36px 20px 20px}
form{display:grid;gap:18px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:grid;gap:6px;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}
.opt{text-transform:none;letter-spacing:0;opacity:.6}
input,select,textarea{font:inherit;text-transform:none;letter-spacing:0;padding:12px 14px;border:2px solid var(--ink);border-radius:8px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus{outline:3px solid var(--pink);outline-offset:1px}
.hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}

button{font-family:"Veronia Mode",Georgia,serif;font-size:1.5rem;padding:14px 24px;background:var(--pink);color:var(--ink);border:3px solid var(--ink);border-radius:999px;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .1s,box-shadow .1s;margin-top:6px}
button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}

.thanks{text-align:center;padding:30px 0}
.thanks h2{font-size:2.6rem;margin:10px 0}
.thanks[hidden],form[hidden]{display:none}

footer{text-align:center;padding:30px 20px 40px;font-size:.85rem}
footer img{display:block;margin:0 auto 6px;height:auto}
footer p{margin:0}

@media(max-width:560px){.row{grid-template-columns:1fr}}

.cta{text-align:center;padding:48px 20px 30px}
.btn{display:inline-block;text-decoration:none;font-family:"Veronia Mode",Georgia,serif;font-size:2rem;padding:18px 44px;background:var(--pink);color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:5px 5px 0 var(--ink);transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.small{margin-top:18px;font-size:.85rem;opacity:.7}