/* Match the existing main website: 130px logo and 88px navigation bar. */
.brand-logo{display:block;width:130px;max-width:100%;height:auto;object-fit:contain}
.brand{flex-shrink:0}
body>header{min-height:88px;padding:12px 32px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 24px;width:100%}
.invitation h2{font-size:19px;margin:0 0 6px}
.invitation p{color:inherit;margin:6px 0;font-size:14px}
.invitation a{font-weight:650}
.signin-back{max-width:530px;margin:0 auto}
.signin-back+.auth{margin-top:16px}
button,.button{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.button.secondary:hover,.button.secondary:focus-visible{background:#234c78;color:#fff;border-color:#234c78}
.signin-back .button.secondary:hover,.signin-back .button.secondary:focus-visible{background:#eef2f6;color:var(--ink);border-color:#b8c4d1}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}
.access-landing,.access-auth{min-height:100dvh;display:flex;flex-direction:column}
.access-landing main,.access-auth main{width:100%;min-height:0;flex:1;padding:20px 32px}
.access-landing main{display:flex;flex-direction:column;gap:20px}
.access-landing .hero{max-width:none;padding:0}
.access-landing .hero .eyebrow{font-size:11px;margin:0 0 8px}
.access-landing .hero h1{font-size:clamp(30px,3.5vw,46px);margin:0 0 10px;letter-spacing:-1.4px}
.access-landing .hero>p:last-child{font-size:17px;margin:0}
.access-landing .cards .card{padding:24px}
.access-landing .choice h2{margin:12px 0 8px}
.access-landing .choice p{margin:8px 0}
.access-landing .choice strong{margin-top:16px}
.access-landing .invitation{margin:0;padding:14px 20px}
.access-landing footer,.access-auth footer{width:100%;padding:16px 32px}
.access-auth .auth{margin-bottom:0;padding:24px 32px}
.access-auth .auth h1{margin:12px 0 16px;font-size:36px}
.access-auth .auth .eyebrow{margin:0}
.access-auth .auth>p{margin:10px 0}
.access-auth .auth label{margin:12px 0}
.access-auth .auth>a{margin-top:14px}
@media(max-width:720px){
  body>header{padding:12px 20px}
  .access-landing main,.access-auth main{padding:20px}
  .access-landing footer,.access-auth footer{padding:16px 20px}
  .access-auth .auth{padding:24px}
}