:root{color:#172033;--ink:#172033;--muted:#657184;--line:#d7dee7;--surface:#fff;--blue:#165d89;--blue-dark:#123d5d;--teal:#08777c;--focus:#f0b429;--shadow:0 20px 56px #16283c21;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.portal-page{background:#eef2f5;grid-template-rows:auto 1fr auto;min-height:100vh;padding:1.5rem 2rem;display:grid}.site-header,.site-footer{width:100%;max-width:72rem;margin:0 auto}.site-header{align-items:center;min-height:4rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.8rem;text-decoration:none;display:inline-flex}.brand:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.logo-mark{object-fit:contain;flex:none;width:3.75rem;height:3.75rem;display:block}.brand-copy{gap:.1rem;line-height:1.1;display:grid}.brand-copy strong{color:#111827;letter-spacing:0;font-size:1.48rem;font-weight:800}.brand-copy small{color:#374151;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:700}.portal-stage{place-items:center;padding:3rem 0;display:grid}.state-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;width:min(100%,28rem);max-width:28rem;padding:2.25rem}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem;font-weight:800}h1{color:var(--ink);letter-spacing:0;margin:0 0 .75rem;font-size:2.35rem;line-height:1.08}p{margin-top:0}.state-panel>p:not(.eyebrow),.site-footer{color:var(--muted);line-height:1.55}button{background:var(--blue-dark);border:1px solid var(--blue-dark);color:#fff;cursor:pointer;border-radius:8px;width:100%;min-height:3.1rem;margin-top:.75rem;padding:.85rem 1rem;font-weight:800;transition:background-color .16s,box-shadow .16s,transform .16s}button:hover{background:var(--blue);transform:translateY(-1px);box-shadow:0 10px 24px #123d5d33}.button-row{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.secondary-button{color:var(--blue-dark);background:#fff;border-color:#a9b5c4}.secondary-button:hover{background:#f5f7f9}.auth-message{border-left:4px solid var(--teal);background:#eef7f6;margin:1rem 0 0;padding:.85rem .95rem;font-size:.92rem;font-weight:700;color:#075d61!important}.access-note{border-top:1px solid var(--line);margin:1.4rem 0 0;padding-top:1rem;font-size:.82rem}.status-mark{background:var(--teal);border-radius:50%;width:.75rem;height:.75rem;margin-bottom:1.25rem;animation:1.4s ease-in-out infinite pulse}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;padding:1rem 0 0;font-size:.82rem;display:flex}@keyframes pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=620px){.portal-page{padding:.85rem}.logo-mark{width:3rem;height:3rem}.brand-copy strong{font-size:1.25rem}.brand-copy small{font-size:.62rem}.portal-stage{align-items:start;padding:2rem 0}.state-panel{padding:1.5rem}h1{font-size:2rem}.button-row{grid-template-columns:1fr}.site-footer{text-align:center;justify-content:center}}