/* Interim sign-in screen: replaced by the portal app at the same URL (wiki 36/tracston-customer-portal-move, CPM-0). */
.pl-main{min-height:100svh;display:grid;align-items:center;padding:110px 0 70px;background:radial-gradient(60% 60% at 75% 40%,rgba(88,220,248,.08),transparent 70%),radial-gradient(120% 90% at 50% 20%,#07102a 0%,#03070f 60%)}
.pl-wrap{max-width:1100px;margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,6vw,90px);align-items:center;width:100%}
.pl-intro h1{font-size:clamp(34px,4vw,56px);line-height:1.06;text-wrap:balance}
.pl-intro p:not(.eyebrow){margin:20px 0 0;color:var(--body);font-size:18px;font-weight:300;max-width:520px}
.pl-card{padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(12,20,40,.8),rgba(5,9,20,.8));box-shadow:0 30px 80px -40px rgba(0,0,0,.8)}
.pl-card h2{font-size:28px}
.pl-sub{margin:6px 0 22px;color:var(--muted)}
#pl-form{display:grid;gap:16px}
#pl-form label{display:grid;gap:6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
#pl-form input{height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:rgba(3,7,15,.7);color:var(--ink);font:inherit;font-size:16px;letter-spacing:0;text-transform:none}
#pl-form input:focus{outline:2px solid var(--cyan);outline-offset:1px}
#pl-form .button{justify-content:center;margin-top:6px}
.pl-notice{margin-top:22px;padding:18px;border-radius:12px;border:1px solid rgba(88,220,248,.35);background:rgba(88,220,248,.06)}
.pl-notice p{margin:8px 0 14px;color:var(--body);font-size:15px}
.pl-actions{display:flex;flex-wrap:wrap;gap:10px}
.pl-links{margin:18px 0 0;font-size:14px}.pl-links a{color:var(--cyan)}
@media (max-width:860px){.pl-wrap{grid-template-columns:1fr}.pl-intro p:not(.eyebrow){font-size:16px}}