/* Paleta del acceso PLD: identidad blanca y formulario turquesa. */
main.login-layout {
    background: radial-gradient(circle at 14% 12%, rgba(0, 123, 128, .12), transparent 33rem),
                linear-gradient(145deg, #eef5f6, #f8fafb 55%, #e8f1f3);
}
.login-shell {
    background: #fff;
    border-color: rgba(5, 52, 73, .12);
    box-shadow: 0 2rem 5rem rgba(5, 52, 73, .14);
}
.login-shell .login-identity {
    background: #fff;
    color: #123e4d;
}
.login-shell .login-identity::after { border-color: rgba(0, 123, 128, .12); }
.login-shell .brand-plate {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.login-shell .brand-byline { color: #536c76; }
.login-shell .identity-kicker { color: #00777c; }
.login-shell .identity-copy h1 { color: #063649; }
.login-shell .identity-copy p { color: #496470; }
.login-shell .trust-list > li > span { background: #e5f3f2; color: #00777c; }
.login-shell .trust-list strong { color: #123e4d; }
.login-shell .trust-list small { color: #536c76; }
.login-shell .identity-footnote { color: #536c76; }
.login-shell .identity-footnote span { color: #00777c; }
.login-shell .login-card {
    background: linear-gradient(155deg, #007b80 0%, #00777c 55%, #006c72 100%);
    color: #fff;
}
.login-shell .lock-mark { background: rgba(255,255,255,.14); color: #fff; }
.login-shell .eyebrow { color: #e5f6f4; }
.login-shell .card-heading h2 { color: #fff; }
.login-shell .card-intro { color: #e5f6f4; }
.login-shell .form-field label { color: #fff; }
.login-shell .input-frame { background: #fff; border-color: #d0e8e7; }
.login-shell .input-frame:focus-within {
    border-color: #063649;
    background: #fff;
    box-shadow: 0 0 0 .2rem #f3d895;
}
.login-shell .input-frame > span { color: #486b74; border-color: #d9e6e8; }
.login-shell .input-frame input { color: #123e4d; }
.login-shell .input-frame input::placeholder { color: #607982; opacity: 1; }
.login-shell .password-toggle { color: #486b74; }
.login-shell .password-toggle:hover { background: #e9f4f3; }
.login-shell .button-primary {
    background: #063649;
    border-color: #063649;
    color: #fff;
    box-shadow: 0 .35rem .8rem rgba(3, 39, 52, .17);
}
.login-shell .button-primary:hover:not(:disabled) { background: #092d3d; }
.login-shell .button-secondary {
    background: transparent;
    color: #fff;
    border-color: rgba(255,255,255,.7);
}
.login-shell .button-secondary:hover { background: rgba(255,255,255,.12); }
.login-shell .button:focus-visible,
.login-shell .password-toggle:focus-visible { outline-color: #f3d895; }
.login-shell .login-card .validation-message { color: #fff1d7; font-weight: 600; }
.login-shell .help-note { background: #eef9f7; color: #164a50; border-color: #d0e8e7; }
.login-shell .privacy-note { border-color: rgba(255,255,255,.28); color: #e5f6f4; }
.login-shell .privacy-note strong { color: #fff; }
.login-shell .privacy-note span { color: #e5f6f4; }