/* LOGIN — awalan pg-auth */
.pg-auth { padding: 56px 24px 8px; }
.pg-auth-shell { max-width: 940px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; box-shadow: var(--s-shadow-lg); }
.pg-auth-info { background: linear-gradient(150deg, var(--s-navy), #0e3a52); color: #fff; padding: 44px 40px; border-right: 3px solid var(--s-gold); }
.pg-auth-info .site-eyebrow { color: #e6c36f; }
.pg-auth-info h1 { margin: 0 0 14px; font: 700 30px/1.25 var(--s-serif); }
.pg-auth-info p { margin: 0 0 22px; color: #c9d5e5; line-height: 1.7; }
.pg-auth-info ul { list-style: none; padding: 0; margin: 0 0 26px; display: grid; gap: 12px; font-size: 14px; color: #dbe5f2; }
.pg-auth-info li { display: flex; gap: 10px; align-items: center; }
body.site .pg-auth-info a.pg-auth-public { color: #e6c36f; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
body.site .pg-auth-info a.pg-auth-public:hover { text-decoration: underline; }
.pg-auth-form { padding: 44px 40px; }
.pg-auth-form h2 { margin: 0 0 4px; font: 700 26px var(--s-serif); color: var(--s-navy); }
.pg-auth-sub { margin: 0 0 24px; color: var(--s-muted); }
@media (max-width: 760px) {
    .pg-auth { padding: 24px 16px 0; }
    .pg-auth-shell { grid-template-columns: 1fr; }
    .pg-auth-info { border-right: 0; border-bottom: 3px solid var(--s-gold); padding: 30px 24px; }
    .pg-auth-form { padding: 30px 24px; }
}

.pg-auth-logo { display: block; height: 64px; width: auto; max-width: 100%; margin-bottom: 22px; }
.pg-pass { position: relative; }
.pg-pass .site-input { padding-right: 48px; }
.pg-pass-toggle { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 38px; height: 38px; border: 0; background: transparent; color: var(--s-faint); border-radius: 8px; cursor: pointer; }
.pg-pass-toggle:hover { color: var(--s-teal); background: var(--s-teal-soft); }
.pg-pass-toggle:focus-visible { outline: 3px solid rgba(15, 118, 110, .35); }
.pg-pass-toggle .eye-off { display: none; }
.pg-pass-toggle.is-visible .eye-on { display: none; }
.pg-pass-toggle.is-visible .eye-off { display: inline; }

input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear { display: none !important; }