html,body{margin:0;background:#fff}

.erB{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(120% 100% at 50% 0%, #2b2a72 0%, #0a1224 60%, #060a12 100%);
  color:#fff;padding:clamp(64px,9vw,140px) 24px;
}
.erB__in{max-width:560px;margin:0 auto;text-align:center}
.erB__eyebrow{margin:0 0 22px;font-size:11px;font-weight:800;letter-spacing:.3em;color:#9f9bff}
.erB__title{margin:0;font-size:clamp(26px,4.6vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.4}
.erB__lead{margin:20px 0 0;font-size:14px;line-height:2;color:rgba(255,255,255,.68)}
.erB__form{margin:32px 0 0;display:flex;gap:8px}
.erB__form input{
  flex:1;min-width:0;border:0;border-radius:8px;height:52px;padding:0 16px;font:inherit;font-size:14.5px;
  background:rgba(255,255,255,.09);color:#fff;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.erB__form input::placeholder{color:rgba(255,255,255,.4)}
.erB__form button{
  border:0;border-radius:8px;height:52px;padding:0 24px;background:#fff;color:#0a1224;font:inherit;font-size:14px;
  font-weight:800;cursor:pointer;white-space:nowrap;
}
.erB__count{margin:34px 0 0;display:flex;gap:12px;justify-content:center}
.erB__count div{
  background:rgba(255,255,255,.07);border-radius:10px;padding:14px 18px;display:grid;justify-items:center;gap:3px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);min-width:72px;
}
.erB__count b{font-size:26px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.erB__count span{font-size:10.5px;color:rgba(255,255,255,.55)}
@media (max-width:520px){ .erB__form{flex-direction:column} }