/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,59): run-time error CSS1039: Token not allowed after unary operator: '-join-line'
(24,73): run-time error CSS1039: Token not allowed after unary operator: '-join-accent'
(26,85): run-time error CSS1039: Token not allowed after unary operator: '-join-accent'
(30,81): run-time error CSS1039: Token not allowed after unary operator: '-join-accent-deep'
(35,81): run-time error CSS1039: Token not allowed after unary operator: '-join-accent'
(38,77): run-time error CSS1039: Token not allowed after unary operator: '-join-accent'
(41,52): run-time error CSS1039: Token not allowed after unary operator: '-join-accent'
(44,90): run-time error CSS1039: Token not allowed after unary operator: '-join-accent'
(44,122): run-time error CSS1039: Token not allowed after unary operator: '-join-accent'
(46,117): run-time error CSS1039: Token not allowed after unary operator: '-join-accent'
(47,74): run-time error CSS1039: Token not allowed after unary operator: '-join-line'
(50,80): run-time error CSS1039: Token not allowed after unary operator: '-join-accent'
 */
@charset "utf-8";

/* 기존 단일 회원가입 흐름을 유지하면서 v3 상품 화면의 UI 규격을 적용합니다. */
.renewal-page.signup-page {
  --join-accent: #6f5cf6;
  --join-accent-deep: #4f3df4;
  --join-line: #e4e2ed;
  background: #fff;
}

.renewal-page.signup-page .auth-main { background: linear-gradient(180deg, #fcfbff 0, #fff 260px); }
.renewal-page.signup-page .auth-eyebrow { margin: 0; color: #7461ef; font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.renewal-page.signup-page .auth-eyebrow::after { display: none; }
.renewal-page.signup-page .auth-heading h1 { margin: 0; color: #171820; font-size: 30px; font-weight: 800; line-height: 1.08; letter-spacing: -.055em; }
.renewal-page.signup-page .auth-heading { display: grid; justify-items: center; gap: 8px; margin: 2px 0 32px; text-align: center; }
.renewal-page.signup-page .auth-heading::after { width: 48px; height: 4px; margin-top: 4px; border-radius: 999px; background: linear-gradient(90deg, #7461ef, #83d8dc); content: ""; }
.renewal-page.signup-page .auth-field,
.renewal-page.signup-page .email-verify-button,
.renewal-page.signup-page .identity-button,
.renewal-page.signup-page .terms-box { border-color: var(--join-line); border-radius: 10px; }
.renewal-page.signup-page .auth-field { background: #fff; }
.renewal-page.signup-page .signup-email-row.email-verification-disabled { display: block; }
.renewal-page.signup-page .auth-field:hover { border-color: #cfc9ee; }
.renewal-page.signup-page .auth-field:focus-within { border-color: var(--join-accent); box-shadow: 0 0 0 3px rgba(111, 92, 246, .09); }
.renewal-page.signup-page .auth-field:focus-within .auth-field-icon,
.renewal-page.signup-page .auth-field:focus-within .auth-field-action { color: var(--join-accent); }
.renewal-page.signup-page .auth-field input:focus-visible,
.renewal-page.signup-page .auth-field select:focus-visible { outline: 0; }
.renewal-page.signup-page .email-verify-button,
.renewal-page.signup-page .identity-button { border-color: #cfc9ff; color: var(--join-accent-deep); background: #fff; }
.renewal-page.signup-page .email-verify-button:disabled { cursor: wait; opacity: .65; transform: none; }
.renewal-page.signup-page .auth-email-verification-note { margin: 8px 0 0; color: #6c7180; font-size: 12px; line-height: 1.45; }
.renewal-page.signup-page .auth-email-verification-note.is-complete { color: #25834c; font-weight: 700; }
.renewal-page.signup-page .email-verify-button:hover,
.renewal-page.signup-page .email-verify-button.is-complete { border-color: var(--join-accent); color: #fff; background: linear-gradient(135deg, #7664fa 0%, #5a47ee 100%); box-shadow: 0 8px 18px rgba(99, 80, 233, .18); transform: translateY(-1px); }
.renewal-page.signup-page .identity-button { border-color: #ded9ff; background: #f5f3ff; }
.renewal-page.signup-page .identity-button:hover,
.renewal-page.signup-page .identity-button.is-complete { border-color: var(--join-accent); background: #eeeaff; box-shadow: 0 8px 18px rgba(99, 80, 233, .1); transform: none; }
.renewal-page.signup-page .auth-info-box { border-color: #e4e0ff; border-radius: 10px; background: #f8f7ff; }
.renewal-page.signup-page .auth-info-box .ui-icon,
.renewal-page.signup-page .rule-mark { color: var(--join-accent); }
.renewal-page.signup-page .verification-complete-note { display: flex; align-items: center; gap: 7px; margin: 1px 0 0; padding: 10px 12px; border: 1px solid #ccebd7; border-radius: 9px; background: #f1fbf5; color: #25834c; font-size: 12px; font-weight: 700; line-height: 1.4; }
.renewal-page.signup-page .verification-complete-note .ui-icon { width: 15px; height: 15px; color: #2ba05a; }
.renewal-page.signup-page .terms-label input:checked + .terms-check { border-color: var(--join-accent); background: var(--join-accent); }
.renewal-page.signup-page .terms-section h2 { display: flex; align-items: center; gap: 7px; font-weight: 800; }
.renewal-page.signup-page .terms-section h2::before { width: 5px; height: 5px; border-radius: 50%; background: var(--join-accent); content: ""; }
.renewal-page.signup-page .terms-item + .terms-item { border-color: var(--join-line); }
.renewal-page.signup-page .terms-row { min-height: 48px; }
.renewal-page.signup-page .terms-check { border-color: #aab1c1; border-radius: 5px; }
.renewal-page.signup-page .terms-label:hover .terms-check { border-color: var(--join-accent); }
.renewal-page.signup-page .signup-submit { border-radius: 10px; background: linear-gradient(135deg, #7664fa 0%, #5a47ee 100%); box-shadow: 0 11px 22px rgba(99, 80, 233, .2); }
.renewal-page.signup-page .signup-submit:hover,
.renewal-page.signup-page .signup-submit.is-active { background: linear-gradient(135deg, #6955f7 0%, #4f3df4 100%); box-shadow: 0 14px 26px rgba(99, 80, 233, .25); }

@media (max-width: 767px) {
  .renewal-page.signup-page .auth-heading { gap: 7px; margin-bottom: 24px; }
  .renewal-page.signup-page .auth-heading h1 { font-size: 28px; }
  .renewal-page.signup-page .auth-heading::after { width: 42px; height: 3px; }
  .renewal-page.signup-page .auth-main { background: #fff; }
  .renewal-page.signup-page .auth-field,
  .renewal-page.signup-page .email-verify-button,
  .renewal-page.signup-page .identity-button,
  .renewal-page.signup-page .terms-box,
  .renewal-page.signup-page .signup-submit { border-radius: 9px; }
}