@charset "UTF-8";
/*
* JWL-8533: public JWL pages (M6 assembly UnauthenticatedNewLook: login, password recovery, access
* refused) between the WordPress header and footer, included by the edge Apache from /jwl-shell/.
*
* Built on the WordPress site's Elementor global colours and fonts: the variables hang on
* .elementor-kit-N, which /jwl-shell/header adds to <body>. Fallbacks = DEV values of 2026-10-20.
* Nothing may come from /jwl/public/ (the CMS is shut down). One section per page below the frame.
*/

.pog-public {
box-sizing: border-box;
max-width: 1152px;
margin: 0 auto;
padding: 56px 20px 72px;
color: var(--e-global-color-text, #2B3242);
font-family: var(--e-global-typography-body-font-family, "Lato"), sans-serif;
font-size: 16px;
line-height: 1.6;
}
.pog-public *,
.pog-public *::before,
.pog-public *::after {
box-sizing: border-box;
}
.pog-public h1,
.pog-public h2,
.pog-public h3 {
margin: 0 0 16px;
color: var(--e-global-color-ink, #121B30);
font-family: var(--e-global-typography-formh-font-family, "Plus Jakarta Sans"), sans-serif;
font-weight: 700;
line-height: 1.25;
}
.pog-public h1 { font-size: 36px; }
.pog-public h2 { font-size: 28px; }
.pog-public h3 { font-size: 20px; }
.pog-public p { margin: 0 0 16px; }
.pog-public a {
color: var(--e-global-color-primary, #2F80ED);
text-decoration: none;
}
.pog-public a:hover,
.pog-public a:focus {
color: var(--e-global-color-bluedark, #1E5FC0);
text-decoration: underline;
}
@media (max-width: 767px) {
.pog-public { padding: 32px 16px 48px; }
.pog-public h1 { font-size: 28px; }
.pog-public h2 { font-size: 24px; }
}

.pog-public .pog-card {
padding: 32px;
background: var(--e-global-color-white, #fff);
border: 1px solid #eaeaea;
border-radius: 16px;
box-shadow: 0 12px 38px rgba(18, 27, 48, .06);
}
.pog-public .pog-alert {
margin: 0 0 20px;
padding: 12px 16px;
border-radius: 10px;
font-size: 15px;
}
.pog-public .pog-alert-error {
color: var(--e-global-color-danger, #D93F4C);
background: rgba(217, 63, 76, .08);
}
.pog-public .pog-alert-info {
color: var(--e-global-color-secondary, #172A55);
background: var(--e-global-color-tintbl, rgba(47, 128, 237, .1));
}
.pog-public .pog-form {
display: flex;
flex-direction: column;
gap: 6px;
}
.pog-public .pog-form label {
color: var(--e-global-color-ink, #121B30);
font-family: var(--e-global-typography-tile-font-family, "Plus Jakarta Sans"), sans-serif;
font-size: 15px;
font-weight: 700;
}
.pog-public .pog-form input[type=text],
.pog-public .pog-form input[type=password],
.pog-public .pog-form input[type=email] {
width: 100%;
height: 47px;
margin: 0 0 8px;
padding: 13px 15px;
background: #fafafa;
border: 1px solid #eaeaea;
border-radius: 10px;
box-shadow: none;
color: var(--e-global-color-ink, #121B30);
font-size: 16px;
transition: border-color 240ms ease, box-shadow 240ms ease;
}
.pog-public .pog-form input[type=text]:focus,
.pog-public .pog-form input[type=password]:focus,
.pog-public .pog-form input[type=email]:focus {
outline: none;
border-color: var(--e-global-color-primary, #2F80ED);
box-shadow: 0 0 0 4px var(--e-global-color-tintbl, rgba(47, 128, 237, .15));
}
.pog-public .pog-form-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 16px;
margin: 0 0 8px;
font-size: 15px;
}
.pog-public .pog-form .pog-check {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-family: inherit;
cursor: pointer;
}
.pog-public .pog-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 47px;
padding: 0 22px;
border: 2px solid var(--e-global-color-primary, #2F80ED);
border-radius: 10px;
font-family: var(--e-global-typography-btnlg-font-family, "Plus Jakarta Sans"), sans-serif;
font-size: 15.5px;
font-weight: 700;
line-height: 1;
text-decoration: none;
cursor: pointer;
transition: transform 240ms ease, box-shadow 240ms ease, background-color 240ms ease, color 240ms ease;
}
.pog-public .pog-btn-primary {
width: 100%;
margin-top: 8px;
background-color: var(--e-global-color-primary, #2F80ED);
color: var(--e-global-color-white, #fff);
}
.pog-public .pog-btn-primary:hover,
.pog-public .pog-btn-primary:focus {
background-color: var(--e-global-color-bluedark, #1E5FC0);
border-color: var(--e-global-color-bluedark, #1E5FC0);
color: var(--e-global-color-white, #fff);
transform: translateY(-2px);
box-shadow: 0 12px 38px rgba(47, 128, 237, .35);
text-decoration: none;
}
.pog-public .pog-btn-outline {
background: transparent;
color: var(--e-global-color-primary, #2F80ED);
}
.pog-public .pog-btn-outline:hover,
.pog-public .pog-btn-outline:focus {
background-color: var(--e-global-color-primary, #2F80ED);
color: var(--e-global-color-white, #fff);
text-decoration: none;
}

.pog-public .errorMessages { margin: 0 0 20px; }
.pog-public .errorMessages .message {
margin: 0 0 8px;
padding: 12px 16px;
border-radius: 10px;
font-size: 15px;
color: var(--e-global-color-secondary, #172A55);
background: var(--e-global-color-tintbl, rgba(47, 128, 237, .1));
}
.pog-public .errorMessages .message.error {
color: var(--e-global-color-danger, #D93F4C);
background: rgba(217, 63, 76, .08);
}
.pog-public .errorMessages .message.warning {
color: #8A5A00;
background: rgba(245, 166, 35, .12);
}
.pog-public .pog-alert-success {
color: #1B6B3A;
background: rgba(39, 174, 96, .1);
}
.pog-public .pog-alert p:last-child { margin-bottom: 0; }

.pog-public .pog-auth {
max-width: 520px;
margin: 0 auto;
}
.pog-public .pog-auth .pog-btn-outline {
display: flex;
width: fit-content;
margin: 8px auto 0;
}
.pog-public .pog-steps {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 24px;
padding: 0;
list-style: none;
font-size: 14px;
}
.pog-public .pog-steps li {
padding: 6px 12px;
border-radius: 999px;
background: #f2f4f8;
color: var(--e-global-color-text, #2B3242);
}
.pog-public .pog-steps .pog-step-current {
background: var(--e-global-color-primary, #2F80ED);
color: var(--e-global-color-white, #fff);
font-weight: 700;
}
.pog-public .pog-form .pog-form-label {
color: var(--e-global-color-ink, #121B30);
font-family: var(--e-global-typography-tile-font-family, "Plus Jakarta Sans"), sans-serif;
font-size: 15px;
font-weight: 700;
}
.pog-public .pog-form .pog-form-value { margin: 0 0 8px; }

.pog-public .pog-error { text-align: center; }
.pog-public .pog-error-code {
margin: 0 0 8px;
color: var(--e-global-color-primary, #2F80ED);
font-family: var(--e-global-typography-btnlg-font-family, "Plus Jakarta Sans"), sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
.pog-public .pog-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
margin-top: 8px;
}
.pog-public .pog-actions .pog-btn {
width: auto;
margin: 0;
}

.pog-public .pog-login {
display: grid;
grid-template-columns: minmax(0, 480px) minmax(0, 420px);
justify-content: center;
align-items: start;
gap: 32px;
}
.pog-public .pog-login-join ul {
margin: 0 0 24px;
padding-left: 20px;
}
.pog-public .pog-login-join li { margin: 0 0 8px; }

.pog-public .pog-login-join .pog-btn-outline {
display: flex;
width: fit-content;
margin: 0 auto;
}
@media (max-width: 767px) {
.pog-public .pog-card { padding: 24px 20px; }
.pog-public .pog-login { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}

.pog-fallback-header {
display: block;
background: #fff;
border-bottom: 1px solid #eaeaea;
font-family: "Plus Jakarta Sans", "Lato", Arial, sans-serif;
}
body.polygon-jwl-page .pog-fallback-header { display: none; }
.pog-fallback-inner {
box-sizing: border-box;
max-width: 1152px;
margin: 0 auto;
padding: 16px 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.pog-fallback-logo {
color: #121B30;
font-size: 26px;
font-weight: 700;
text-decoration: none;
}
.pog-fallback-login {
padding: 8px 16px;
border: 1px solid #eaeaea;
border-radius: 10px;
color: #2F80ED;
font-weight: 700;
text-decoration: none;
}
.pog-fallback-login:hover,
.pog-fallback-login:focus { border-color: #2F80ED; }