/* =========================================================
   Admin sign-in in the website frame (site header + footer).
   Split card + themed fields come from provider-login.css / provider-register.css;
   body padding / fixed header come from provider-register.css.
   ========================================================= */

.al-page {
    position: relative;
    background:
        radial-gradient(900px 500px at 80% -10%, rgba(31, 123, 255, .26), transparent 70%),
        radial-gradient(700px 400px at -10% 110%, rgba(56, 200, 255, .10), transparent 70%),
        var(--hv2-surface);
}
/* faint blurred photo texture behind the card */
.al-main { position: relative; padding: 56px 0 70px; }
.al-main::before {
    content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .14;
    background: var(--pl-bg) center 20% / cover no-repeat; filter: blur(18px) saturate(1.2);
}
html[data-theme="light"] .al-main::before { opacity: .06; }
.al-main > .container { position: relative; }
.al-main .pl-card { width: 100%; }

@media (max-width: 575px) {
    .al-main { padding: 20px 0 40px; }
}