.account-page {
    background:
        radial-gradient(circle at 12% 18%, rgba(223, 172, 57, .18), transparent 30%),
        radial-gradient(circle at 88% 72%, rgba(30, 122, 82, .14), transparent 32%),
        #f5f7fb;
}

.account-page .page-header {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 42px 0;
    border: 0;
    background: linear-gradient(125deg, #17203d 0%, #27375f 62%, #1e7a52 150%);
}

.account-page .page-header::after {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -150px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    box-shadow: 0 0 0 48px rgba(255, 255, 255, .035), 0 0 0 96px rgba(255, 255, 255, .025);
}

.account-page .page-header .container { position: relative; z-index: 1; }
.account-page .page-header h1 { color: #fff; font-size: clamp(30px, 4vw, 46px); font-weight: 800; }
.account-page .breadcrumbs,
.account-page .breadcrumbs a,
.account-page .breadcrumbs span { color: rgba(255, 255, 255, .76) !important; }
.account-page .login-register { padding: 56px 0 70px !important; }

.account-page .login-register .inner {
    position: relative;
    padding: clamp(26px, 5vw, 46px);
    border: 1px solid rgba(32, 38, 68, .09);
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 24px 65px rgba(22, 32, 61, .13);
}

.account-page .customer-form h2 { color: #202644; font-weight: 800; letter-spacing: -.02em; }
.account-page .customer-form > p { color: #667085; line-height: 1.65; }
.account-page .customer-form input:not([type="checkbox"]),
.account-page .customer-form select {
    min-height: 52px;
    border: 1px solid #d7dce5;
    border-radius: 9px;
    background: #fbfcfe;
    padding: 0 15px;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.account-page .customer-form input:focus,
.account-page .customer-form select:focus {
    border-color: #1e7a52;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(30, 122, 82, .11);
}

.account-page .customer-form .btn-primary {
    min-height: 52px;
    border-color: #202644;
    border-radius: 9px;
    background: #202644;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(32, 38, 68, .18);
}

.account-page .customer-form .btn-primary:hover { border-color: #1e7a52; background: #1e7a52; }
.account-page .customer-form .btn-outline-dark { min-height: 50px; border-radius: 9px; font-weight: 700; }
.account-page .customer-form a { color: #1e7a52; font-weight: 700; }
.account-page .login-divide-text { background: #fff; color: #98a2b3; }

@media (max-width: 767px) {
    .account-page .page-header { padding: 28px 0; }
    .account-page .breadcrumbs { display: none; }
    .account-page .login-register { padding: 30px 0 44px !important; }
    .account-page .login-register .inner { border-radius: 13px; }
}