:root{color-scheme:light;font-family:'Segoe UI',Arial,sans-serif;color:#223247;background:#f6f7f9}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
.landing-shell{min-height:100dvh;display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#f4f7fa,#fff)}
.access-card{width:min(460px,100%);display:grid;gap:28px;padding:32px;border:1px solid #dfe5ec;border-top:4px solid #002244;border-radius:8px;background:#fff;box-shadow:0 18px 50px rgba(0,34,68,.08)}
.brand-logo{display:block;width:150px;height:auto}
.access-copy{display:grid;gap:8px}
.eyebrow{margin:0;color:#748196;font-size:12px;font-weight:650;letter-spacing:1.6px}
h1{margin:0;color:#002244;font-size:clamp(26px,5vw,32px);font-weight:650;line-height:1.22;letter-spacing:-.8px}
.access-copy>p:last-child{margin:0;color:#647286;font-size:15px;line-height:1.6}
.sign-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:11px 17px;border-radius:5px;background:#002244;color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s ease}
.sign-in-label{display:inline-flex;align-items:center;gap:10px}
.sign-in-label svg{flex:none}
.sign-in:hover{background:#224466}
.sign-in:focus-visible{outline:3px solid #446688;outline-offset:3px}
.sign-in svg{flex:none}
@media(max-width:480px){.landing-shell{padding:16px}.access-card{padding:26px 22px;gap:24px}}