body#password #main {
    padding-bottom: 96px;
    padding-top: 20px;
}

body#module-dbglogin-completereg #main,
body#module-dbdiscord-completereg #main,
body#module-steamlogin-login #main {
    padding-bottom: 96px;
    padding-top: 60px;
}

.roy-reload.animsition {
    background: var(--back_light_purple);
}

#password .renew-password .email {
    color: var(--dark_purple);
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Manrope';
    line-height: 24px;
    color: var(--dark_purple);
}

#password .renew-password .email span {
    color: var(--accent_purple);
}

.renew-password .email {
    padding-bottom: 40px;
}

#password #main .container #content {
    max-width: 600px;
    padding: 40px;
    margin: 0 auto;
    background: var(--back_white);
    border-radius: 20px;
}

#login-form input.form-control,
.renew-password input.form-control {
    height: 52px;
    padding: 14px 20px;
    line-height: 24px !important;
    border-radius: 8px !important;
}

.btn-primary-green {
    width: 100%;
    border-radius: 10px !important;
    border: 2px solid #FFF !important;
    box-shadow: 0 6.667px 12.5px 0 rgba(255, 255, 255, 0.25) inset !important;
    font-family: Exo !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-transform: uppercase !important;
}

.renew-password .btn-primary-green {
    margin-top: 24px;
    margin-left: 0px;
    margin-bottom: 16px;
}

#back_login {
    width: 100%;
    text-align: center;
}

#back_login a {
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    color: var(--accent_purple);
}

#back_login a:before {
    width: 100% !important;
    opacity: 1 !important;
    bottom: -1px !important;
}

.forgotten-password .form-fields .center-email-fields button {
    margin-left: 0px;
}

.forgotten-password .send-renew-password-link {
    padding: 0;
    color: #0D0034;
    font-family: Manrope;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    text-align: center;
}

.forgotten-password .form-control-label {
    text-align: left;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.forgotten-password {
    padding: 0px;
}

.forgotten-password .center-email-fields {
    flex-direction: column;
}

.forgotten-password .form-fields .email input {
    margin-right: 0px !important;
    height: 52px !important;
    border-radius: 8px;
}

#password #content .block_header,
body#module-dbglogin-completereg .register-form .block_header.headline_3,
body#module-dbdiscord-completereg .register-form .block_header.headline_3,
body#module-steamlogin-login .register-form .block_header.headline_3 {
    text-transform: uppercase !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    text-align: center;
    margin-bottom: 16px !important;
    font-family: 'Exo';
    color: var(--cta_purple);
}

#password #main .account-link {
    margin-bottom: 0;
    padding: 0;
    text-align: center;
}

#password #main .page-footer:before {
    display: none;
}

#password .card-block p {
    margin-bottom: 40px ;
    font-size: 20px;
    text-align: center;
    color: var(--dark_purple);
}

#password .card-block p span {
    color: var(--accent_purple);
}

#password .ps-alert-error .item {
    border-radius: 8px;
    background: rgba(211, 58, 62, 0.10);
    border: unset;
    display: flex;
    justify-content: center;
    padding: 15px 16px;
}

#password .ps-alert-error .item .error-content {
    display: flex;
    align-items: center;
    gap: 8px;
}

#password .ps-alert-error .item .error-content svg {
    flex-shrink: 0;
}

#password .ps-alert-error .item p {
    color: var(--accent_red) !important;
    font-family: Manrope;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
    padding: 0px;
}

@media (max-width: 767px) {
    .forgotten-password .form-fields .center-email-fields button {
        width: 100%;
        margin: 16px 0px 0px 0px;
    }

    #password #main .container #content {
        padding: 40px 20px;
    }
}

/* OAuth Complete Registration Form */

/* Hide global notifications container on OAuth pages */
body#module-dbglogin-completereg #notifications,
body#module-dbdiscord-completereg #notifications,
body#module-steamlogin-login #notifications {
    display: none !important;
}

