*{box-sizing:border-box;margin:0;padding:0}
body{
  min-height:100vh;display:flex;flex-direction:column;align-items:center;
  font-family:ui-rounded,"SF Pro Rounded","Nunito","Trebuchet MS",system-ui,sans-serif;
  color:#fff;line-height:1.5;
  background:linear-gradient(160deg,#5b3fd6 0%,#8a4be0 45%,#ff7a9a 100%);
}
main{width:100%;max-width:880px;padding:48px 16px 32px;text-align:center;flex:1}
.logo{display:block;margin:0 auto;width:104px;height:104px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.tag{
  display:inline-block;margin-top:20px;padding:6px 16px;border-radius:999px;
  background:#ffc94d;color:#3a2470;font-weight:800;font-size:.85rem;
  letter-spacing:.08em;text-transform:uppercase;
}
h1{font-size:clamp(2.4rem,8vw,4rem);font-weight:900;margin-top:12px;line-height:1.1}
.lead{font-size:clamp(1.1rem,3vw,1.35rem);max-width:34ch;margin:14px auto 0}
.steps{
  list-style:none;display:grid;gap:16px;margin-top:36px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.steps li{
  background:#fff;color:#3a2470;border-radius:22px;padding:22px 18px;
  box-shadow:0 10px 24px rgba(40,20,90,.25);font-size:.98rem;
}
.steps span{
  display:grid;place-items:center;width:40px;height:40px;margin:0 auto 10px;
  border-radius:50%;background:#5b3fd6;color:#fff;font-weight:900;
}
.steps strong{display:block;font-size:1.15rem;margin-bottom:4px}
.parents{
  margin-top:28px;padding:24px 18px;border-radius:22px;
  background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.35);
}
.parents h2{font-size:1.3rem;margin-bottom:12px}
.parents ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.parents li{background:#fff;color:#3a2470;font-weight:700;padding:8px 14px;border-radius:999px;font-size:.92rem}
.small{font-size:.88rem;margin-top:14px;opacity:.95}
footer{padding:20px 16px;font-size:.85rem;opacity:.9}