body[data-path="login"] { background: linear-gradient(145deg, #e7eef4 0%, #f5f7f9 54%, #e9eef2 100%); color:#142c42; min-height:100vh; }
body[data-path="login"]::before { content:""; position:fixed; left:0; right:0; top:0; height:10px; background:#163b58; z-index:100; }
body[data-path="login"] .page-card { background:#fff; border:1px solid #cad5df; border-top:5px solid #163b58; box-shadow:0 13px 38px rgba(12,35,55,.14); border-radius:4px; max-width:530px; padding:36px 38px 30px; }
body[data-path="login"] .page-card-head { gap:14px; align-items:flex-start; }
body[data-path="login"] .page-card-head .app-logo { display:block; width:auto; max-width:min(100%,360px); height:auto; max-height:96px; object-fit:contain; object-position:left center; margin:0 0 12px; }
body[data-path="login"] .page-card-head h4 { font-size:30px !important; letter-spacing:-.02em; line-height:1.2; color:#132c43 !important; }
body[data-path="login"] .page-card-head .page-card-subtitle { font-size:16px; line-height:1.55; color:#42566a; }
body[data-path="login"] .hiowc-org { font-size:12px; line-height:1.45; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#254a66; margin:0 0 5px; }
body[data-path="login"] .hiowc-security { border-top:1px solid #d8e1e7; padding-top:17px; margin-top:16px; color:#4c5d6c; font-size:13px; line-height:1.5; }
body[data-path="login"] .page-card label { font-weight:650; color:#17374f; }
body[data-path="login"] .form-control { min-height:44px; border:1px solid #9caeba; border-radius:3px; }
body[data-path="login"] .form-control:focus { outline:3px solid #ffdd58; outline-offset:1px; border-color:#1b4665; box-shadow:none; }
body[data-path="login"] .page-card-actions .es-button[data-variant="solid"] { background:#173f5d; border-color:#173f5d; color:#fff; min-height:46px; border-radius:3px; font-weight:700; }
body[data-path="login"] .page-card-actions .es-button[data-variant="solid"]:hover { background:#0d2e46; }
body[data-path="login"] .page-card-actions .es-button:focus-visible, body[data-path="login"] a:focus-visible { outline:3px solid #ffdd58; outline-offset:3px; }
body[data-path="login"] a { color:#164968; }
body[data-path="login"] .sign-up-message { display:none !important; }
@media (max-width:600px) { body[data-path="login"] .page-card { border-radius:0; width:100%; padding:24px 20px; box-shadow:none; } body[data-path="login"] .page-card-head h4 { font-size:26px !important; } }
body[data-path="login"] .page-card-head .app-logo { width:100%; max-width:100%; height:122px; max-height:none; padding:18px 22px; box-sizing:border-box; object-fit:contain; object-position:center center; background:#153b58; border:1px solid #0e2f47; border-radius:3px; margin:0 0 10px; }
/* Force-wide identity header, consistent with the approved HIOWC reversed wordmark. */
body[data-path="login"]::before {height:112px; background:#153b58; box-shadow:0 2px 5px rgba(10,28,45,.16); }
body[data-path="login"] .page-card-head .app-logo { position:fixed; top:18px; left:max(24px, calc((100vw - 1100px) / 2)); z-index:120; width:390px; max-width:calc(100vw - 48px); height:76px; max-height:76px; padding:0; margin:0; background:transparent; border:0; border-radius:0; object-fit:contain; object-position:left center; }
body[data-path="login"] .page-card { margin-top:125px; border-top:1px solid #cad5df; }
@media (max-width:600px) { body[data-path="login"]::before {height:100px;} body[data-path="login"] .page-card-head .app-logo {top:20px;left:20px;width:calc(100vw - 40px);height:60px;max-height:60px;} body[data-path="login"] .page-card { margin-top:105px; } }