body#module-dbglogin-completereg .alert-danger ul,
body#module-dbdiscord-completereg .alert-danger ul,
body#module-steamlogin-login .alert-danger ul {
    display: grid;
}

body#module-dbglogin-completereg .alert-danger li,
body#module-dbdiscord-completereg .alert-danger li,
body#module-steamlogin-login .alert-danger li {
    display: inline-flex;
}

body#module-dbglogin-completereg .alert-danger li svg,
body#module-dbdiscord-completereg .alert-danger li svg,
body#module-steamlogin-login .alert-danger li svg {
    margin-right: 8px;
}

body#module-dbglogin-completereg #main,
body#module-dbdiscord-completereg #main,
body#module-steamlogin-login #main {
    background: var(--back_light_purple) !important;
}

body#module-dbglogin-completereg #top_column,
body#module-dbdiscord-completereg #top_column,
body#module-steamlogin-login #top_column {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

body#module-dbglogin-completereg #content,
body#module-dbdiscord-completereg #content,
body#module-steamlogin-login #content {
    max-width: 650px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 99;
}

body#module-dbglogin-completereg .register-form,
body#module-dbdiscord-completereg .register-form,
body#module-steamlogin-login .register-form {
    background: var(--back_white);
    border-radius: 20px !important;
    border-color: var(--back_white) !important;
    padding: 40px;
}

/* Titles */
body#module-dbglogin-completereg .register-form .block_header.headline_3,
body#module-dbdiscord-completereg .register-form .block_header.headline_3,
body#module-steamlogin-login .register-form .block_header.headline_3 {
    color: var(--accent_purple) !important;
}

body#module-dbglogin-completereg .register-form .block_header.headline_4,
body#module-dbdiscord-completereg .register-form .block_header.headline_4,
body#module-steamlogin-login .register-form .block_header.headline_4 {
    color: var(--dark_purple) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    font-family: 'Exo';
    text-transform: uppercase !important;
    text-align: center;
    margin-bottom: 40px !important;
    width: 60%;
    margin: auto;
}

body#module-dbglogin-completereg .register-form .form-group.row,
body#module-dbdiscord-completereg .register-form .form-group.row,
body#module-steamlogin-login .register-form .form-group.row {
    margin-bottom: 0px;
}

body#module-dbglogin-completereg .register-form .custom-checkbox label,
body#module-dbdiscord-completereg .register-form .custom-checkbox label,
body#module-steamlogin-login .register-form .custom-checkbox label {
    margin-bottom: 0px !important;
}

body#module-dbglogin-completereg .register-form .form-footer,
body#module-dbdiscord-completereg .register-form .form-footer,
body#module-steamlogin-login .register-form .form-footer {
    margin-top: 40px;
}

     /* Form layout - reusing profile-form-two-column styles from myaccount.css */
body#module-dbglogin-completereg .profile-form-two-column #customer-form,
body#module-dbdiscord-completereg .profile-form-two-column #customer-form,
body#module-steamlogin-login .profile-form-two-column #customer-form {
    margin-left: -15px;
    margin-right: -15px;
}

/* Labels */
body#module-dbglogin-completereg .profile-form-two-column label,
body#module-dbdiscord-completereg .profile-form-two-column label,
body#module-steamlogin-login .profile-form-two-column label {
    color: var(--dark_blue);
    font-family: 'Manrope';
    font-size: 16px !important;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 2px !important;
}

/* Inputs */
body#module-dbglogin-completereg .profile-form-two-column input[type="text"],
body#module-dbglogin-completereg .profile-form-two-column input[type="email"],
body#module-dbglogin-completereg .profile-form-two-column input[type="date"],
body#module-dbglogin-completereg .profile-form-two-column select,
body#module-dbdiscord-completereg .profile-form-two-column input[type="text"],
body#module-dbdiscord-completereg .profile-form-two-column input[type="email"],
body#module-dbdiscord-completereg .profile-form-two-column input[type="date"],
body#module-dbdiscord-completereg .profile-form-two-column select,
body#module-steamlogin-login .profile-form-two-column input[type="text"],
body#module-steamlogin-login .profile-form-two-column input[type="email"],
body#module-steamlogin-login .profile-form-two-column input[type="date"],
body#module-steamlogin-login .profile-form-two-column select {
    background: var(--back_white);
    border: 1px solid var(--dark_blue);
    border-radius: 8px !important;
    padding: 14px 20px;
    font-family: 'Manrope';
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    color: var(--dark_blue);
    height: 52px;
}

