:root{
  --bg1:#fdeff2;
  --bg2:#f7f2f8;
  --text:#1b1b1f;
  --accent:#b21f2d;
  --shadowSoft: 0 10px 26px rgba(0,0,0,.08);
  --radius: 22px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(255, 192, 216, .75), transparent 60%),
    radial-gradient(900px 500px at 85% 0%, rgba(255, 240, 246, .85), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
}

.page{
  min-height:100%;
  padding: 16px 14px 22px;
  display:flex;
  justify-content:center;
}

.container{
  width:100%;
  max-width: 430px;
}

/* Keep the image EXACT and responsive */
.hero{
  border-radius: 26px;
  overflow:hidden;
  box-shadow: var(--shadowSoft);
  background: rgba(255,255,255,.6);
}
.hero__img{
  display:block;
  width:100%;
  height:auto;
}

/* CTA */
.cta{margin-top: 14px;}
.cta__btn{
  text-decoration:none;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  width:100%;
  padding: 18px 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, #b21f2d, #ff83ae);
  color: #fff;
  font-weight: 800;
  font-size: 20px;
  box-shadow: 0 16px 34px rgba(178,31,45,.22);
}
.cta__btn:active{transform: translateY(1px)}
.cta__arrow{font-size: 22px; opacity:.95}

/* FAQ card */
.card{
  margin-top: 14px;
  padding: 18px 18px;
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84));
  box-shadow: var(--shadowSoft);
  border: 1px solid rgba(255,255,255,.7);
}
.card__title{
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 800;
  color: var(--accent);
  letter-spacing: -0.01em;
}

.faq{display:flex; flex-direction:column; gap: 10px;}
.faq__q{
  width:100%;
  padding: 12px 10px;
  border: none;
  background: transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:left;
  font-size: 17px;
  font-weight: 800;
  cursor:pointer;
  color: var(--text);
}
.faq__q:active{transform: translateY(1px)}
.faq__q:focus-visible{
  outline: 3px solid rgba(255, 122, 166, .35);
  border-radius: 14px;
}
.chev{
  font-size: 22px;
  transform: rotate(90deg);
  transition: transform .18s ease;
  color: rgba(178,31,45,.85);
}
.faq__q[aria-expanded="true"] .chev{transform: rotate(-90deg);}
.faq__a{
  padding: 0 10px 10px;
  color: #3a3a44;
  font-size: 15.5px;
  line-height: 1.45;
}
.faq__a p{margin: 0;}
.faq__divider{
  height:1px;
  background: rgba(20,20,25,.10);
  margin: 0 6px;
}

/* Disclaimer */
.disclaimer{
  margin-top: 12px;
  padding: 0 6px;
}
.disclaimer p{
  margin: 0;
  font-size: 11.5px;
  line-height: 1.35;
  color: rgba(20,20,25,.50);
  text-align:center;
}