.account-auth--registration {
    --account-blue: #0754a6;
    --account-blue-bright: #126bd5;
    --account-blue-deep: #062f66;
    --account-line: #cbdcf0;
    --account-muted: #55749c;
    background: #fff;
    color: #082c5d;
    font-family: Inter, sans-serif;
    overflow-x: hidden;
}

.account-auth--registration .account-auth-header {
    height: 5.8rem;
    padding: 0;
    pointer-events: none;
}

.account-auth--registration .account-auth-header .container-fluid,
.account-auth--registration .account-auth-header__inner { height: 100%; padding: 0; width: 100%; }
.account-auth--registration .account-auth-header__inner { display: grid; grid-template-columns: 37% 63%; }
.account-auth--registration .navbar-brand { align-items: center; display: flex; padding: 0 3.75rem; pointer-events: auto; }
.account-auth--registration .navbar-brand img { height: 3.2rem; max-width: 18rem; object-fit: contain; opacity: 1 !important; width: auto; }
.account-auth--registration .account-auth-brand-copy { display: flex; flex-direction: column; margin-left: -.25rem; }
.account-auth--registration .account-auth-brand-copy strong { color: #f3ad16; font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; line-height: 1; }
.account-auth--registration .account-auth-brand-copy small { color: #fff; font-size: .63rem; margin-top: .2rem; }
.account-auth--registration .account-auth-language { align-items: center; display: flex; justify-content: flex-end; padding-right: 3rem; pointer-events: auto; }
.account-auth--registration .account-auth-language form { position: relative; }
.account-auth--registration .account-auth-language form::before { color: var(--account-blue); content: "\F3EE"; font-family: bootstrap-icons; left: .85rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
.account-auth--registration .account-auth-language .form-select { border-color: var(--account-line); border-radius: 7px; color: var(--account-blue-deep); font-weight: 600; min-height: 2.7rem; padding-left: 2.25rem; }

.account-auth--registration .account-auth-shell,
.account-auth--registration .account-auth-row { min-height: 100vh; padding: 0; }
.account-auth--registration .account-auth-row { margin: 0; }
.account-auth--registration .account-auth-aside {
    background: linear-gradient(rgba(5,80,163,.91), rgba(3,63,133,.96)), url("../img/plamoges_online_hero_v2.1ea92ace219c.png") center/cover no-repeat;
    flex: 0 0 37%;
    max-width: 37%;
    overflow: hidden;
    padding: 5.8rem 0 0;
}
.account-auth--registration .account-auth-aside::after { background: radial-gradient(circle, rgba(255,255,255,.08), transparent 64%); content: ""; inset: 18% 8% 20%; position: absolute; }
.account-auth--registration .account-auth-aside__content { align-items: center; color: #fff; display: flex; flex-direction: column; justify-content: center; max-width: 39rem; padding: 2rem 3.7rem !important; position: relative; z-index: 1; }
.account-auth--registration .account-auth-aside__content figure { margin: 0; max-width: 31rem; }
.account-auth--registration .account-auth-shield { align-items: center; background: rgba(255,255,255,.08); border-radius: 50%; display: inline-flex; font-size: 4.1rem; height: 8rem; justify-content: center; width: 8rem; }
.account-auth--registration .account-auth-aside blockquote { color: #fff; font-size: 1.75rem; font-weight: 600; line-height: 1.38; margin: 0 auto; }
.account-auth--registration .account-auth-aside__description { color: rgba(255,255,255,.85); font-size: 1rem; line-height: 1.55; margin: 1.25rem auto 0; max-width: 29rem; }
.account-auth--registration .account-auth-benefits { display: grid; gap: 1.4rem; grid-template-columns: repeat(3, 1fr); margin-top: 2.4rem; width: 100%; }
.account-auth--registration .account-auth-benefits div { align-items: center; display: flex; flex-direction: column; min-width: 0; text-align: center; }
.account-auth--registration .account-auth-benefits i { color: #a8d1ff; font-size: 2.2rem; margin-bottom: .65rem; }
.account-auth--registration .account-auth-benefits strong { color: #fff; font-size: .82rem; }
.account-auth--registration .account-auth-benefits span { color: rgba(255,255,255,.78); font-size: .7rem; line-height: 1.4; margin-top: .3rem; }

.account-auth--registration .account-auth-main { align-items: flex-start !important; flex: 0 0 63%; max-width: 63%; padding: 5.8rem 4rem 2rem !important; }
.account-auth--registration .account-auth-form { max-width: 47rem !important; padding-top: .75rem; }
.account-auth--registration .account-auth-back { align-items: center; color: var(--account-blue-bright); display: inline-flex; font-size: .76rem; font-weight: 600; gap: .2rem; margin-bottom: 1.15rem; }
.account-auth--registration .account-auth-progress { align-items: center; color: #7190b5; display: flex; font-size: .76rem; margin: 0 0 1.15rem; }
.account-auth--registration .account-auth-progress strong,
.account-auth--registration .account-auth-progress b { align-items: center; border-radius: 50%; display: flex; font-size: .7rem; height: 2rem; justify-content: center; width: 2rem; }
.account-auth--registration .account-auth-progress strong { background: var(--account-blue-bright); color: #fff; }
.account-auth--registration .account-auth-progress b { background: #e9f0f9; color: #9bb0cb; }
.account-auth--registration .account-auth-progress span { background: linear-gradient(90deg, var(--account-blue-bright), #dce7f4); height: 2px; width: 4rem; }
.account-auth--registration .account-auth-progress em { font-style: normal; margin-left: 1rem; }
.account-auth--registration .account-auth-progress--complete b { background: var(--account-blue-bright); color: #fff; }
.account-auth--registration .account-auth-progress--complete span { background: var(--account-blue-bright); }
.account-auth--registration .account-auth-heading { margin-bottom: 1.45rem !important; text-align: left !important; }
.account-auth--registration .account-auth-heading h1 { color: var(--account-blue-deep); font-size: 2rem; font-weight: 600; letter-spacing: 0; margin-bottom: .55rem; }
.account-auth--registration .account-auth-heading p { color: var(--account-muted); font-size: 1rem; line-height: 1.55; margin: 0; max-width: 42rem; }
.account-auth--registration .account-auth-field { position: relative; }
.account-auth--registration .account-auth-field > i { color: var(--account-blue-bright); font-size: 1.05rem; left: 1rem; pointer-events: none; position: absolute; top: 3.15rem; z-index: 2; }
.account-auth--registration .account-auth-field label { color: var(--account-blue-deep); display: block; font-size: .78rem; font-weight: 600; margin-bottom: .45rem; }
.account-auth--registration .account-auth-field label::before { color: var(--account-blue-bright); font-family: bootstrap-icons; font-size: .95rem; margin-right: .65rem; }
.account-auth--registration .account-auth-field--email label::before { content: "\F32F"; }
.account-auth--registration .account-auth-field--phone label::before { content: "\F4E7"; }
.account-auth--registration .account-auth-field--university label::before { content: "\F6FD"; }
.account-auth--registration .account-auth-field--person label::before { content: "\F4E1"; }
.account-auth--registration .account-auth-field--password label::before { content: "\F47B"; }
.account-auth--registration .account-auth-field .form-control,
.account-auth--registration .account-auth-field .form-select { background-color: #fff; border: 1px solid var(--account-line); border-radius: 7px; color: var(--account-blue-deep); font-size: .9rem; min-height: 3.4rem; padding-left: 3rem; }
.account-auth--registration .account-auth-field .form-control:focus,
.account-auth--registration .account-auth-field .form-select:focus { border-color: var(--account-blue-bright); box-shadow: 0 0 0 3px rgba(18,107,213,.12); }
.account-auth--registration .account-auth-field .bg-light { align-items: center; display: flex; }
.account-auth--registration form > .d-grid .btn { align-items: center; background: linear-gradient(90deg, #0961bf, #126bd5); border: 0; border-radius: 7px; display: flex; font-size: .82rem; font-weight: 600; gap: .75rem; justify-content: center; min-height: 3.2rem; }
.account-auth--registration form > .d-grid .btn:hover { background: var(--account-blue-deep); }
.account-auth--registration form > .text-center { color: var(--account-muted); font-size: .76rem; }
.account-auth--registration form > .text-center p { margin-bottom: .8rem; }
.account-auth--registration form > .text-center a { color: var(--account-blue-bright); font-weight: 600; }
.account-auth--registration .alert-soft-primary { background: #f0f7fe; border: 1px solid #d7e7f8; border-radius: 7px; color: var(--account-blue-deep); font-size: .78rem; }
.account-auth-mobile-copy, .account-auth-mobile-quote { display: none; }

.account-auth--login .account-auth-aside blockquote:not(.account-auth-quote)::after { background: #f4b400; content: ""; display: block; height: 4px; margin: 1.25rem auto 0; width: 3.4rem; }
.account-auth--login .account-auth-aside .account-auth-quote { color: rgba(255,255,255,.9); font-family: Georgia, "Times New Roman", serif; font-size: 1rem; font-style: italic; font-weight: 400; line-height: 1.45; margin: 2.75rem auto 0; max-width: 29rem; padding-bottom: 1rem; position: relative; text-align: left; }
.account-auth--login .account-auth-quote::before { color: #ffc400; content: "\201C"; font-size: 2.2rem; left: -1.8rem; line-height: 1; position: absolute; top: -.2rem; }
.account-auth--login .account-auth-quote::after { background: #ffc400; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; width: 3.2rem; }
.account-auth--login .navbar-brand { position: relative; }
.account-auth--login .account-auth-brand-copy--login { left: 6rem; margin: 0; position: absolute; top: 3.65rem; }
.account-auth--login .account-auth-brand-copy--login small { font-size: .72rem; }
.account-auth--login .account-auth-main { align-items: flex-start !important; padding-top: 3rem !important; }
.account-auth--login .account-auth-form { max-width: 39rem !important; padding-top: 0; }
.account-auth--login .account-auth-heading { margin-bottom: 2rem !important; text-align: center !important; }
.account-auth--login .account-auth-heading__icon { align-items: center; background: #eef6ff; border-radius: 50%; color: var(--account-blue-bright); display: inline-flex; font-size: 2.8rem; height: 7rem; justify-content: center; margin-bottom: 1.2rem; width: 7rem; }
.account-auth--login .account-auth-heading p { margin: 0 auto; max-width: 34rem; }
.account-auth--login .account-auth-separator { align-items: center; color: #8298b4; display: flex; font-size: .76rem; gap: 1rem; margin: 1.35rem 0; }
.account-auth--login .account-auth-separator::before,
.account-auth--login .account-auth-separator::after { background: var(--account-line); content: ""; flex: 1; height: 1px; }
.account-auth--login .account-auth-create { background: #f2f7fd; border-radius: 7px; padding: 1rem; }
.account-auth--login .account-auth-create p { color: var(--account-blue-deep); margin: 0 0 .45rem !important; }
.account-auth--login .account-auth-create > a { align-items: center; display: inline-flex; font-size: .85rem; gap: .55rem; }
.account-auth--login .account-auth-create > a i { font-size: 1.2rem; }
.account-auth--login .account-auth-home-link { margin-top: 1.35rem; }

@media (max-width: 991.98px) {
    .account-auth--registration { background: #eaf3fc; }
    .account-auth--registration .account-auth-header { background: #fff; border-bottom: 1px solid #e6eef7; height: 5.4rem; z-index: 5; }
    .account-auth--registration .account-auth-header__inner { align-items: center; display: flex; flex-wrap: nowrap; }
    .account-auth--registration .navbar-brand { padding: 0 1.1rem; }
    .account-auth--registration .navbar-brand img { height: 2.5rem; max-width: 12.5rem; }
    .account-auth--registration .account-auth-brand-copy strong { font-size: 1rem; }
    .account-auth--registration .account-auth-brand-copy small { color: var(--account-blue-deep); font-size: .52rem; }
    .account-auth--registration .account-auth-language { padding-right: 1rem; }
    .account-auth--registration .account-auth-language .form-select { max-width: 8.5rem; }
    .account-auth--registration .account-auth-row { align-content: flex-start; background: linear-gradient(rgba(238,247,255,.84), rgba(238,247,255,.96)), url("../img/plamoges_online_hero_v2.1ea92ace219c.png") center bottom/cover no-repeat; flex-direction: column; }
    .account-auth--registration .account-auth-aside { display: flex !important; flex: 0 0 22rem; max-width: 100%; min-height: 22rem !important; padding: 5.4rem 1.25rem 1.6rem; width: 100%; }
    .account-auth--registration .account-auth-aside__content { justify-content: flex-start; max-width: 40rem; padding: 1.4rem 0 0 !important; }
    .account-auth--registration .account-auth-aside__content figure { max-width: 34rem; }
    .account-auth--registration .account-auth-shield { font-size: 2.7rem; height: 6.3rem; margin-bottom: .75rem !important; width: 6.3rem; }
    .account-auth--registration .account-auth-aside blockquote:not(.account-auth-quote) { font-size: 1.15rem; line-height: 1.35; max-width: 32rem; }
    .account-auth--registration .account-auth-aside__description { font-size: .85rem; line-height: 1.45; margin-top: .7rem; }
    .account-auth--registration .account-auth-aside blockquote:not(.account-auth-quote)::after { height: 3px; margin-top: .75rem; width: 2.6rem; }
    .account-auth--registration .account-auth-benefits,
    .account-auth--registration .account-auth-aside .account-auth-quote { display: none; }
    .account-auth--registration .account-auth-main { background: #fff; border-radius: 24px 24px 0 0; flex: 0 0 auto; margin-top: -1.5rem; max-width: 100%; min-height: 0; padding: 1.6rem 1.25rem 2.25rem !important; position: relative; width: 100%; z-index: 2; }
    .account-auth--registration .account-auth-form { max-width: 38rem !important; padding-top: 0; }
    .account-auth--registration .account-auth-back { display: none; }
    .account-auth--registration .account-auth-heading h1 { font-size: 1.65rem; }
    .account-auth--registration .account-auth-heading p { font-size: .9rem; }
    .account-auth-mobile-copy { display: inline; }
    .account-auth-desktop-copy { display: none !important; }
    .account-auth--registration .account-auth-progress { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 1.6rem; padding-bottom: 1.6rem; position: relative; }
    .account-auth--registration .account-auth-progress strong { grid-column: 1; grid-row: 1; justify-self: center; }
    .account-auth--registration .account-auth-progress b { grid-column: 2; grid-row: 1; justify-self: center; }
    .account-auth--registration .account-auth-progress span { left: 25%; position: absolute; right: 25%; top: 1rem; width: auto; }
    .account-auth--registration .account-auth-progress small,
    .account-auth--registration .account-auth-progress em { font-size: .72rem; line-height: 1.25; margin: .55rem 0 0; text-align: center; }
    .account-auth--registration .account-auth-progress small { color: var(--account-blue-deep); display: block; font-weight: 600; grid-column: 1; grid-row: 2; }
    .account-auth--registration .account-auth-progress em { grid-column: 2; grid-row: 2; }
    .account-auth--login .account-auth-aside { flex-basis: 23rem; min-height: 23rem !important; }
    .account-auth--login .account-auth-main { align-items: flex-start !important; padding-top: 1.8rem !important; }
    .account-auth--login .account-auth-heading { margin-bottom: 1.7rem !important; }
    .account-auth--login .account-auth-heading__icon { display: none; }
    .account-auth--login .account-auth-mobile-quote { background: linear-gradient(rgba(240,247,254,.86), rgba(240,247,254,.96)), url("../img/plamoges_online_hero_v2.1ea92ace219c.png") center bottom/cover no-repeat; color: var(--account-blue-deep); display: block; flex: 0 0 auto; min-height: 11rem; padding: 2.2rem 2rem 3rem; text-align: center; width: 100%; }
    .account-auth--login .account-auth-mobile-quote blockquote { font-family: Georgia, "Times New Roman", serif; font-size: 1rem; font-style: italic; line-height: 1.5; margin: 0 auto; max-width: 22rem; padding-bottom: 1.2rem; position: relative; }
    .account-auth--login .account-auth-mobile-quote blockquote::after { background: #ffc400; bottom: 0; content: ""; height: 3px; left: 50%; position: absolute; transform: translateX(-50%); width: 3rem; }
}

@media (max-width: 575.98px) {
    .account-auth--registration .navbar-brand { padding-right: .25rem; }
    .account-auth--registration .navbar-brand img { height: 2.2rem; max-width: 9rem; }
    .account-auth--registration .account-auth-brand-copy strong { font-size: .82rem; }
    .account-auth--registration .account-auth-brand-copy small { display: block; font-size: .46rem; }
    .account-auth--registration .account-auth-language { padding-right: .75rem; }
    .account-auth--registration .account-auth-language .form-select { color: var(--account-blue-deep); font-size: .72rem; max-width: 7rem; padding-left: 2rem; width: 7rem; }
    .account-auth--login .navbar-brand { position: static; }
    .account-auth--login .account-auth-brand-copy--login { display: flex; left: auto; margin-left: -.25rem; position: static; top: auto; }
    .account-auth--registration .account-auth-heading { margin-bottom: 1.5rem !important; }
    .account-auth--registration .account-auth-heading h1 { font-size: 1.45rem; }
    .account-auth--registration .account-auth-field { margin-bottom: 1.15rem !important; }
    .account-auth--registration .account-auth-aside { flex-basis: 21.5rem; min-height: 21.5rem !important; }
    .account-auth--login .account-auth-aside { flex-basis: 22rem; min-height: 22rem !important; }
    .account-auth--login .account-auth-heading h1 { font-size: 1.4rem; }
    .account-auth--login .account-auth-heading p { font-size: .9rem; max-width: 19rem; }
}