:root {
    --eta-navy: #071b48;
    --eta-blue: #0879bc;
    --eta-cyan: #11b9d8;
    --eta-green: #14bc91;
    --eta-ink: #0a1d48;
    --eta-text: #53627d;
    --eta-muted: #7c899f;
    --eta-line: #dfe8f0;
}

html:has(body.eta-login-page) { min-height: 100%; background: #e8f8fb; }
body.eta-login-page {
    min-width: 320px;
    min-height: 100%;
    color: var(--eta-ink);
    background: #e8f8fb;
    font-family: "Noto Sans", "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}
.eta-login-skip {
    position: fixed; top: 12px; left: 12px; z-index: 10000; padding: 11px 15px;
    border-radius: 9px; color: var(--eta-ink) !important; background: #fff;
    font-size: 12px; font-weight: 800; transform: translateY(-160%); transition: transform .2s ease;
}
.eta-login-skip:focus { transform: translateY(0); }
.eta-login-page .container-login {
    min-height: 100svh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 34px;
    overflow: auto;
    isolation: isolate;
    background:
        radial-gradient(circle at 8% 5%, rgba(32,199,223,.24), transparent 27%),
        radial-gradient(circle at 94% 92%, rgba(8,121,188,.17), transparent 28%),
        linear-gradient(145deg,#e9fbfe,#f8fcfd 52%,#e2f1f6);
}
.eta-login-page .container-login::before,
.eta-login-page .container-login::after {
    content: ""; position: fixed; z-index: -1; border: 1px solid rgba(17,185,216,.16); border-radius: 50%;
}
.eta-login-page .container-login::before { width: 420px; height: 420px; right: -180px; top: -210px; box-shadow: 0 0 0 65px rgba(17,185,216,.03); }
.eta-login-page .container-login::after { width: 300px; height: 300px; left: -140px; bottom: -160px; box-shadow: 0 0 0 55px rgba(8,121,188,.03); }

.eta-login-page .panel-login {
    width: min(1160px,100%);
    min-height: min(700px,calc(100svh - 68px));
    max-width: none;
    max-height: none;
    position: relative;
    display: grid;
    grid-template-columns: 43% 57%;
    flex: none;
    border: 1px solid rgba(255,255,255,.88);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 35px 90px rgba(6,61,89,.19), 0 8px 23px rgba(6,61,89,.08);
    overflow: hidden;
    animation: eta-login-in .65s cubic-bezier(.22,.68,.22,1) both;
}
.eta-login-page .panel-login > .eta-login-brand {
    width: 100%; max-width: none; min-width: 0; position: relative; display: flex; flex: none;
    flex-direction: column; align-items: stretch; justify-content: flex-start; padding: 48px 56px 42px;
    color: #fff; background: linear-gradient(155deg,#14bbd5 0%,#079dc2 54%,#087db8 100%); overflow: hidden;
}
.eta-login-brand::before {
    content: ""; position: absolute; inset: 0; opacity: .65;
    background: radial-gradient(circle at 18% 8%,rgba(255,255,255,.2),transparent 26%), linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size: auto,48px 48px,48px 48px;
}
.eta-login-brand::after {
    content: ""; position: absolute; width: 380px; height: 380px; right: -190px; bottom: -175px;
    border: 2px solid rgba(255,255,255,.16); border-radius: 46% 54% 61% 39% / 48% 40% 60% 52%;
    box-shadow: 0 0 0 48px rgba(255,255,255,.045),0 0 0 98px rgba(255,255,255,.025); transform: rotate(24deg);
}
.eta-login-brand-main, .eta-login-benefits, .eta-login-signature { position: relative; z-index: 1; }
.eta-login-logo { width: min(300px,100%); height: auto; display: block; margin: 0 0 48px; }
.eta-login-kicker { display: block; margin-bottom: 11px; color: rgba(255,255,255,.8); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eta-login-brand-main h1 { margin: 0; color: #fff; font-size: clamp(35px,3.4vw,46px); font-weight: 800; letter-spacing: -.045em; line-height: 1.06; }
.eta-login-brand-main h1 span { display: block; margin-top: 5px; color: #d9fbff; }
.eta-login-rule { width: 58px; height: 4px; margin: 25px 0 23px; border-radius: 99px; background: #fff; opacity: .9; }
.eta-login-brand-main > p { max-width: 390px; margin: 0; color: rgba(255,255,255,.85); font-size: 14px; line-height: 1.65; }
.eta-login-benefits { margin-top: auto; padding-top: 31px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.eta-login-benefits > div > span { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 9px; border: 1px solid rgba(255,255,255,.5); border-radius: 11px; background: rgba(255,255,255,.1); font-size: 15px; }
.eta-login-benefits strong { display: block; color: rgba(255,255,255,.9); font-size: 8px; line-height: 1.45; }
.eta-login-signature { margin-top: 22px; padding-top: 15px; display: flex; justify-content: space-between; gap: 15px; border-top: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.63); font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.eta-login-page .panel-login > .eta-login-access {
    width: 100%; min-width: 0; position: relative; display: flex; flex: none; flex-direction: column;
    align-items: center; justify-content: center; padding: 42px 58px 32px; overflow: visible;
    background: radial-gradient(circle at 100% 0%,rgba(17,185,216,.065),transparent 35%),linear-gradient(145deg,#fff,#fbfdfe);
}
.eta-login-access-inner { width: min(100%,520px); margin: auto; }
.eta-login-heading { margin-bottom: 23px; }
.eta-login-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px; color: #078cac; font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.eta-login-eyebrow::before { content: ""; width: 22px; height: 2px; border-radius: 9px; background: var(--eta-cyan); }
.eta-login-heading h2 { margin: 0 0 10px; color: var(--eta-ink); font-size: clamp(28px,2.5vw,35px); font-weight: 800; letter-spacing: -.04em; line-height: 1.08; }
.eta-login-heading p { max-width: 470px; margin: 0; color: var(--eta-text); font-size: 13px; line-height: 1.58; }
.eta-login-page #adianti_div_content { width: 100%; min-height: 260px; }
.eta-login-page #adianti_div_content > [page-name="LoginForm"],
.eta-login-page #adianti_div_content > [page-name="LoginFormAdmin"] { width: 100%; }
.eta-login-page #login-wrapper { width: 100%; max-width: none !important; margin: 0 !important; }
.eta-login-page #login-wrapper > .login-medium-logo,
.eta-login-page #login-wrapper > h1 { display: none !important; }
.eta-login-page .login-content [page-name="LoginForm"] .card.panel,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .card.panel { margin: 0; border: 1px solid var(--eta-line); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 13px 31px rgba(6,64,91,.07); overflow: visible; }
.eta-login-page .login-content [page-name="LoginForm"] .card-header,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .card-header,
.eta-login-page .login-content [page-name="LoginForm"] .panel-heading,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .panel-heading { min-height: auto; padding: 16px 20px 5px; border: 0; background: transparent; }
.eta-login-page .login-content [page-name="LoginForm"] .card-title,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .card-title,
.eta-login-page .login-content [page-name="LoginForm"] .panel-title,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .panel-title { margin: 0; color: var(--eta-ink) !important; font-size: 14px !important; font-weight: 800 !important; text-align: left !important; }
.eta-login-page .login-content [page-name="LoginForm"] .card-body,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .card-body,
.eta-login-page .login-content [page-name="LoginForm"] .panel-body,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .panel-body { padding: 11px 20px 14px; }
.eta-login-page .login-content .tformrow { margin-bottom: 10px; }
.eta-login-page .login-content .form-group { margin-bottom: 0; }
.eta-login-page .login-content [page-name="LoginForm"] .tfield,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .tfield,
.eta-login-page .login-content .select2-selection { width: 100% !important; min-height: 49px !important; height: 49px !important; padding-left: 42px !important; border: 1px solid #d8e4ea !important; border-radius: 11px !important; color: var(--eta-ink) !important; background: #fbfdfe !important; font-family: "Noto Sans",sans-serif; font-size: 12px !important; box-shadow: none !important; transition: border-color .2s ease,box-shadow .2s ease; }
.eta-login-page .login-content .tfield:focus,
.eta-login-page .login-content .select2-container--focus .select2-selection { border-color: rgba(17,185,216,.75) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(17,185,216,.1) !important; }
.eta-login-page .login-content .tfield::placeholder { color: #7c899f !important; opacity: 1 !important; }
.eta-login-page .login-content .select2-selection__placeholder { color: #7c899f !important; opacity: 1 !important; }
.eta-login-page .login-content .login-avatar { left: 15px; height: 49px; color: #078bad; font-size: 14px; }
.eta-login-page .login-content .select2-container { width: 100% !important; }
.eta-login-page .login-content .select2-selection__rendered { height: 47px !important; padding: 14px 30px 0 0 !important; color: var(--eta-ink) !important; font-size: 12px; line-height: 1.2 !important; }
.eta-login-page .login-content .select2-selection__arrow { height: 47px !important; }
.eta-login-page .login-content [page-name="LoginForm"] .card-footer,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .card-footer,
.eta-login-page .login-content [page-name="LoginForm"] .panel-footer,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .panel-footer { padding: 0 20px 20px; border: 0; background: transparent; }
.eta-login-page .login-content [page-name="LoginForm"] .btn,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .btn { width: 100% !important; min-height: 51px !important; height: 51px !important; margin: 0 !important; border: 0 !important; border-radius: 11px !important; color: #fff !important; background: linear-gradient(118deg,#15bed8,#087eb9) !important; box-shadow: 0 12px 25px rgba(8,137,180,.24) !important; font-family: "Noto Sans",sans-serif; font-size: 13px !important; font-weight: 800 !important; transition: transform .2s ease,box-shadow .2s ease; }
.eta-login-page .login-content [page-name="LoginForm"] .btn::before,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .btn::before { content: "\f2f6"; margin-right: 9px; font: 900 14px/1 "Font Awesome 5 Free"; }
.eta-login-page .login-content [page-name="LoginForm"] .btn span,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .btn span,
.eta-login-page .login-content [page-name="LoginForm"] .btn i,
.eta-login-page .login-content [page-name="LoginFormAdmin"] .btn i { color: #fff !important; }
.eta-login-page .login-content .btn:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(8,137,180,.32) !important; }
.eta-login-page .g-recaptcha { max-width: 100%; overflow: hidden; transform-origin: left top; }
.eta-login-links { margin-top: 14px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 15px; }
.eta-login-links a { display: inline-flex; align-items: center; gap: 6px; color: var(--eta-text) !important; font-size: 10px; font-weight: 650; }
.eta-login-links a:hover { color: #078bad !important; text-decoration: none; }
.eta-admin-link { opacity: .6; }
.eta-login-security { margin: 11px 0 0; display: flex; justify-content: center; gap: 7px; color: var(--eta-muted); font-size: 10px; font-weight: 600; }
.eta-login-security i { color: var(--eta-green); }
body.eta-login-page:has([page-name="LoginFormAdmin"]) .eta-login-links a { display: none; }
body.eta-login-page:has([page-name="LoginFormAdmin"]) .eta-login-links a:first-child { display: inline-flex; }
@keyframes eta-login-in { from { opacity: 0; transform: translateY(20px) scale(.99); } to { opacity: 1; transform: none; } }
@media (max-width: 900px) {
    html:has(body.eta-login-page), body.eta-login-page { height: auto; min-height: 100%; position: static; }
    .eta-login-page .container-login { display: block; min-height: 100svh; padding: 20px; overflow: visible; }
    .eta-login-page .panel-login { width: min(680px,100%); min-height: 0; margin: 0 auto; grid-template-columns: 1fr; }
    .eta-login-page .panel-login > .eta-login-brand { min-height: 540px; padding: 42px 45px 36px; }
    .eta-login-brand-main > p { max-width: 500px; }
    .eta-login-page .panel-login > .eta-login-access { padding: 47px 45px 36px; }
}
@media (max-width: 560px) {
    .eta-login-page .container-login { padding: 10px; }
    .eta-login-page .panel-login { border-radius: 20px; }
    .eta-login-page .panel-login > .eta-login-brand { min-height: 570px; padding: 33px 22px 28px; }
    .eta-login-logo { margin-bottom: 38px; }
    .eta-login-brand-main h1 { font-size: 35px; }
    .eta-login-benefits { gap: 8px; }
    .eta-login-benefits strong { font-size: 7px; }
    .eta-login-page .panel-login > .eta-login-access { padding: 38px 18px 28px; }
    .eta-login-heading h2 { font-size: 29px; }
}
@media (max-width: 360px) { .eta-login-page .g-recaptcha { transform: scale(.86); margin-bottom: -11px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }