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

.erA{
  --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;
  background:#fff;padding:clamp(64px,9vw,140px) 24px;
}
.erA__in{max-width:560px;margin:0 auto;text-align:center}
.erA__code{
  margin:0;font-size:clamp(64px,14vw,132px);font-weight:900;line-height:1;letter-spacing:-.05em;
  background:linear-gradient(140deg,#635bff,#00b3ff);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.erA__title{margin:18px 0 0;font-size:clamp(19px,2.6vw,25px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.erA__lead{margin:16px 0 0;font-size:13.5px;line-height:2;color:var(--body)}
.erA__search{margin:30px 0 0;display:flex;gap:8px}
.erA__search input{
  flex:1;min-width:0;border:0;border-radius:8px;height:50px;padding:0 16px;font:inherit;font-size:14.5px;
  background:#f6f9fc;box-shadow:inset 0 0 0 1px var(--line);outline:none;color:var(--ink);
}
.erA__search input:focus{background:#fff;box-shadow:inset 0 0 0 1px var(--acc),0 0 0 3px rgba(99,91,255,.16)}
.erA__search button{
  border:0;border-radius:8px;height:50px;padding:0 24px;background:var(--acc);color:#fff;font:inherit;
  font-size:14px;font-weight:800;cursor:pointer;
}
.erA__links{margin:26px 0 0;padding:0;list-style:none;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.erA__links a{font-size:13px;font-weight:700;color:var(--acc);text-decoration:none}
.erA__links a:hover{text-decoration:underline}
@media (max-width:480px){ .erA__search{flex-direction:column} }