@property --hb-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@property --hb-heat {
    syntax: "<number>";
    inherits: false;
    initial-value: .2;
}

.hb-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    height: 3.25rem;
    min-width: 13.125rem;
    margin: 0;
    padding: 0 2rem;
    font: 700 .96875rem/1 var(--font-heading);
    letter-spacing: .02em;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.hb-btn svg {
    flex: none;
    width: 1.0625rem;
    height: 1.0625rem;
}

.hb-btn:focus-visible {
    outline: .125rem solid #F0CF80;
    outline-offset: .375rem;
}

.hb-btn:active {
    translate: 0 .0625rem;
}

.hb-btn--ember {
    border: .09375rem solid transparent;
    border-radius: .875rem;
    background:
        radial-gradient(ellipse 80% 90% at 50% 130%, rgba(244, 142, 52, var(--hb-heat)), transparent 70%) padding-box,
        linear-gradient(180deg, #1F1610, #120C08) padding-box,
        conic-gradient(from var(--hb-angle), rgba(224, 120, 44, .18), #F08A3A 14%, #FFD88C 20%, #F08A3A 26%, rgba(224, 120, 44, .18) 42%, rgba(224, 120, 44, .18) 58%, #F08A3A 72%, #FFD88C 78%, #F08A3A 84%, rgba(224, 120, 44, .18)) border-box;
    box-shadow: 0 0 0 .25rem rgba(9, 7, 5, .7), 0 0 1.875rem -.5rem rgba(240, 130, 50, .55);
    color: #FFE0A3;
    text-shadow: 0 0 .875rem rgba(255, 160, 70, .45);
    animation: hb-orbit 5s linear infinite;
    transition: --hb-heat .4s, box-shadow .4s, color .3s, translate .1s;
}

.hb-btn--ember:hover {
    --hb-heat: .55;
    box-shadow: 0 0 0 .25rem rgba(9, 7, 5, .7), 0 0 2.875rem -.375rem rgba(250, 150, 60, .75);
    color: #FFF1CC;
}

:root:not([data-theme="dark"]) .hb-btn--ember {
    background:
        radial-gradient(ellipse 80% 90% at 50% 130%, rgba(111, 180, 232, var(--hb-heat)), transparent 70%) padding-box,
        linear-gradient(180deg, #FFFFFF, #E6F3FD) padding-box,
        conic-gradient(from var(--hb-angle), rgba(111, 180, 232, .25), #6FB4E8 14%, #BFE3FA 20%, #6FB4E8 26%, rgba(111, 180, 232, .25) 42%, rgba(111, 180, 232, .25) 58%, #6FB4E8 72%, #BFE3FA 78%, #6FB4E8 84%, rgba(111, 180, 232, .25)) border-box;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .72), 0 0 1.5rem -.5rem rgba(95, 168, 222, .55);
    color: #1E4568;
    text-shadow: none;
}

:root:not([data-theme="dark"]) .hb-btn--ember:hover {
    --hb-heat: .38;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .72), 0 0 2.25rem -.375rem rgba(95, 168, 222, .75);
    color: #0F2E4A;
}

:root:not([data-theme="dark"]) .hb-btn:focus-visible {
    outline-color: #6FB4E8;
}

.hb-btn--steel {
    --hb-halo: .25rem;
    border: .09375rem solid transparent;
    border-radius: .875rem;
    background:
        radial-gradient(ellipse 80% 90% at 50% 130%, rgba(196, 192, 184, var(--hb-heat)), transparent 70%) padding-box,
        linear-gradient(180deg, #1E1D1B, #121110) padding-box,
        conic-gradient(from var(--hb-angle), rgba(150, 146, 138, .18), #8E8A82 14%, #D9D5CC 20%, #8E8A82 26%, rgba(150, 146, 138, .18) 42%, rgba(150, 146, 138, .18) 58%, #8E8A82 72%, #D9D5CC 78%, #8E8A82 84%, rgba(150, 146, 138, .18)) border-box;
    box-shadow: 0 0 0 var(--hb-halo) rgba(9, 9, 8, .7), 0 0 1.5rem -.5rem rgba(196, 192, 184, .35);
    color: #D2CEC5;
    animation: hb-orbit 5s linear infinite;
    transition: --hb-heat .4s, box-shadow .4s, color .3s, translate .1s;
}

.hb-btn--steel:hover {
    --hb-heat: .45;
    box-shadow: 0 0 0 var(--hb-halo) rgba(9, 9, 8, .7), 0 0 2rem -.375rem rgba(196, 192, 184, .5);
    color: #F2EFE8;
}

.hb-btn--steel:focus-visible {
    outline-color: #BDB8AE;
}

@keyframes hb-orbit {
    to {
        --hb-angle: 360deg;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hb-btn--ember,
    .hb-btn--steel {
        animation: none;
        transition: none;
    }
}

.hb-btn.hb-btn--icon {
    gap: 0;
    width: 2.5rem;
    min-width: 0;
    height: 2.5rem;
    padding: 0;
    border-radius: 50%;
}

.hb-btn.hb-btn--pill {
    gap: .5rem;
    min-width: 0;
    height: 2.5rem;
    padding: 0 .875rem;
    border-radius: 1.25rem;
    font-size: .8125rem;
}

.hb-btn--pill > span {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
}

.hb-btn.hb-btn--tab {
    min-width: 0;
    height: 2.75rem;
    padding: 0 1rem;
    font-size: .875rem;
}

.hb-btn--tab[aria-selected="false"] {
    opacity: .72;
}

.hb-btn--tab[aria-selected="true"] {
    --hb-heat: .55;
    color: #FFF1CC;
}

:root:not([data-theme="dark"]) .hb-btn--tab[aria-selected="true"] {
    --hb-heat: .38;
    color: #0F2E4A;
}

.hb-btn--icon > span:empty {
    display: none;
}

.hb-btn--icon svg {
    width: 1.125rem;
    height: 1.125rem;
}

.hb-btn.hb-btn--sm.hb-btn--icon {
    width: 1.875rem;
    height: 1.875rem;
    --hb-halo: .125rem;
}

.hb-btn--sm.hb-btn--icon svg {
    width: .875rem;
    height: .875rem;
}

.l-wrapper:has(.ag),
.l-wrapper:has(.ag):has(.c-sidebar.is-collapsed) {
    padding: 0;
}

.l-wrapper:has(.ag) .l-main {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.l-wrapper:has(.ag) .l-page {
    max-width: none;
    padding: 0;
}

body:has(.ag) .c-mobile-bar {
    display: none;
}

.ag {
    --ag-serif: Georgia, 'Times New Roman', serif;
    --ag-sans: 'Ct Open Sans', 'Segoe UI', system-ui, sans-serif;
    --ag-bg: #FFFFFF;
    --ag-card: #F6F4EF;
    --ag-card-2: #FDFCFA;
    --ag-line: #E7E3D9;
    --ag-line-2: #D9D2C3;
    --ag-ink: #24201A;
    --ag-ink-2: #575145;
    --ag-muted: #958E80;
    --ag-gold: color-mix(in srgb, var(--gold, #C9A84C) 84%, #5A3F08);
    --ag-gold-ink: color-mix(in srgb, var(--gold, #C9A84C) 55%, #3A2806);
    --ag-gold-soft: color-mix(in srgb, var(--ag-gold) 16%, transparent);
    --ag-glass: rgb(255 255 255 / .7);
    --ag-glass-hover: rgb(255 255 255 / .92);
    --ag-art-panel-light: url('/assets/panel/images/auth/pane.webp?v=8502530c');
    --ag-art-panel-dark: url('/assets/panel/images/auth/pane-dark.webp?v=64c7a6c2');
    --ag-art-veil-light: url('/assets/panel/images/auth/gate-light.webp?v=a8c4e133');
    --ag-art-veil-dark: url('/assets/panel/images/auth/gate.webp?v=a4017da3');
    --ag-card-opacity: .9;
    --ag-danger: #B4473A;
    --ag-danger-soft: rgb(180 71 58 / .12);
    --ag-ok: #3F9A5C;
    --ag-night: #0F0D0B;
    --ag-night-ink: #EFE6D2;
    --ag-ease: cubic-bezier(.2, .8, .2, 1);
    --ag-gate: cubic-bezier(.77, 0, .18, 1);

    --white: var(--ag-card-2);
    --bone: var(--ag-card-2);
    --ivory: var(--ag-card);
    --parchment: var(--ag-line);
    --stone-100: var(--ag-line);
    --stone-200: var(--ag-line-2);
    --stone-300: var(--ag-line-2);
    --stone-400: var(--ag-muted);
    --stone-500: var(--ag-muted);
    --stone-600: var(--ag-ink-2);
    --stone-700: var(--ag-ink-2);
    --stone-800: var(--ag-ink);
    --stone-900: var(--ag-ink);
    --red: var(--ag-danger);

    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    isolation: isolate;
    background-color: var(--ag-bg);
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    color: var(--ag-ink);
    font: .875rem/1.5 var(--ag-sans);
}

[data-theme="dark"] .ag {
    --ag-bg: #12100D;
    --ag-card: #1A1713;
    --ag-card-2: #211D18;
    --ag-line: #2C2720;
    --ag-line-2: #3B342A;
    --ag-ink: #EDE5D3;
    --ag-ink-2: #BDB29A;
    --ag-muted: #7F7664;
    --ag-gold: var(--gold, #D2AA55);
    --ag-gold-ink: color-mix(in srgb, var(--gold, #D2AA55) 70%, #fff);
    --ag-glass: rgb(16 13 10 / .55);
    --ag-glass-hover: rgb(26 21 16 / .78);
    --ag-danger: #E2654C;
    --ag-danger-soft: rgb(226 101 76 / .14);
    --ag-ok: #5FB57E;
}

.ag *,
.ag *::before,
.ag *::after {
    box-sizing: border-box;
}

.ag::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: var(--ag-art-panel-light) center / cover no-repeat;
    pointer-events: none;
}

[data-theme="dark"] .ag::before {
    background-image: var(--ag-art-panel-dark);
}

.ag__defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.ag__pane {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 1.625rem 2.5rem;
    transition: opacity .5s .35s, translate .8s .2s var(--ag-ease), filter .5s .35s;
}

.ag__top {
    display: flex;
    align-items: center;
    min-height: 2.375rem;
}

.ag__pane--register .ag__top {
    justify-content: flex-end;
}

.ag__pane--login,
.ag__pane--forgot {
    grid-area: 1 / 1;
}

.ag__pane--register {
    grid-area: 1 / 2;
}

.ag__main {
    display: grid;
    flex: 1;
    place-items: center;
    padding: 1.75rem 0;
}

.ag:not(.is-register) .ag__pane--register,
.ag:not(.is-forgot) .ag__pane--forgot,
.ag.is-forgot .ag__pane--login,
.ag.is-register .ag__pane--login {
    opacity: 0;
    filter: blur(.5rem);
    pointer-events: none;
    transition-delay: 0s;
}

.ag:not(.is-register) .ag__pane--register {
    translate: -3rem 0;
}

.ag.is-register .ag__pane--login {
    translate: 3rem 0;
}

.ag:not(.is-forgot) .ag__pane--forgot {
    translate: 0 .875rem;
}

.ag.is-forgot .ag__pane--login {
    translate: 0 -.875rem;
}

.ag__box {
    position: relative;
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    border: .0625rem solid var(--stone-200);
    border-radius: 1.25rem;
    opacity: var(--ag-card-opacity);
    background: linear-gradient(180deg, var(--white) 0%, var(--bone) 100%);
    box-shadow: inset 0 0 0 .0625rem rgb(255 255 255 / .7), 0 0 0 .0625rem var(--stone-200), 0 0 0 .25rem var(--ivory), 0 0 0 .3125rem var(--stone-200), 0 1.5rem 5rem rgb(0 0 0 / .1);
}

[data-theme="dark"] .ag__box {
    background: linear-gradient(180deg, var(--bone) 0%, var(--white) 100%);
    box-shadow: inset 0 0 0 .0625rem rgb(255 255 255 / .03), 0 0 0 .0625rem var(--stone-200), 0 0 0 .25rem var(--ivory), 0 0 0 .3125rem var(--stone-200), 0 1.5rem 5rem rgb(0 0 0 / .4);
}

.ag__box::before {
    content: "";
    position: absolute;
    inset: .1875rem;
    z-index: 10;
    border: .0625rem solid rgb(0 0 0 / .04);
    border-radius: inherit;
    pointer-events: none;
}

.ag__body {
    padding: 1.5rem 1.5rem 1.75rem;
}

.ag .c-login__logo {
    margin: 0 0 .375rem;
}

.ag .c-login__subtitle {
    margin: 0;
}

.ag .c-login__head .c-divider {
    animation: none;
}

.ag__form {
    display: block;
    padding: 0;
    gap: 0;
}

.ag__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .625rem;
    margin: .125rem 0 1.375rem;
}

.ag__link {
    color: var(--ag-ink-2);
    font: 600 .8125rem var(--ag-serif);
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: .1875rem;
    transition: color .2s, text-decoration-color .2s;
}

.ag__link:hover {
    color: var(--ag-gold-ink);
    text-decoration-color: currentColor;
}

.ag__agree {
    margin-bottom: 1.375rem;
}

.ag__back {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    height: 2.5rem;
    padding: 0 1.125rem 0 .3125rem;
    border: 0;
    border-radius: 62.4375rem;
    background: var(--ag-glass);
    box-shadow: 0 .375rem 1.5rem -.5rem rgb(0 0 0 / .4);
    backdrop-filter: blur(.5rem);
    color: var(--ag-ink);
    font: 700 .8125rem var(--ag-serif);
    letter-spacing: .02em;
    text-decoration: none;
    cursor: pointer;
    transition: background .25s, color .25s, box-shadow .25s, translate .1s;
}

.ag__back svg {
    flex: none;
    width: 1.75rem;
    height: 1.75rem;
    padding: .4375rem;
    border-radius: 50%;
    background: var(--ag-gold-soft);
    color: var(--ag-gold-ink);
    transition: translate .25s var(--ag-ease), background .25s;
}

.ag__back:hover {
    background: var(--ag-glass-hover);
    box-shadow: 0 .5rem 1.75rem -.5rem rgb(216 181 96 / .45);
    color: var(--ag-gold-ink);
}

.ag__back:hover svg {
    translate: -.125rem 0;
    background: color-mix(in srgb, var(--ag-gold) 26%, transparent);
}

.ag__back:active {
    translate: 0 .0625rem;
}

.ag__back:focus-visible,
.ag__brand:focus-visible,
.ag__link:focus-visible {
    outline: .125rem solid var(--ag-gold);
    outline-offset: .1875rem;
}

[data-theme="dark"] .ag__moon,
:root:not([data-theme="dark"]) .ag__sun {
    display: none;
}

.ag__veil {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 5;
    width: 50%;
    isolation: isolate;
    color: var(--ag-night-ink);
    will-change: translate;
    transition: translate .95s var(--ag-gate);
}

.ag__stage {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    background: #E9EEF3;
}

[data-theme="dark"] .ag__stage {
    background: var(--ag-night);
}

.ag__stage::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgb(0 0 0 / .2), rgb(0 0 0 / .2)),
        linear-gradient(180deg, rgb(9 7 5 / .6), transparent 9.375rem),
        linear-gradient(0deg, rgb(9 7 5 / .97) 0%, rgb(9 7 5 / .9) 18%, rgb(9 7 5 / .4) 38%, transparent 55%);
    pointer-events: none;
}

:root:not([data-theme="dark"]) .ag__stage::after {
    background:
        linear-gradient(180deg, rgb(255 255 255 / .42), transparent 9.375rem),
        linear-gradient(0deg, rgb(255 255 255 / .8) 0%, rgb(255 255 255 / .73) 18%, rgb(255 255 255 / .33) 38%, transparent 55%);
}

.ag__seam {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4;
    width: 1rem;
    background:
        linear-gradient(180deg, transparent, #D8B560 24%, #F6DC97 50%, #D8B560 76%, transparent) center / .125rem 100% no-repeat,
        linear-gradient(180deg, transparent 12%, rgb(216 181 96 / .55) 50%, transparent 88%) calc(50% - .3125rem) 0 / .0625rem 100% no-repeat,
        linear-gradient(180deg, transparent 12%, rgb(216 181 96 / .55) 50%, transparent 88%) calc(50% + .3125rem) 0 / .0625rem 100% no-repeat;
    pointer-events: none;
    transition: opacity .35s .55s;
}

.ag__seam::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .3125rem;
    height: 3.5rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, #FBEBBE, #C99A3F);
    translate: -50% -50%;
}

.ag__seam--l {
    left: 0;
    translate: -50% 0;
}

.ag__seam--r {
    right: 0;
    translate: 50% 0;
}

.ag:not(.is-register) .ag__seam--r,
.ag.is-register .ag__seam--l {
    opacity: 0;
    transition-delay: 0s;
}

.ag.is-register .ag__veil {
    translate: -100% 0;
}

.ag__scene {
    position: absolute;
    inset: 0 auto 0 -100%;
    width: 200%;
    overflow: hidden;
    background: #E9EEF3 var(--ag-art-veil-light) center / cover no-repeat;
    will-change: translate;
    transition: translate .95s var(--ag-gate);
}

.ag.is-register .ag__scene {
    translate: 50% 0;
}

[data-theme="dark"] .ag__scene {
    background-color: var(--ag-night);
    background-image: var(--ag-art-veil-dark);
}

.ag__veil-top {
    position: absolute;
    top: 1.625rem;
    right: 2rem;
    left: 2rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.ag__tools {
    display: flex;
    align-items: center;
    gap: .625rem;
}

.ag__tools .c-locale {
    margin-right: 0;
}

.ag__brand {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    color: var(--ag-night-ink);
    font: 700 .9375rem var(--ag-serif);
    letter-spacing: .14em;
    text-decoration: none;
    text-transform: uppercase;
}

.ag__sigil {
    display: block;
    flex: none;
    width: 2rem;
    height: 2rem;
}

.ag__veil .ag__back {
    --ag-glass: rgb(10 9 7 / .45);
    --ag-glass-hover: rgb(10 9 7 / .7);
    --ag-gold-ink: #F0CF80;
    color: var(--ag-night-ink);
}

.ag__veil .ag__back:hover {
    color: #F6DC97;
}

.ag__band {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 0 2.5rem 2.5rem;
    container-type: inline-size;
}

.ag__band-rule {
    position: relative;
    height: .0625rem;
    margin: 0 0 1.625rem;
    background: linear-gradient(90deg, rgb(216 181 96 / .75), rgb(216 181 96 / .18) 65%, transparent);
}

.ag__band-msgs {
    display: grid;
}

.ag__band-msg {
    display: flex;
    flex-wrap: wrap;
    grid-area: 1 / 1;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem 2.5rem;
    transition: opacity .45s .3s, translate .6s .25s var(--ag-ease), visibility 0s;
}

.ag.is-register .ag__band-msg--login,
.ag.is-forgot .ag__band-msg--login,
.ag:not(.is-register) .ag__band-msg--register,
.ag:not(.is-forgot) .ag__band-msg--forgot {
    visibility: hidden;
    opacity: 0;
    translate: 0 .875rem;
    pointer-events: none;
    transition: opacity .25s, translate .3s, visibility 0s .3s;
}

.ag__band-copy {
    max-width: 27.5rem;
}

.ag__band-copy h2 {
    margin: 0;
    color: #F8E9C4;
    font: 700 clamp(1.875rem, 2.7vw, 2.75rem)/1.1 var(--ag-serif);
    letter-spacing: -.005em;
}

.ag__band-copy p {
    margin: .625rem 0 0;
    color: #C7BA9C;
    font-size: .9375rem;
    line-height: 1.6;
}

.ag__band-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
}

.ag .ag__band-link {
    color: #CDBF9F;
    font: 600 .84375rem var(--ag-serif);
    text-decoration: underline;
    text-decoration-color: rgb(216 181 96 / .35);
    text-underline-offset: .25rem;
    transition: color .2s, text-decoration-color .2s;
}

.ag .ag__band-link:hover {
    color: #F6DC97;
    text-decoration-color: currentColor;
}

.ag .ag__band-link:focus-visible {
    outline: .125rem solid #F0CF80;
    outline-offset: .1875rem;
    border-radius: .1875rem;
}

@container (max-width: 48.75rem) {
    .ag__band-actions {
        flex-direction: row;
        gap: 1.375rem;
    }
}

.ag__switch,
.ag__veil-top .ag__back {
    display: none;
}

.ag .c-field,
.ag .c-reg-field,
.ag .c-select {
    margin-bottom: 1rem;
    animation: none;
}

.ag .c-reg-field:nth-child(n),
.ag .c-field:nth-child(n) {
    animation-delay: 0s;
}

.ag .c-field__label,
.ag .c-reg-field__label {
    display: flex;
    align-items: center;
    gap: .4375rem;
    margin-bottom: .5rem;
    color: var(--ag-ink-2);
    font: 700 .6875rem var(--ag-serif);
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ag .c-field__label svg,
.ag .c-reg-field__label svg {
    width: .8125rem;
    height: .8125rem;
    color: var(--ag-muted);
}

.ag .c-field__req,
.ag .c-reg-field__req,
.ag .c-field__label .c-field__req {
    margin: 0;
    color: var(--ag-danger);
    font-size: .6875rem;
}

.ag .c-field__input,
.ag .c-reg-field__input,
.ag .c-captcha__input {
    width: 100%;
    height: 2.875rem;
    padding: 0 .875rem;
    border: .0625rem solid var(--ag-line-2);
    border-radius: .75rem;
    background: var(--ag-card-2);
    color: var(--ag-ink);
    font: 400 .875rem/1 var(--ag-sans);
    box-shadow: none;
    transition: border-color .2s, box-shadow .2s;
}

.ag .c-field__input {
    padding-right: 3rem;
}

.ag .c-field__input::placeholder,
.ag .c-reg-field__input::placeholder,
.ag .c-captcha__input::placeholder {
    color: var(--ag-muted);
    opacity: .8;
}

.ag .c-field__input:hover,
.ag .c-reg-field__input:hover {
    border-color: var(--ag-line-2);
}

.ag .c-field__input:focus,
.ag .c-reg-field__input:focus,
.ag .c-captcha__input:focus {
    outline: none;
    border-color: var(--ag-gold);
    background: var(--ag-card-2);
    box-shadow: 0 0 0 .25rem var(--ag-gold-soft);
}

.ag .c-field.has-error .c-field__input,
.ag .c-reg-field.has-error .c-reg-field__input,
.ag .c-reg-field.has-error .c-select__trigger,
.ag .c-select.has-error .c-select__trigger {
    border-color: var(--ag-danger);
}

.ag .c-field.has-error .c-field__input:focus,
.ag .c-reg-field.has-error .c-reg-field__input:focus {
    box-shadow: 0 0 0 .25rem var(--ag-danger-soft);
}

.ag .c-field.has-error .c-field__label,
.ag .c-field.has-error .c-field__label svg {
    color: var(--ag-danger);
}

.ag .c-field.has-success .c-field__input {
    border-color: var(--ag-line-2);
}

.ag .c-field.has-success .c-field__label,
.ag .c-field.has-success .c-field__label svg {
    color: var(--ag-ink-2);
}

.ag .c-field__input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 2.5rem var(--ag-card-2) inset;
    -webkit-text-fill-color: var(--ag-ink);
    caret-color: var(--ag-ink);
}

.ag .c-field__status {
    display: none;
}

.ag .c-field__toggle,
.ag .c-field.has-error .c-field__toggle,
.ag .c-field.has-success .c-field__toggle {
    top: 50%;
    right: .375rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5625rem;
    color: var(--ag-muted);
}

.ag .c-field__toggle:hover {
    background: var(--ag-gold-soft);
    color: var(--ag-gold-ink);
}

.ag .c-field__toggle svg {
    width: 1rem;
    height: 1rem;
}

.ag .c-field__msg-text,
.ag .c-field__msg--error .c-field__msg-text,
.ag .c-reg-field__error .c-field__msg-text,
.ag .c-select__err .c-field__msg-text {
    color: var(--ag-danger);
    font-size: .7812rem;
}

.ag .c-field__msg-icon,
.ag .c-field__msg--error .c-field__msg-icon {
    color: var(--ag-danger);
}

.ag .c-pw-strength {
    gap: .625rem;
    margin-top: .5rem;
}

.ag .c-pw-strength__bars {
    gap: .25rem;
}

.ag .c-pw-strength__bar {
    height: .25rem;
    border-radius: .125rem;
    background: var(--ag-line-2);
}

.ag .c-pw-strength__bar.active-weak {
    background: var(--ag-danger);
}

.ag .c-pw-strength__bar.active-fair {
    background: #CF8A37;
}

.ag .c-pw-strength__bar.active-good {
    background: var(--ag-gold);
}

.ag .c-pw-strength__bar.active-strong {
    background: var(--ag-ok);
}

.ag .c-pw-strength__label {
    min-width: 4.375rem;
    color: var(--ag-muted);
    font-size: .75rem;
    text-align: right;
}

.ag .c-pw-strength__label.weak {
    color: var(--ag-danger);
}

.ag .c-pw-strength__label.fair {
    color: #CF8A37;
}

.ag .c-pw-strength__label.good {
    color: var(--ag-gold-ink);
}

.ag .c-pw-strength__label.strong {
    color: var(--ag-ok);
}

.ag .c-select__trigger {
    height: 2.875rem;
    padding: 0 2.75rem 0 .875rem;
    border: .0625rem solid var(--ag-line-2);
    border-radius: .75rem;
    background: var(--ag-card-2);
    color: var(--ag-ink);
    font: 400 .875rem/1 var(--ag-sans);
    box-shadow: none;
}

.ag .c-select__trigger:hover {
    border-color: var(--ag-line-2);
}

.ag .c-select.is-open .c-select__trigger {
    border-color: var(--ag-gold);
    background: var(--ag-card-2);
    box-shadow: 0 0 0 .25rem var(--ag-gold-soft);
}

.ag .c-select__dropdown {
    border: .0625rem solid var(--ag-line-2);
    border-radius: .75rem;
    background: var(--ag-card-2);
    box-shadow: 0 1.125rem 2.5rem -1rem rgb(20 14 6 / .45);
}

.ag .c-select__option {
    color: var(--ag-ink-2);
    font-size: .8438rem;
}

.ag .c-select__option:hover,
.ag .c-select__option.is-selected {
    background: var(--ag-gold-soft);
    color: var(--ag-ink);
}

.ag .c-reg-field__login-row {
    display: flex;
    gap: 0;
}

.ag .c-reg-field__login-row .c-select--prefix {
    margin: 0;
    flex: none;
}

.ag .c-select--prefix .c-select__trigger {
    min-width: 5.25rem;
    border-right: 0;
    border-radius: .75rem 0 0 .75rem;
    padding: 0 1.875rem 0 .875rem;
    width: auto;
    max-width: 11rem;
    white-space: nowrap;
}

.ag .c-select--prefix .c-select__trigger-label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ag .c-reg-field__login-row .c-reg-field__input {
    border-radius: 0 .75rem .75rem 0;
    padding-right: .875rem;
}

.ag .c-reg-field__hint {
    color: var(--ag-muted);
    font-size: .8125rem;
}

.ag .c-reg-field__error {
    margin-top: .375rem;
}

.ag .c-check,
.ag .c-reg-check {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    color: var(--ag-ink-2);
    font: 400 .8125rem/1.4 var(--ag-sans);
    cursor: pointer;
    user-select: none;
}

.ag .c-check__box,
.ag .c-reg-check__box {
    display: grid;
    flex: none;
    place-items: center;
    width: 1.125rem;
    height: 1.125rem;
    border: .0625rem solid var(--ag-line-2);
    border-radius: .3125rem;
    background: var(--ag-card-2);
    color: #FFF;
    transition: background .2s, border-color .2s;
}

.ag .c-check__box svg,
.ag .c-reg-check__box svg {
    width: .75rem;
    height: .75rem;
}

.ag .c-check__input:checked + .c-check__box,
.ag .c-reg-check__input:checked + .c-reg-check__box {
    border-color: var(--ag-gold);
    background: var(--ag-gold);
}

.ag .c-check.has-error .c-check__box,
.ag .c-reg-check.has-error .c-reg-check__box {
    border-color: var(--ag-danger);
}

.ag .c-reg-check a {
    color: var(--ag-ink);
    font-family: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--ag-gold) 50%, transparent);
    text-underline-offset: .1875rem;
}

.ag .c-reg-check a:hover {
    color: var(--ag-gold-ink);
}

.ag .c-captcha {
    margin: 0 0 1rem;
}

.ag .key-drop {
    margin: 0 -.5rem;
}

.ag .c-login__sep {
    margin: 1.125rem 0;
}

.ag .c-login__socials {
    margin-bottom: 0;
}

.ag__signup {
    display: flex;
    align-items: center;
    gap: .875rem;
    margin-bottom: 1.25rem;
    padding: .875rem 1rem;
    border: .0625rem solid color-mix(in srgb, var(--ag-gold) 45%, var(--ag-line-2));
    border-radius: .875rem;
    background: color-mix(in srgb, var(--ag-gold) 8%, var(--ag-card-2));
}

.ag__signup-icon {
    display: grid;
    flex: none;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: .0625rem solid var(--ag-line-2);
    border-radius: 50%;
    background: var(--ag-card);
    color: var(--ag-ink);
}

.ag__signup-icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.ag__signup-body {
    flex: 1;
    min-width: 0;
}

.ag__signup-title {
    color: var(--ag-ink);
    font: 700 .875rem/1.3 var(--ag-serif);
}

.ag__signup-text {
    margin-top: .125rem;
    color: var(--ag-muted);
    font-size: .75rem;
    line-height: 1.4;
}

.ag .ag__signup-cancel {
    flex: none;
    align-self: flex-start;
    color: var(--ag-muted);
    font: 600 .75rem var(--ag-serif);
    text-decoration: underline;
    text-underline-offset: .1875rem;
}

.ag .ag__signup-cancel:hover {
    color: var(--ag-gold-ink);
}

.ag .c-field__input[readonly] {
    background: var(--ag-card);
    color: var(--ag-ink-2);
    cursor: default;
}

.ag .c-notice {
    margin-bottom: 1rem;
}

@media (max-width: 56.25rem) {
    .ag {
        display: flex;
        flex-direction: column;
    }

    .ag__veil {
        position: relative;
        left: auto;
        order: -1;
        width: auto;
        padding: 1rem 1rem 1.25rem;
        translate: none !important;
    }

    .ag__veil::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 3;
        background: linear-gradient(90deg, transparent, rgb(216 181 96 / .6), transparent) left bottom / 100% .0625rem no-repeat;
        pointer-events: none;
    }

    .ag__seam {
        display: none;
    }

    .ag__scene {
        inset: 0;
        width: auto;
        translate: none !important;
    }

    .ag__veil-top {
        position: static;
    }

    .ag__veil-top .ag__brand {
        display: none;
    }

    .ag__veil-top .ag__back {
        display: inline-flex;
    }

    .ag__band {
        display: none;
    }

    .ag__switch {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        margin: 1.25rem .25rem .25rem;
    }

    .ag__pane {
        display: none;
        min-height: 0;
        padding: 1.625rem 1rem 2.25rem;
        opacity: 1 !important;
        translate: none !important;
        pointer-events: auto !important;
    }

    .ag:not(.is-register):not(.is-forgot) .ag__pane--login,
    .ag.is-register .ag__pane--register,
    .ag.is-forgot .ag__pane--forgot {
        display: flex;
    }

    .ag__top {
        display: none;
    }

    .ag__main {
        padding: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag *,
    .ag *::before,
    .ag *::after {
        animation: none !important;
        transition: none !important;
    }
}

:root:not([data-theme="dark"]) .ag__brand {
    color: var(--ag-ink);
}

:root:not([data-theme="dark"]) .ag__band-copy h2 {
    color: var(--ag-ink);
}

:root:not([data-theme="dark"]) .ag__band-copy p {
    color: var(--ag-ink-2);
}

:root:not([data-theme="dark"]) .ag .ag__band-link {
    color: var(--ag-ink-2);
    text-decoration-color: rgb(154 120 40 / .45);
}

:root:not([data-theme="dark"]) .ag .ag__band-link:hover {
    color: var(--ag-gold-ink);
}

:root:not([data-theme="dark"]) .ag__veil .ag__back {
    --ag-glass: rgb(255 255 255 / .72);
    --ag-glass-hover: rgb(255 255 255 / .92);
    --ag-gold-ink: #7A5A1A;
    color: var(--ag-ink);
}

.ag--solo {
    grid-template-columns: 1fr;
}

.ag--solo .ag__top {
    justify-content: space-between;
    gap: .75rem;
}

.ag__foot {
    margin: 1.25rem 0 0;
    color: var(--ag-ink-2);
    font-size: .8125rem;
    text-align: center;
}

.ag__foot .ag__link {
    margin-left: .25rem;
    font-weight: 700;
}

@media (max-width: 56.25rem) {
    .ag--solo .ag__pane {
        display: flex;
        min-height: 100vh;
        min-height: 100dvh;
    }

    .ag--solo .ag__top {
        display: flex;
    }

    .ag--solo .ag__main {
        padding: 1.75rem 0;
    }
}

@property --ag-haze-l {
    syntax: "<number>";
    inherits: false;
    initial-value: 1;
}

@property --ag-haze-r {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

@media (min-width: 56.3125rem) {
    :root:not([data-theme="dark"]) .ag__stage::after {
        --ag-haze-l: 1;
        --ag-haze-r: 0;
        background:
            linear-gradient(90deg, rgb(255 255 255 / calc(.51 * var(--ag-haze-l))), rgb(255 255 255 / calc(.25 * var(--ag-haze-l))) 7%, rgb(255 255 255 / calc(.08 * var(--ag-haze-l))) 15%, transparent 26%),
            linear-gradient(270deg, rgb(255 255 255 / calc(.51 * var(--ag-haze-r))), rgb(255 255 255 / calc(.25 * var(--ag-haze-r))) 7%, rgb(255 255 255 / calc(.08 * var(--ag-haze-r))) 15%, transparent 26%),
            linear-gradient(180deg, rgb(255 255 255 / .42), transparent 9.375rem),
            linear-gradient(0deg, rgb(255 255 255 / .8) 0%, rgb(255 255 255 / .73) 18%, rgb(255 255 255 / .33) 38%, transparent 55%);
        transition: --ag-haze-l .35s .55s, --ag-haze-r .35s 0s;
    }

    :root:not([data-theme="dark"]) .ag.is-register .ag__stage::after {
        --ag-haze-l: 0;
        --ag-haze-r: 1;
        transition: --ag-haze-l .35s 0s, --ag-haze-r .35s .55s;
    }
}

@property --ag-reveal-r {
    syntax: "<length>";
    inherits: true;
    initial-value: 0px;
}

html.is-theme-reveal::view-transition-old(root),
html.is-theme-reveal::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}

html.is-theme-reveal::view-transition-old(root) {
    z-index: 1;
}

html.is-theme-reveal::view-transition-new(root) {
    z-index: 2;
    mask-image: radial-gradient(circle at var(--ag-rx, 50%) var(--ag-ry, 50%), #000 calc(var(--ag-reveal-r) - 6rem), transparent var(--ag-reveal-r));
}

html.is-theme-reveal *,
html.is-theme-reveal *::before,
html.is-theme-reveal *::after {
    transition: none !important;
}