*, *::before, *::after { box-sizing: border-box; }
body, html { margin: 0; height: 100%; font-family: 'Plus Jakarta Sans', sans-serif; }
.login-page { display: flex; width: 100vw; height: 100vh; background: #fff; }
.login-left {
    width: 55%;
    background: linear-gradient(135deg, #27AE60 0%, #1e8449 100%);
    display: flex; align-items: center; justify-content: center;
    position: relative; overflow: hidden;
}
.login-left-content { text-align: center; color: #fff; z-index: 2; position: relative; }
.login-left-content .brand { font-size: 2.8rem; font-weight: 700; letter-spacing: 2px; }
.login-left-content p { font-size: 1rem; opacity: 0.85; margin-top: 8px; }
.login-left::before { content: ''; position: absolute; width: 400px; height: 400px; background: rgba(255,255,255,0.08); border-radius: 50%; top: -100px; left: -100px; }
.login-left::after { content: ''; position: absolute; width: 300px; height: 300px; background: rgba(255,255,255,0.06); border-radius: 50%; bottom: -80px; right: -80px; }
.login-right { width: 45%; display: flex; align-items: center; justify-content: center; background: #fff; }
.login-form-box { width: 360px; }
.login-form-box .wiz-title { font-size: 1.5rem; font-weight: 700; color: #27AE60; letter-spacing: 1px; margin-bottom: 4px; }
.login-form-box .wiz-logo-img { display: block; max-width: 260px; width: 100%; height: auto; margin: 0 0 4px; }
.login-form-box .login-subtitle { color: #666; font-size: 0.9rem; margin-bottom: 30px; }
.login-form-box label { font-size: 0.85rem; font-weight: 500; color: #333; margin-bottom: 4px; display: block; }
.login-form-box .form-control-custom { width: 100%; padding: 10px 14px; border: 1px solid #ddd; border-radius: 8px; font-size: 0.9rem; outline: none; margin-bottom: 8px; transition: border-color 0.2s; }
.login-form-box .form-control-custom:focus { border-color: #27AE60; box-shadow: none; }
.forgot-link { font-size: 0.8rem; color: #27AE60; text-decoration: none; display: block; text-align: right; margin-bottom: 22px; }
.login-btn { width: 100%; padding: 12px; background: linear-gradient(90deg, #38c863 0%, #27AE60 100%); color: #fff; border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.login-btn:hover { background: linear-gradient(90deg, #30b157 0%, #1e8449 100%); transform: translateY(-1px); }
.login-icon-wrap { width: 80px; height: 80px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 2rem; color: #fff; overflow: hidden; padding: 12px; box-sizing: border-box; }
.login-icon-wrap .login-icon-img { width: 100%; height: 100%; object-fit: contain; }
.validation-summary-errors { color: #dc3545; font-size: 0.85rem; margin-bottom: 16px; }
.validation-summary-errors ul { list-style: none; padding-left: 0; margin: 0; }
.forgot-password-link {
    text-align: right;
    margin-top: -0.5rem;
    margin-bottom: 1.5rem;
}

    .forgot-password-link a {
        font-size: 0.85rem;
        color: var(--wiz-green-1, #3ECB78);
        text-decoration: none;
        font-weight: 500;
    }

        .forgot-password-link a:hover {
            text-decoration: underline;
        }
@media (max-width: 768px) {
    .login-left { display: none; }
    .login-right { width: 100%; }
}
@media (max-width: 420px) {
    .login-form-box .wiz-logo-img { max-width: 200px; }
}