.auth-page[data-v-9ffb39c0]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--color-bg)}.card[data-v-9ffb39c0]{width:100%;max-width:440px;background:var(--color-white);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:var(--shadow-md)}.card__header[data-v-9ffb39c0]{text-align:center;margin-bottom:28px}.card__logo[data-v-9ffb39c0]{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.card__title[data-v-9ffb39c0]{font-size:22px;font-weight:700;color:var(--color-text);margin-bottom:4px}.card__subtitle[data-v-9ffb39c0]{font-size:13px;color:var(--color-text-light)}.form[data-v-9ffb39c0]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-9ffb39c0]{display:flex;flex-direction:column;gap:5px}.form-label[data-v-9ffb39c0]{font-size:13px;font-weight:500;color:var(--color-text)}.form-input[data-v-9ffb39c0]{height:44px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition);outline:none;width:100%}.form-input[data-v-9ffb39c0]:focus{border-color:var(--color-primary-solid);box-shadow:0 0 0 3px var(--color-primary)}.form-input--error[data-v-9ffb39c0]{border-color:#ff4d4f}.form-input--error[data-v-9ffb39c0]:focus{border-color:#ff4d4f;box-shadow:0 0 0 3px #ff4d4f33}.error-message[data-v-9ffb39c0]{font-size:11px;color:#ff4d4f;margin-top:2px}.form-input[data-v-9ffb39c0]::placeholder{color:#c4c7cb}.input-wrapper[data-v-9ffb39c0]{position:relative}.input-wrapper .form-input[data-v-9ffb39c0]{padding-right:44px}.toggle-pw[data-v-9ffb39c0]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-light);display:flex;padding:0;cursor:pointer}.toggle-pw[data-v-9ffb39c0]:hover{color:var(--color-text)}.btn-submit[data-v-9ffb39c0]{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-primary-solid);color:var(--color-text);border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;margin-top:8px;transition:all var(--transition);cursor:pointer}.btn-submit[data-v-9ffb39c0]:hover:not(:disabled){background:#e6cf18;transform:translateY(-1px);box-shadow:0 4px 12px #f8df1b33}.btn-submit[data-v-9ffb39c0]:disabled{opacity:.5;cursor:not-allowed}.error-banner[data-v-9ffb39c0]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:13px;padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:16px;text-align:center}.card__divider[data-v-9ffb39c0]{display:flex;align-items:center;text-align:center;margin:24px 0;color:var(--color-text-light);font-size:12px}.card__divider[data-v-9ffb39c0]:before,.card__divider[data-v-9ffb39c0]:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.card__divider span[data-v-9ffb39c0]{padding:0 12px}.social-login[data-v-9ffb39c0]{display:flex;gap:12px}.btn-social[data-v-9ffb39c0]{flex:1;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--color-text);cursor:pointer;transition:all var(--transition)}.btn-social[data-v-9ffb39c0]:hover{background:var(--color-bg);border-color:#c4c7cb}.card__footer[data-v-9ffb39c0]{margin-top:24px;text-align:center;font-size:13px;color:var(--color-text-light)}.card__link[data-v-9ffb39c0]{color:var(--color-text);font-weight:600;text-decoration:none}.card__link[data-v-9ffb39c0]:hover{text-decoration:underline}