body#module-dbglogin-completereg .profile-form-two-column input::placeholder,
body#module-dbdiscord-completereg .profile-form-two-column input::placeholder,
body#module-steamlogin-login .profile-form-two-column input::placeholder {
    color: var(--dark_blue);
    opacity: 0.6;
}

body#module-dbglogin-completereg .profile-form-two-column input:focus,
body#module-dbglogin-completereg .profile-form-two-column select:focus,
body#module-dbdiscord-completereg .profile-form-two-column input:focus,
body#module-dbdiscord-completereg .profile-form-two-column select:focus,
body#module-steamlogin-login .profile-form-two-column input:focus,
body#module-steamlogin-login .profile-form-two-column select:focus {
    background: var(--back_light_purple) !important;
    border-color: var(--dark_blue);
    outline: none;
}

/* Helper text for birthday field */
body#module-dbglogin-completereg .profile-form-two-column .form-control-comment,
body#module-dbdiscord-completereg .profile-form-two-column .form-control-comment,
body#module-steamlogin-login .profile-form-two-column .form-control-comment {
    color: var(--purple);
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    opacity: 0.7;
    margin-top: 4px;
}

/* Checkboxes - custom purple styling */
body#module-dbglogin-completereg .custom-checkbox,
body#module-dbdiscord-completereg .custom-checkbox,
body#module-steamlogin-login .custom-checkbox {
    display: flex;
    align-items: center;
}

body#module-dbglogin-completereg .custom-checkbox input[type=checkbox] + span,
body#module-dbdiscord-completereg .custom-checkbox input[type=checkbox] + span,
body#module-steamlogin-login .custom-checkbox input[type=checkbox] + span {
    flex: 0 0 22px;
    margin-right: 8px;
    width: 22px;
    height: 22px;
    border-radius: 4.714px;
    border: 1px solid var(--dark_blue);
    background: var(--back_white);
}

body#module-dbglogin-completereg .custom-checkbox input[type=checkbox]:checked + span,
body#module-dbdiscord-completereg .custom-checkbox input[type=checkbox]:checked + span,
body#module-steamlogin-login .custom-checkbox input[type=checkbox]:checked + span {
    background: var(--accent_purple) !important;
    border-color: var(--accent_purple) !important;
}

body#module-dbglogin-completereg .custom-checkbox input[type=checkbox]:checked + span .checkbox-checked,
body#module-dbdiscord-completereg .custom-checkbox input[type=checkbox]:checked + span .checkbox-checked,
body#module-steamlogin-login .custom-checkbox input[type=checkbox]:checked + span .checkbox-checked {
    color: var(--back_white);
}

body#module-dbglogin-completereg .custom-checkbox label,
body#module-dbdiscord-completereg .custom-checkbox label,
body#module-steamlogin-login .custom-checkbox label {
    flex: 1;
    color: var(--dark_blue);
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-left: 0;
}

/* Disable link underline animation for GDPR checkbox links */
body#module-dbglogin-completereg .custom-checkbox label a::before,
body#module-dbglogin-completereg .custom-checkbox label a:before,
body#module-dbdiscord-completereg .custom-checkbox label a::before,
body#module-dbdiscord-completereg .custom-checkbox label a:before,
body#module-steamlogin-login .custom-checkbox label a::before,
body#module-steamlogin-login .custom-checkbox label a:before {
    opacity: 0 !important;
    width: 0 !important;
}

body#module-dbglogin-completereg .form-footer .btn-primary:hover,
body#module-dbdiscord-completereg .form-footer .btn-primary:hover,
body#module-steamlogin-login .form-footer .btn-primary:hover {
    background: var(--cta__hover) !important;
    opacity: 1 !important;
}

