:root{color-scheme:light;--ink:#11131a;--pink:#f30b70}
*{box-sizing:border-box}
body{min-height:100svh;margin:0;display:grid;place-items:center;padding:24px;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:radial-gradient(circle at 70% 25%,#ffd6e8,transparent 30%),linear-gradient(140deg,#fff,#fff2f8)}
.card{width:min(100%,390px);text-align:center}
.icon{width:82px;height:82px;margin:0 auto 23px;border-radius:23px;box-shadow:0 18px 40px rgba(243,11,112,.22)}
h1{margin:0;font-size:2.35rem;letter-spacing:-.06em}
p{margin:13px 0 24px;color:#6a6e78;line-height:1.55}
.bar{height:4px;margin:0 0 18px;overflow:hidden;border-radius:99px;background:#f5d8e5}
.bar:after{content:"";display:block;width:0;height:100%;background:var(--pink);animation:go .65s ease forwards}
a{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:15px;background:var(--ink);color:white;font-weight:750;text-decoration:none}
@keyframes go{to{width:100%}}
@media(prefers-reduced-motion:reduce){.bar:after{animation:none;width:100%}}

body{min-height:100vh;min-height:100svh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));line-height:1.6}
h1{font-size:clamp(1.875rem,8vw,2.35rem);line-height:1.15;letter-spacing:-.04em;overflow-wrap:break-word}
a{padding:14px 18px;line-height:1.5}
a:focus-visible{outline:3px solid #8e164b;outline-offset:5px}