/* ----------------------------------------------------------
    Fade-in (wie auf der Frontpage)
---------------------------------------------------------- */
.fade-in-login {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in-login.visible {
    opacity: 1;
    transform: translateY(0);
}
    
.login-card {
    padding: 36px 35px;
    background: linear-gradient(152.86deg, #589CFF 0.6%, rgba(53, 53, 53, 0.915697) 8.47%, rgba(88, 156, 255, 0.81) 45.7%, rgba(53, 53, 53, 0.264174) 69.32%, #030B15 93.99%);
    border-radius: 18px;
    max-width: 450px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 449px;
}
.login-card::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    z-index: -1;
    border-radius: 18px;
    background: #030B15;
}

/* Überschrift */
.login-card h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #FFFFFF;
}

/* Labels über den Inputs */
.login-card label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #ACACAC;
}

/* Inputs: dunkler Hintergrund, dezente graue Ränder, runde Ecken */
.login-card .form-control {
    background-color: #1E1E1E;
    color: #FFFFFF;
    border: 1px solid #393939;
    border-radius: 8px;
    padding: 10px 12px;
}
.login-card .form-control::placeholder {
    color: #555555;
}
.login-card .form-control:focus {
    background-color: #1E1E1E;
    color: #FFFFFF;
    border: 1px solid #5499FF; /* blauer Fokus-Rand */
    box-shadow: none;
}

/* Passwort-Icon: Eingabefeld und Knopf optisch verbinden */
.input-group .form-control {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .btn-outline-secondary {
    background-color: #1E1E1E;
    color: #ACACAC;
    border: 1px solid #393939;
    border-left: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.input-group .btn-outline-secondary:hover {
    background-color: #2A2A2A;
    color: #FFFFFF;
    border-color: #5499FF;
}
.input-group .btn-outline-secondary:focus {
    box-shadow: none;
    border-color: #5499FF;
}

/* ----------------------------------------------------------
    Fehlermeldungen (Alert) etwas angepasster Stil
---------------------------------------------------------- */
.login-card .alert-danger {
    background-color: #2A1A1A;
    color: #FF6B6B;
    border: 1px solid #663333;
}

/* ----------------------------------------------------------
    „Reset“/„Sign up“-Links
---------------------------------------------------------- */
.login-card .form-text a {
    color: #5499FF;
    text-decoration: none;
    font-weight: 500;
}
.login-card .form-text a:hover {
    text-decoration: underline;
}

/* ----------------------------------------------------------
    Platzierung: Abstand zum fixed Navbar und Footer
---------------------------------------------------------- */
.login-section {
    position: relative;
    min-height: calc(100vh - 200px);
    margin-top: 150px;
    padding-bottom: 100px;
}

.shadow-img-1 {
    position: absolute;
    top: -150px;       /* <-- Hier ggf. anpassen: ungefähr Navbar-Gesamthöhe */
    left: 0;
    width: 100%;
    z-index: -1;
}