/* Form spacing adjustments */
body#module-dbglogin-completereg .profile-form-container,
body#module-dbdiscord-completereg .profile-form-container,
body#module-steamlogin-login .profile-form-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

body#module-dbglogin-completereg .profile-form-row,
body#module-dbdiscord-completereg .profile-form-row,
body#module-steamlogin-login .profile-form-row {
    display: flex;
    gap: 20px;
    width: 100%;
}

body#module-dbglogin-completereg .profile-form-col,
body#module-dbdiscord-completereg .profile-form-col,
body#module-steamlogin-login .profile-form-col {
    flex: 1;
    min-width: 0;
}

body#module-dbglogin-completereg .profile-form-container .form-footer,
body#module-dbdiscord-completereg .profile-form-container .form-footer,
body#module-steamlogin-login .profile-form-container .form-footer {
    margin-top: 24px;
}

/* Error messages */
body#module-dbglogin-completereg article.alert.alert-danger,
body#module-dbdiscord-completereg article.alert.alert-danger,
body#module-steamlogin-login article.alert.alert-danger {
    background: rgba(211, 58, 62, 0.1) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin: 0 0 20px 0 !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
    body#module-dbglogin-completereg #top_column,
    body#module-dbdiscord-completereg #top_column,
    body#module-steamlogin-login #top_column {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    body#module-dbglogin-completereg #main,
    body#module-dbdiscord-completereg #main,
    body#module-steamlogin-login #main {
        padding-top: 20px;
        padding-bottom: 48px;
    }
    body#module-dbglogin-completereg .register-form .block_header.headline_4,
    body#module-dbdiscord-completereg .register-form .block_header.headline_4,
    body#module-steamlogin-login .register-form .block_header.headline_4 {
        width: 100%;
    }

    body#module-dbglogin-completereg .register-form,
    body#module-dbdiscord-completereg .register-form,
    body#module-steamlogin-login .register-form {
        padding: 36px 16px 16px 16px;
    }

    body#module-dbglogin-completereg .register-form .block_header.headline_3,
    body#module-dbdiscord-completereg .register-form .block_header.headline_3,
    body#module-steamlogin-login .register-form .block_header.headline_3 {
        font-size: 22px;
    }

    body#module-dbglogin-completereg .register-form .block_header.headline_4,
    body#module-dbdiscord-completereg .register-form .block_header.headline_4,
    body#module-steamlogin-login .register-form .block_header.headline_4 {
        font-size: 14px !important;
        margin-bottom: 16px !important;
    }

    body#module-dbglogin-completereg .profile-form-two-column label,
    body#module-dbdiscord-completereg .profile-form-two-column label,
    body#module-steamlogin-login .profile-form-two-column label {
        font-size: 14px !important;
    }

    body#module-dbglogin-completereg .profile-form-row,
    body#module-dbdiscord-completereg .profile-form-row,
    body#module-steamlogin-login .profile-form-row {
        flex-direction: column;
        gap: 15px;
    }

    body#module-dbglogin-completereg .form-footer .btn-primary,
    body#module-dbdiscord-completereg .form-footer .btn-primary,
    body#module-steamlogin-login .form-footer .btn-primary {
        padding: 14px 40px !important;
        font-size: 16px !important;
    }

    body#module-dbglogin-completereg .profile-form-container > .profile-form-row:nth-child(4),
    body#module-dbdiscord-completereg .profile-form-container > .profile-form-row:nth-child(4),
    body#module-steamlogin-login .profile-form-container > .profile-form-row:nth-child(4) {
        display: none !important;
    }

    body#module-dbglogin-completereg .register-form .form-footer,
    body#module-dbdiscord-completereg .register-form .form-footer,
    body#module-steamlogin-login .register-form .form-footer {
        margin-top: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1099px) {
    body#module-dbglogin-completereg #main,
    body#module-dbdiscord-completereg #main,
    body#module-steamlogin-login #main {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}