:root{--account-navy:#102a43;--account-blue:#155bd7;--account-muted:#66758a;--account-border:#dce3ec}
body.account-access{min-height:100vh;background:linear-gradient(160deg,#f7f9fc 0%,#eef3f9 100%);color:var(--account-navy)}
.account-shell{width:min(100% - 28px,540px);margin:0 auto;padding:36px 0}
.account-card{background:#fff;border:1px solid var(--account-border);border-radius:18px;box-shadow:0 18px 48px rgba(21,42,72,.1);overflow:hidden}
.account-card-body{padding:clamp(24px,5vw,38px)}
.account-brand{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #edf1f5}
.account-brand-logo{display:block;object-fit:contain;margin:0 auto 8px}.account-brand-logo.solutions{width:112px;height:82px}.account-brand-logo.catv-pro{width:145px;height:72px}
.account-brand-pair{display:flex;align-items:center;justify-content:center;gap:20px}.account-brand-pair span{width:1px;height:52px;background:#dbe2eb}.account-brand-pair .account-brand-logo{margin:0}.account-brand-pair .solutions{width:92px;height:68px}.account-brand-pair .catv-pro{width:118px;height:62px}
.account-portal-name{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--account-muted)}
.account-person-name{font-size:1.25rem;font-weight:800;margin-top:12px;color:var(--account-navy)}.account-username{font-size:.88rem;color:var(--account-muted);margin-top:2px}
.account-step{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--account-blue);margin-bottom:6px}.account-card h1{font-size:1.75rem;font-weight:800}.account-help{color:var(--account-muted)}
.account-card .form-control{min-height:48px;border-color:#cbd5e1}.account-card .btn{min-height:46px;font-weight:700}.account-card .form-text{color:var(--account-muted)}
.account-notice{border-radius:10px;background:#f1f6ff;border:1px solid #d6e4fb;padding:14px;color:#294d7a}
@media(max-width:480px){.account-shell{padding:16px 0}.account-card-body{padding:22px}.account-brand-pair{gap:12px}.account-card h1{font-size:1.5rem}}