/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,67): run-time error CSS1039: Token not allowed after unary operator: '-login-accent'
(26,79): run-time error CSS1039: Token not allowed after unary operator: '-login-accent'
 */
@charset "utf-8";

.renewal-login-page {
  --login-accent: #6f5cf6;
  background: #fff;
}

.renewal-login-page .auth-main {
  min-height: 560px;
  padding-top: 42px;
  padding-bottom: 68px;
  background: linear-gradient(180deg, #fbfaff 0, #fff 360px);
}

.renewal-login-page .login-panel { width: min(100%, 420px); }
.renewal-login-page .auth-heading { display: grid; justify-items: center; gap: 8px; margin: 2px 0 32px; text-align: center; }
.renewal-login-page .auth-eyebrow { margin: 0; color: #7461ef; font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.renewal-login-page .auth-eyebrow::after { display: none; }
.renewal-login-page .auth-heading h1 { margin: 0; color: #171820; font-size: 30px; font-weight: 800; line-height: 1.08; letter-spacing: -.055em; }
.renewal-login-page .auth-heading::after { width: 48px; height: 4px; margin-top: 4px; border-radius: 999px; background: linear-gradient(90deg, #7461ef, #83d8dc); content: ""; }
.renewal-login-page .login-form { gap: 11px; }
.renewal-login-page .auth-field { min-height: 48px; border-color: #e4e2ed; border-radius: 10px; background: #fff; }
.renewal-login-page .auth-field:hover { border-color: #cfc9ee; }
.renewal-login-page .auth-field:focus-within { border-color: var(--login-accent); box-shadow: 0 0 0 3px rgba(111, 92, 246, .09); }
.renewal-login-page .auth-field:focus-within .auth-field-icon,
.renewal-login-page .auth-field:focus-within .auth-field-action { color: var(--login-accent); }
.renewal-login-page .auth-field input:focus-visible { outline: 0; }
.renewal-login-page .login-submit { min-height: 48px; margin-top: 5px; border-radius: 10px; background: linear-gradient(135deg, #7664fa 0%, #5a47ee 100%); box-shadow: 0 11px 22px rgba(99, 80, 233, .2); }
.renewal-login-page .login-submit:hover { background: linear-gradient(135deg, #6955f7 0%, #4f3df4 100%); }
.renewal-login-page .auth-link-group { margin-top: 18px; font-size: 13px; }
.renewal-login-page .renewal-login-divider { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; margin: 28px 0 15px; color: #979baa; font-size: 12px; }
.renewal-login-page .renewal-login-divider::before,
.renewal-login-page .renewal-login-divider::after { height: 1px; background: #eceaf1; content: ""; }
.renewal-login-page .renewal-sns-login { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.renewal-login-page .renewal-sns-form { margin: 0; }
.renewal-login-page .renewal-sns-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 0 16px; border: 1px solid #e4e2ed; border-radius: 10px; color: #343640; background: #fff; font: inherit; font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; }
.renewal-login-page .renewal-sns-button:hover { border-color: #cfc9ee; box-shadow: 0 8px 16px rgba(47, 43, 76, .07); transform: translateY(-1px); }
.renewal-login-page .renewal-sns-button img { display: block; flex: 0 0 auto; width: 22px; height: 22px; object-fit: contain; }
.renewal-login-page .renewal-sns-naver img { border-radius: 4px; }
.renewal-login-page .renewal-sns-kakao img { width: 24px; height: 24px; }

@media (max-width: 767px) {
  .renewal-login-page .auth-main { min-height: 0; padding-top: 28px; padding-bottom: 82px; background: #fff; }
  .renewal-login-page .auth-heading { gap: 7px; margin-bottom: 24px; }
  .renewal-login-page .auth-heading h1 { font-size: 28px; }
  .renewal-login-page .auth-heading::after { width: 42px; height: 3px; }
  .renewal-login-page .auth-field,
  .renewal-login-page .login-submit,
  .renewal-login-page .renewal-sns-button { border-radius: 9px; }
}