.account-pages {
    min-height: 100vh;
    background:
        linear-gradient(135deg, rgba(15, 114, 58, 0.85) 0%, rgba(15, 114, 58, 0.65) 100%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' preserveAspectRatio='xMidYMid slice'><defs><pattern id='boxes' x='0' y='0' width='160' height='120' patternUnits='userSpaceOnUse'><rect x='10' y='10' width='60' height='50' fill='none' stroke='%23ffffff' stroke-width='1.2' opacity='0.35'/><rect x='20' y='20' width='40' height='30' fill='none' stroke='%23ffffff' stroke-width='1' opacity='0.25'/><rect x='90' y='40' width='60' height='50' fill='none' stroke='%23ffffff' stroke-width='1.2' opacity='0.35'/><rect x='100' y='50' width='40' height='30' fill='none' stroke='%23ffffff' stroke-width='1' opacity='0.25'/><line x1='10' y1='85' x2='150' y2='85' stroke='%23ffffff' stroke-width='0.8' opacity='0.2'/></pattern></defs><rect width='1200' height='800' fill='%230F723A'/><rect width='1200' height='800' fill='url(%23boxes)'/></svg>");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.account-pages-inner {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.login-card {
    width: 100%;
    max-width: 460px;
    background: #fff;
    border-radius: 16px;
    padding: 48px 40px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.18);
}

.login-wrap {
    width: 100%;
    margin: 0 auto;
}

.login-wrap a span img {
    width: 170px;
    height: auto;
    max-width: 100%;
}

.login-wrap .login-title {
    margin-top: 16px;
    margin-bottom: 4px;
    color: #0F723A;
    font-weight: 700;
    font-size: 22px;
}

.login-wrap .login-subtitle {
    margin: 0;
    color: #646464;
    font-size: 14px;
}

.login-wrap .eye_icon {
    position: absolute;
    right: 15px;
    top: 43px;
    width: 24px;
    height: 24px;
    background: url('../../landing-page/img/icon/eye_show.svg') no-repeat left center;
    cursor: pointer;
}

.login-wrap .eye_icon.active {
    background: url('../../landing-page/img/icon/eye_hide.svg') no-repeat left center;
}

.login-wrap .field {
    position: relative;
    margin-bottom: 16px;
}

.login-wrap label {
    margin-bottom: 8px;
    color: #141414;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.login-wrap input {
    height: 52px;
    padding: 0 56px;
    border: 1px solid #E1E2E3;
    border-radius: 8px;
    font-size: 16px;
    width: 100%;
}

.login-wrap input:focus {
    border-color: #0F723A;
    outline: none;
    box-shadow: 0 0 0 3px rgba(15, 114, 58, 0.15);
}

.login-wrap .field-Email {
    position: relative;
}

.login-wrap .field-Email:before {
    content: "";
    position: absolute;
    left: 16px;
    width: 24px;
    height: 24px;
    top: 14px;
    background: url("../../landing-page/img/icon/mess_login.png") no-repeat;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    box-shadow: 0 0 0 50px white inset;
}

.login-wrap #password {
    background: #fff url("../../landing-page/img/icon/pass_icon.png") no-repeat left 16px center;
}

.login-wrap .forgot_submit {
    margin-top: 24px;
}

.login-wrap .forgot_submit button {
    width: 100%;
    padding: 14px 24px;
    border: 1px solid #0F723A;
    border-radius: 8px;
    outline: none;
    background-color: #0F723A;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.login-wrap .forgot_submit button:hover {
    background-color: #0a5a2d;
    border-color: #0a5a2d;
}

@media (max-width: 640px) {
    .login-card {
        padding: 32px 24px;
    }
}