/* Usa los mismos estilos que login.html para mantener consistencia */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; color: #333; }
.container { background: white; width: 100%; max-width: 400px; padding: 40px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
h2 { text-align: center; margin-bottom: 20px; color: #444; }
p.info { text-align: center; margin-bottom: 20px; color: #666; font-size: 0.95rem; line-height: 1.5; }
.alerta { padding: 12px; margin-bottom: 20px; border-radius: 6px; text-align: center; font-size: 0.9rem; }
.error { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
.exito { background: #dcfce7; color: #166534; border: 1px solid #86efac; }
input { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 20px; }
button { width: 100%; padding: 14px; background: linear-gradient(to right, #667eea, #764ba2); color: white; border: none; border-radius: 6px; font-weight: bold; cursor: pointer; }
button:hover { opacity: 0.9; }
.back-link { display: block; text-align: center; margin-top: 20px; color: #764ba2; text-decoration: none; }