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

.renewal-password-page { --password-accent: #6f5cf6; background: #fff; }
.renewal-password-page .auth-main { min-height: 560px; padding-top: 42px; padding-bottom: 68px; background: linear-gradient(180deg, #fbfaff 0, #fff 360px); }
.renewal-password-page .find-password-panel { width: min(100%, 420px); }
.renewal-password-page .auth-heading { display: grid; justify-items: center; gap: 8px; margin: 2px 0 20px; text-align: center; }
.renewal-password-page .auth-eyebrow { margin: 0; color: #7461ef; font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.renewal-password-page .auth-eyebrow::after { display: none; }
.renewal-password-page .auth-heading h1 { margin: 0; color: #171820; font-size: 30px; font-weight: 800; line-height: 1.08; letter-spacing: -.055em; }
.renewal-password-page .auth-heading::after { width: 48px; height: 4px; margin-top: 4px; border-radius: 999px; background: linear-gradient(90deg, #7461ef, #83d8dc); content: ""; }
.renewal-password-page .find-password-intro { margin: 0 0 22px; color: #747989; font-size: 13px; line-height: 1.6; text-align: center; }
.renewal-password-page .find-password-form { gap: 12px; }
.renewal-password-page .auth-field { min-height: 48px; border-color: #e4e2ed; border-radius: 10px; background: #fff; }
.renewal-password-page .auth-field:hover { border-color: #cfc9ee; }
.renewal-password-page .auth-field:focus-within { border-color: var(--password-accent); box-shadow: 0 0 0 3px rgba(111, 92, 246, .09); }
.renewal-password-page .auth-field input:focus-visible { outline: 0; }
.renewal-password-page .auth-field:focus-within .auth-field-icon { color: var(--password-accent); }
.renewal-password-page .find-password-submit { min-height: 48px; margin-top: 3px; border-radius: 10px; background: linear-gradient(135deg, #7664fa 0%, #5a47ee 100%); box-shadow: 0 11px 22px rgba(99, 80, 233, .2); }
.renewal-password-page .find-password-submit:hover { background: linear-gradient(135deg, #6955f7 0%, #4f3df4 100%); }
.renewal-password-page .find-password-link { margin-top: 22px; font-size: 13px; }
.renewal-password-page .back-login-link { display: inline-flex; min-height: 40px; padding: 0 15px; border: 1px solid #e4e2ed; border-radius: 10px; color: #656b7a; background: #fff; }
.renewal-password-page .back-login-icon { width: 15px; height: 15px; border-radius: 0; background: currentColor; color: #7461ef; }
.renewal-password-page .back-login-link:hover { border-color: #cfc9ee; color: var(--password-accent); background: #faf9ff; transform: none; }
.renewal-password-page .back-login-link:hover .back-login-icon { opacity: 1; transform: translateX(-2px); }

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