/* Shared Forever visual language, scoped to account pages. */
body.forever-auth-page {
    margin: 0; color: #ebdec2; background: #211510;
    font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400;
}
.forever-auth-page .sitenav, .forever-shared-page .sitenav {position: fixed; z-index: 100; top: 0; right: 0; left: 0; background-color: #2e1e16; isolation: isolate;}
.forever-auth-page .sitenav blz-nav, .forever-shared-page .sitenav blz-nav {--navbar-background-color: #2e1e16;}
.forever-auth-main {
    min-height: 720px; padding: 150px 24px 90px; display: flex; justify-content: center; align-items: center;
    background: url("https://bnetcmsus-a.akamaihd.net/cms/template_resource/ri/RI8Q9HOWY4U01465961118458.jpg") center top / 2560px auto no-repeat, url("https://assets-bwa.worldofwarcraft.blizzard.com/60f63f3e402d22e6bc55.jpg") center top / auto repeat #211510;
}
/* Login and registration each use their own artwork; recovery keeps the shared backdrop. */
body.forever-register-page .forever-auth-main {
    background: linear-gradient(180deg, #0c080640, #0c080626 45%, #0c080666), url("../images/backgrounds/register-background.webp") center center / cover no-repeat #211510;
}
body.forever-login-page .forever-auth-main {
    background: linear-gradient(180deg, #0c080640, #0c080626 45%, #0c080666), url("../images/backgrounds/login-background.webp") center center / cover no-repeat #211510;
}
.forever-auth-card {
    width: min(100%, 520px); padding: 42px 44px;
    background: rgba(12,8,6,.84);
    border: 1px solid #504137; border-top: 2px solid #8b744e;
    box-shadow: 0 24px 70px #0005;
}
.forever-auth-card h1 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: clamp(30px, 4vw, 40px);
    font-weight: 400; line-height: 1.15; text-align: center; color: #f8b700; margin: 0 0 32px;
}
.forever-auth-card .page-subbody, .forever-auth-card .card-body {padding: 0 !important; margin: 0 !important; background: none; border: 0;}
.forever-auth-card .page-subbody > div {width: 100%; max-width: none; padding: 0; flex: 0 0 100%;}
.forever-auth-card form {margin: 0; width: 100%;}
.forever-auth-card .card-body > br {display: none;}
.forever-auth-card label {color: #ebdec2; font-size: 14px; font-weight: 400; margin-bottom: 8px;}
.forever-auth-card input.form-control {
    width: 100%; min-height: 48px; border: 1px solid #8b744e !important; border-radius: 3px;
    color: #ebdec2; background: #17100c; padding: 11px 14px;
    font: 400 15px/1.5 "Open Sans", Arial, Helvetica, sans-serif; box-shadow: none;
}
.forever-auth-card input.form-control::placeholder {color: #b1997f; opacity: 1;}
.forever-auth-card input.form-control:focus {outline: 2px solid #f8b700; outline-offset: 2px; border-color: #f8b700 !important; background: #17100c;}
.forever-auth-card .input-group {display: flex; flex-wrap: nowrap;}
.forever-auth-card .input-group input {width: 0; flex: 1;}
.forever-auth-card .input-group-text {background: #2a1d13; color: #b1997f; border: 1px solid #8b744e; margin: 0; justify-content: center;}
.forever-auth-card .mb-3 {margin-bottom: 20px !important;}
.forever-auth-card .mt-3 {margin-top: 20px !important;}
.forever-auth-card .mt-4 {margin-top: 26px !important;}
.forever-auth-card button.nice_button {
    display: block; width: 100%; min-height: 50px; padding: 12px 22px;
    border: 1px solid #b1997f; border-radius: 3px;
    background: rgba(0,0,0,.3); color: #f8b700;
    font: 600 16px/1.5 "Open Sans", Arial, Helvetica, sans-serif;
    text-align: center; text-transform: none; text-shadow: none; box-shadow: 0 3px 14px #0003; cursor: pointer;
}
.forever-auth-card button.nice_button:hover {background: #ffffff08; border-color: #f8b700;}
.forever-auth-card button.nice_button:focus-visible {outline: 2px solid #f8b700; outline-offset: 4px;}
.forever-auth-card .form-check-input {accent-color: #c99536; cursor: pointer;}
.forever-auth-card .form-check label {margin-bottom: 0;}
.forever-auth-card .card-links {gap: 12px; flex-wrap: wrap; align-items: center;}
.forever-auth-card .card-link {color: #f8b700; font-size: 13px;}
.forever-auth-card .register-legal-copy {margin: 14px 0 0; color: #b1997f; font-size: 12px; line-height: 1.6; text-align: center;}
.forever-auth-card .register-legal-copy a {color: #f8b700; text-decoration: underline; text-underline-offset: 2px;}
.forever-auth-card .register-legal-copy a:hover {color: #ffd75a;}
.forever-auth-card .alert-danger, .forever-auth-card [id$="_error"] {color: #ffb6a5; font-size: 13px;}
.forever-auth-card .alert-danger:not(.d-none) {background: #3e1b16; border: 1px solid #9e5d4d; padding: 12px; margin-bottom: 20px;}
.forever-auth-card cap-widget {display: block; max-width: 100%; --cap-background: #17100c; --cap-color: #ebdec2;}
@media (max-width: 600px) {
    .forever-auth-main {padding: 110px 18px 54px; min-height: 620px; align-items: flex-start;}
    .forever-auth-card {padding: 28px 22px;}
    .forever-auth-card h1 {margin-bottom: 26px;}
}
@media (prefers-reduced-motion: reduce) {.forever-auth-page * {scroll-behavior: auto !important; transition: none !important;}}

/* Recovery, activation and reset views share the same paint styles. */
.forever-auth-card h2,.forever-auth-card h3,.forever-auth-card h4{font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#f8b700;text-shadow:none}
.forever-auth-card .email-input,.forever-auth-card input[type=password]{background-color:#17100c;color:#ebdec2;border-color:#8b744e}
.forever-auth-card input.nice_button{background:rgba(0,0,0,.3);color:#f8b700;border-color:#b1997f;font-family:"Open Sans",Arial,Helvetica,sans-serif;text-shadow:none;box-shadow:none}
.forever-auth-card input.nice_button:hover{background:#ffffff08;color:#ffd75a;border-color:#f8b700}
.forever-auth-card input:focus-visible{outline-color:#f8b700}
.forever-auth-card #success{color:#9ed6ad}
.forever-auth-card a{color:#f8b700}
.forever-auth-card a:hover{color:#ffd75a}
.forever-auth-page .sitenav{background-color:#2e1e16}
.forever-auth-page .sitenav blz-nav{--navbar-background-color:#2e1e16}