@font-face{font-family:Inter;src:url("fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--accent:#d8a6df;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;position:relative;isolation:isolate;background:#0c090e;color:#fbf9fc;font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 46% 57% at 88% 40%,#8d3fbd38,transparent 75%),radial-gradient(ellipse 43% 46% at -7% 82%,#a95bba2e,transparent 74%),radial-gradient(ellipse 48% 33% at 42% -9%,#d8a6df1c,transparent 78%)}
body::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("textura.svg");opacity:.045}
.thank-you{max-width:920px;margin-inline:auto;padding:32px 32px 68px;text-align:center}
.brand{width:134px;margin:0 auto 58px}
.brand-art{display:block;width:100%;height:auto;aspect-ratio:2000/1950;overflow:hidden}
h1{font-size:clamp(26px,3vw,38px);line-height:1.18;letter-spacing:-1.1px;font-weight:800;margin:0;text-wrap:balance}
h1 span,h2 span,.description strong{color:var(--accent)}
.progress{position:relative;height:22px;max-width:690px;margin:23px auto 43px;border:1px solid #d8a6dfb3;border-radius:100px;padding:3px;background:#130e18;box-shadow:0 0 22px #b86edb25,inset 0 1px 6px #0008}
.progress-track{position:relative;height:100%}
.progress-marker{position:absolute;left:75%;top:50%;width:62.4px;height:62.4px;transform:translate(-50%,-50%);pointer-events:none;animation:marker-advance 1.65s cubic-bezier(.22,.61,.36,1) .18s both}
.progress-marker img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%;filter:drop-shadow(0 2px 5px #0c090e99);animation:baby-sway 1.8s ease-in-out infinite}
.progress-fill{width:75%;height:100%;border-radius:100px;background:var(--accent);box-shadow:0 0 12px #d8a6df66;transform-origin:left;animation:progress-grow 1.65s cubic-bezier(.22,.61,.36,1) .18s both}
h2{max-width:690px;margin:0 auto;font-size:clamp(23px,2.4vw,30px);font-weight:750;line-height:1.3;letter-spacing:-.65px;text-wrap:balance}
.description{max-width:595px;margin:23px auto 31px;font-size:18px;line-height:1.65;color:#d8d2dc;text-wrap:pretty}
.description strong{font-weight:700;white-space:nowrap}
.group-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:452px;min-height:64px;margin-inline:auto;padding:18px 20px;border-radius:9px;background:var(--accent);color:#201125;text-decoration:none;font-size:18px;line-height:1.3;font-weight:800;box-shadow:0 8px 35px #b472c12b;transition:transform .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}
.whatsapp-icon{display:block;width:25px;height:25px;flex:none;object-fit:contain}
.group-button:hover{transform:translateY(-2px);box-shadow:0 10px 36px #b472c147}
.group-button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.group-button[aria-disabled="true"]{cursor:default}
@keyframes progress-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes marker-advance{from{left:0}to{left:75%}}
@keyframes baby-sway{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(11deg)}}
@media(max-width:600px){.progress-marker{width:54.6px;height:54.6px}}
@media(max-width:600px){.thank-you{padding:25px 24px 42px}.brand{width:112px;margin-bottom:39px}h1{font-size:28px;letter-spacing:-.8px;max-width:380px;margin-inline:auto}h1 span{display:block}.progress{height:20px;margin:21px auto 31px}h2{font-size:24px;line-height:1.32;letter-spacing:-.5px}.description{font-size:16px;line-height:1.6;margin:21px auto 27px}.group-button{min-height:61px;font-size:17px;gap:10px}}
@media(max-width:359px){.thank-you{padding-inline:19px}h1{font-size:25px}h2{font-size:22px}.brand{width:102px;margin-bottom:32px}.group-button{font-size:16px}}
@media(prefers-reduced-motion:reduce){.progress-fill,.progress-marker,.progress-marker img{animation:none}.group-button{transition:none}}