/* Reset password page-specific styles */

.container { width: 100%; max-width: 420px; padding: 0 20px; }

.logo { text-align: center; margin-bottom: 32px; }
.logo img { width: 240px; height: auto; transform: translateX(-10px); }

.card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 4px 20px rgba(0, 0, 0, 0.06);
    padding: 32px;
    text-align: center;
}

.card h2 { font-size: 18px; font-weight: 600; color: #111827; margin-bottom: 8px; }
.card p { font-size: 14px; color: #6b7280; margin-bottom: 24px; }

/* Override: form-group margin-bottom 18px */
.form-group { margin-bottom: 18px; text-align: left; }

.btn {
    width: 100%; padding: 11px 20px; background: #FF8C00; color: white; border: none;
    border-radius: 8px; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer;
}
.btn:hover { background: #E07B00; }
.btn:disabled { background: #FFB84D; cursor: not-allowed; }

.msg-success {
    background: #ecfdf5; color: #059669; border: 1px solid #a7f3d0;
    border-radius: 8px; padding: 12px; font-size: 13px; display: none; margin-bottom: 16px;
}

.msg-error {
    background: #fef2f2; color: #dc2626; border: 1px solid #fecaca;
    border-radius: 8px; padding: 10px 14px; font-size: 13px; display: none; margin-bottom: 16px;
}

.footer { text-align: center; margin-top: 20px; font-size: 13px; color: #6b7280; }
.footer a { color: #FF8C00; text-decoration: none; font-weight: 500; }
.footer a:hover { text-decoration: underline; }