/* ====== Estilos generales ====== */
body {
    background-color: #f4f6f8;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* ====== Contenedor principal ====== */
.container {
    max-width: 500px;
    margin-top: 60px;
}

/* ====== Tarjeta del formulario ====== */
.card {
    border: none;
    border-radius: 12px;
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* ====== Campos de entrada ====== */
input.form-control {
    max-width: 350px;
    margin: 0 auto;
}

/* ====== Botón principal ====== */
button.btn-success {
    display: block;
    width: 100%;
    font-weight: 500;
    border-radius: 8px;
}

/* ====== Enlaces ====== */
a {
    color: #0d6efd;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* ====== Mensajes de error ====== */
.alert-danger {
    border-radius: 8px;
}

/* ====== Navbar ====== */
.navbar {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}