:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#142e49;background:#fff}*{box-sizing:border-box}body{margin:0}a{color:#086aae;text-underline-offset:4px}header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid #d9e6ef;background:#fff}.brand{font-weight:800;letter-spacing:.16em;font-size:24px;color:#142e49;text-decoration:none}.shop{white-space:nowrap;text-decoration:none;min-height:44px;display:flex;align-items:center}main{max-width:740px;margin:auto;padding:64px 24px}section{border:1px solid #d9e6ef;border-radius:14px;padding:36px}h1{font-size:38px;line-height:1.16;margin:20px 0}p{color:#62798e;line-height:1.65;margin:16px 0}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:bold;color:#086aae}.status{display:inline-block;padding:8px 12px;border-radius:5px;background:#e5f5ed;color:#13704f;font-size:14px;font-weight:bold}button,.button{display:flex;justify-content:center;gap:12px;width:100%;min-height:48px;align-items:center;padding:14px 18px;border:1px solid #086aae;border-radius:7px;background:#086aae;color:white;font:inherit;font-weight:bold;text-decoration:none;cursor:pointer}form{margin-top:28px}.secondary{background:#f1f8fc;color:#086aae;border-color:#cde1ef}.small{font-size:13px}aside{margin-top:28px;padding:24px;border-radius:10px;background:#f2f8fc;font-size:14px}aside p{margin:8px 0 12px}dl{margin:28px 0}dt{color:#62798e;font-size:13px;margin-top:20px}dd{margin:8px 0;overflow-wrap:anywhere}:focus-visible{outline:3px solid #086aae;outline-offset:4px}@media(max-width:600px){header{padding:14px 20px}.brand{font-size:20px}main{padding:28px 16px}section{padding:24px 20px}h1{font-size:30px}}
.sign-in-error{padding:14px 16px;border:1px solid #efc7cc;border-radius:7px;background:#fff5f6;color:#9b283a;overflow-wrap:anywhere}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;line-height:1;white-space:nowrap}
.brand img{display:block;flex:none;width:34px;height:auto;aspect-ratio:228/229}
@media(max-width:600px){
  header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:14px 16px}
  .brand{grid-column:2;justify-self:center;gap:7px;font-size:clamp(12.5px,4vw,19px);letter-spacing:.12em}
  .brand img{width:26px}
  .shop{grid-column:3;justify-self:end}
}
