/* Password Reset - aligned with homepage/index styles */

.password-reset-container { background: #000000; padding: 1.25rem; }
.password-reset-inner { max-width: 600px; margin: 0 auto; background: var(--bg-secondary); border-radius: var(--radius-xl); box-shadow: var(--shadow); border: 1px solid var(--border-primary); padding: 2rem 1.5rem; }

/* Header */
.password-reset-header { text-align: center; margin: 2rem 0 1.5rem; }
.password-reset-title { font-size: 2rem; font-weight: 800; color: var(--text-primary); }
.password-reset-subtitle { color: var(--text-secondary); }

/* Form */
.password-reset-form { margin: 2rem 0; }
.form-group { margin-bottom: 1.5rem; }
.form-group label { display: block; margin-bottom: 0.5rem; color: var(--text-primary); font-weight: 600; }
.form-group input { width: 100%; padding: 0.75rem 1rem; border: 1px solid var(--border-primary); border-radius: var(--radius); background: var(--bg-tertiary); color: var(--text-primary); }
.form-group input:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(22,163,74,0.20); }

/* Button */
.password-reset-button { width: 100%; padding: 0.75rem 1.25rem; background: var(--color-primary); color: white; border: none; border-radius: var(--radius-lg); font-weight: 600; cursor: pointer; transition: all var(--transition); }
.password-reset-button:hover { background: var(--color-primary-dark); transform: translateY(-2px); box-shadow: var(--shadow-sm); }

/* Messages */
.password-reset-message { padding: 1rem; border-radius: var(--radius); margin: 1rem 0; }
.password-reset-message.success { background: rgba(22, 163, 74, 0.1); border: 1px solid var(--color-primary); color: var(--color-primary); }
.password-reset-message.error { background: rgba(220, 38, 38, 0.1); border: 1px solid #dc2626; color: #dc2626; }

/* Links */
.password-reset-links { text-align: center; margin-top: 2rem; }
.password-reset-links a { color: var(--color-primary); text-decoration: none; margin: 0 1rem; }
.password-reset-links a:hover { text-decoration: underline; }

/* Responsive */
@media (max-width: 768px) {
  .password-reset-container { padding: 0.75rem; }
  .password-reset-inner { padding: 1.25rem; border-radius: var(--radius-lg); }
}