.auth-section {
  min-height: calc(100vh - 86px);
  padding: clamp(88px, 10vw, 144px) 0;
  background:
    radial-gradient(circle at 82% 18%, rgba(18,179,173,.1), transparent 25%),
    #eef3f5;
}
.auth-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, .72fr);
  gap: clamp(48px, 8vw, 112px);
  align-items: center;
}
.auth-intro { max-width: 640px; }
.auth-intro h1 {
  max-width: 620px;
  margin: 18px 0 24px;
  color: var(--v2-deep);
  font-size: clamp(2.45rem, 4.8vw, 4.25rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.auth-intro > p {
  max-width: 610px;
  margin: 0;
  color: #4f6871;
  font-size: 1.05rem;
  line-height: 1.7;
}
.auth-intro .auth-intro__note {
  padding-top: 22px;
  margin-top: 26px;
  border-top: 1px solid #c9d8da;
  font-size: .9rem;
}
.auth-card { max-width: 560px; }
.auth-code-sent { margin: 0 0 24px; color: #516970; line-height: 1.6; }
.auth-text-button {
  display: block;
  margin: 20px auto 0;
  padding: 8px;
  border: 0;
  color: var(--v2-teal);
  background: transparent;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.auth-account { text-align: center; }
.auth-account h2 { margin: 0; color: var(--v2-deep); font-size: 2rem; }
.auth-account > p { color: #526970; line-height: 1.65; }
.auth-access-status {
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(11,122,120,.09);
  color: var(--v2-deep) !important;
  font-weight: 700;
}
.auth-account .v2-button { margin-top: 12px; }
@media (max-width: 820px) {
  .auth-section { padding: 72px 0; }
  .auth-layout { grid-template-columns: 1fr; gap: 42px; }
  .auth-card { max-width: none; }
}
@media (max-width: 560px) {
  .auth-section { padding: 60px 0; }
  .auth-intro h1 { font-size: clamp(2.15rem, 11vw, 3rem); }
}