/* =========================
   SECCIÓN BRANDING
========================= */

.branding-section {
    background: linear-gradient(145deg, #1e3a8a, #1565c0);
    color: #e3f2fd;

    display: flex;
    align-items: center;
    justify-content: center;
}

.branding-content {
    max-width: 400px;
}

.branding-content h1 {
    font-weight: 600;
}

.branding-content p {
    opacity: 0.85;
}

/* =========================
   LOGIN SECTION
========================= */

.login-section {
    backdrop-filter: blur(0.5px);
}

/* =========================
   LOGIN BOX
========================= */

.login-box {
    width: 100%;
    max-width: 420px;

    background: rgba(255, 255, 255, 0.85);

    border-radius: 20px;

    backdrop-filter: blur(10px);

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.25),
        inset 1px 1px 0 rgba(255, 255, 255, 0.6);

    border: 1px solid rgba(255, 255, 255, 0.3);
}