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

.auB{
  --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;
  display:grid;grid-template-columns:1fr 1fr;background:#fff;min-height:clamp(520px,64vw,700px);
}
.auB__side{background:linear-gradient(160deg,#2b2a72,#0a2540);color:#fff;display:grid;align-items:center;
  padding:clamp(36px,5vw,64px)}
.auB__sideIn{max-width:400px}
.auB__logo{margin:0 0 30px;font-size:19px;font-weight:800;letter-spacing:.02em}
.auB__side h2{margin:0;font-size:clamp(21px,2.8vw,28px);line-height:1.55;font-weight:800;letter-spacing:-.01em}
.auB__side ul{margin:26px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.auB__side li{position:relative;padding-left:24px;font-size:13.5px;color:rgba(255,255,255,.8)}
.auB__side li::before{content:"";position:absolute;left:1px;top:.5em;width:11px;height:6px;
  border-left:2px solid #9fb8ff;border-bottom:2px solid #9fb8ff;transform:rotate(-45deg)}
.auB__side blockquote{
  margin:34px 0 0;padding:20px 22px;background:rgba(255,255,255,.07);border-radius:12px;font-size:13px;
  line-height:1.95;color:rgba(255,255,255,.86);
}
.auB__side cite{display:block;margin-top:12px;font-style:normal;font-size:11.5px;color:rgba(255,255,255,.5)}
.auB__form{display:grid;align-items:center;padding:clamp(36px,5vw,64px)}
.auB__formIn{max-width:400px;width:100%;margin:0 auto}
.auB__formIn h1{margin:0 0 26px;font-size:23px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.auB__formIn form{display:grid;gap:16px}
.auB__formIn label{display:grid;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink)}
.auB__formIn input[type=text],.auB__formIn input[type=email],.auB__formIn input[type=password]{
  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);
}
.auB__formIn input:focus{background:#fff;box-shadow:inset 0 0 0 1px var(--acc),0 0 0 3px rgba(99,91,255,.16)}
.auB__formIn small{font-size:11px;font-weight:500;color:var(--sub)}
.auB__agree{display:flex;align-items:center;gap:9px;font-weight:500;font-size:12px;color:var(--body);line-height:1.7}
.auB__agree input{width:16px;height:16px;accent-color:var(--acc);flex:0 0 auto}
.auB__agree a{color:var(--acc)}
.auB__formIn button{
  border:0;border-radius:8px;height:52px;background:var(--acc);color:#fff;font:inherit;font-size:15px;
  font-weight:800;cursor:pointer;box-shadow:0 6px 18px -6px rgba(99,91,255,.7);
}
.auB__foot{margin:22px 0 0;text-align:center;font-size:12.5px;color:var(--body)}
.auB__foot a{color:var(--acc);font-weight:700;text-decoration:none}
@media (max-width:860px){ .auB{grid-template-columns:1fr} .auB__side{display:none} }