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

.auC{
  --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:#f6f9fc;padding:clamp(48px,6vw,88px) 24px;display:grid;place-items:center;
}
.auC__card{
  background:#fff;border-radius:16px;padding:clamp(30px,4vw,44px);width:min(430px,100%);
  box-shadow:0 0 0 1px rgba(50,50,93,.07),0 20px 44px -22px rgba(10,37,64,.4);
}
.auC__back{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--acc);
  text-decoration:none;margin-bottom:22px}
.auC__back::before{content:"←"}
.auC__card h1{margin:0;font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.auC__lead{margin:12px 0 26px;font-size:13px;line-height:1.9;color:var(--body)}
.auC__card form{display:grid;gap:18px}
.auC__card label{display:grid;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink)}
.auC__card input{
  border:0;border-radius:8px;height:46px;padding:0 14px;font:inherit;font-size:14px;background:#f6f9fc;
  box-shadow:inset 0 0 0 1px var(--line);outline:none;color:var(--ink);
}
.auC__card input:focus{background:#fff;box-shadow:inset 0 0 0 1px var(--acc),0 0 0 3px rgba(99,91,255,.16)}
.auC__card button{
  border:0;border-radius:8px;height:50px;background:var(--acc);color:#fff;font:inherit;font-size:14.5px;
  font-weight:800;cursor:pointer;
}
.auC__hint{margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.auC__hint p{margin:0 0 12px;font-size:12.5px;color:var(--ink)}
.auC__hint ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.auC__hint li{position:relative;padding-left:16px;font-size:12px;line-height:1.8;color:var(--body)}
.auC__hint li::before{content:"・";position:absolute;left:0;color:var(--sub)}
.auC__hint a{color:var(--acc);font-weight:700}

/* スマホで横にはみ出していた（幅100%＋内側の余白）。中の要素を枠の内側で測る（2026-10-05 パーツギャラリーに出すときに直した） */
.auC, .auC *, .auC *::before, .auC *::after{box-sizing:border-box}