/* GB Tyres Brand Guide 2023: original artwork and locally hosted OFL fonts. */
@font-face { font-family: Montserrat; src: url('/fonts/Montserrat[wght].woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: Montserrat; src: url('/fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'); font-weight: 800; font-style: italic; font-display: swap; }
:root { --gb-blue: #00365F; --gb-cyan: #00AADB; --gb-grey: #575756; --gb-font: Montserrat, Calibri, Arial, sans-serif; }
body { font-family: var(--gb-font); font-size: 16px; }
button, input, select, textarea { font-family: inherit; }
.gbWordmark { display: block; width: 192px; max-width: 100%; height: auto; object-fit: contain; }
.authCard > .gbWordmark { width: 212px; margin: 0 0 30px; }
body .authCard h1 { font-weight: 800; letter-spacing: -.035em; line-height: 1.24; }
.authCard .eyebrow { color: #40677f; font-size: 11px; letter-spacing: .12em; }
.authShell .authCard label { font-size: 13px; }
.authCard .muted { color: #536a79; line-height: 1.7; font-size: 13px; }
.authCard .customerLink { line-height: 1.6; }
body .authShell { background: #00365f; background-image: radial-gradient(ellipse at 15% 0, #007a9c30, transparent 55%); }
body .authCard { border-top: 4px solid var(--gb-cyan); }
.subbrand { margin-top: 10px; }
body .appNav button.active { border-bottom-color: var(--gb-cyan); }
.pageHead h1 { font-weight: 800; letter-spacing: -.04em; }
.gbSkipLink { position: absolute; left: 20px; top: -100px; z-index: 300; padding: 14px 18px; border: 2px solid var(--gb-blue); border-radius: 6px; background: #fff; color: var(--gb-blue); font-weight: 600; font-size: 14px; }
.gbSkipLink:focus { top: 12px; }
.gbPrivacyTop { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
body.gbPrivacy { font-family: var(--gb-font); color: var(--gb-grey); }
.gbPrivacy .wrap { max-width: 920px; margin: 32px auto; line-height: 1.8; }
.gbPrivacy h1, .gbPrivacy h2 { color: var(--gb-blue); font-weight: 800; line-height: 1.3; }
.gbPrivacy h1 { font-size: clamp(28px, 4vw, 42px); }
.gbPrivacy .top { background: var(--gb-blue); }
@media (max-width: 600px) {
  .gbPrivacyTop { align-items: flex-start; flex-direction: column; }
  .gbPrivacy .wrap { margin: 18px 12px; padding: 24px 20px; }
  body .authShell { padding: 24px 16px; }
  body .authCard { padding: 28px 24px; }
  body .authCard h1 { font-size: 26px; }
  .authCard > .gbWordmark { width: 196px; margin-bottom: 26px; }
}