/* Fondo */
.login-bg {
    background: linear-gradient(
        135deg,
        #111111 0%,
        #1f1f1f 50%,
        #000000 100%
    );
}

/* Card */
.login-card {
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
    animation: fadeIn .6s ease;
}

/* Logo */
.logo-login {
    max-width: 180px;
    height: auto;
}

/* Inputs */
.input-login {
    height: 50px;
    border-radius: 12px;
    border: 2px solid #e5e5e5;
    transition: all .3s;
}

.input-login:focus {
    border-color: #ffc107;
    box-shadow: 0 0 0 0.2rem rgba(255,193,7,.25);
}

/* Botón */
.btn-login {
    height: 52px;
    border-radius: 12px;
    background: #ffc107;
    border: none;
    color: #000;
    font-weight: 700;
    transition: .3s;
}

.btn-login:hover {
    background: #ffca2c;
    transform: translateY(-2px);
}

/* Animación */
@keyframes fadeIn {
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}