/* Page background */
.login-body {
    background: #f2f5f9;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Segoe UI", Arial, sans-serif;
}

/* Main box */
.login-container {
    width: 900px;
    min-height: 480px;
    background: #ffffff;
    display: flex;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

/* Left panel */
.login-left {
    width: 45%;
    background: #00459b;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.brand-box {
    text-align: center;
    padding: 30px;
}

.brand-logo {
    width: 200px;
    margin-bottom: 20px;
}

/* Right panel */
.login-right {
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Form */
.login-form {
    width: 100%;
    max-width: 360px;
}

    .login-form h3 {
        font-weight: 600;
    }

/* Error */
.error-text {
    color: #c82333;
    font-size: 13px;
}