/* ============================================================ go-*.html — shared "redirecting…" card styles. Each page's accent color (mint / cobalt / coral) is set by adding an accent-* class to — see the .accent-* rules below. No class = default coral accent. ============================================================ */ :root{ --paper:#ffffff; --ink:#222222; --cobalt:#3e83c8; --coral:#3756cb; --mint:#FFFFFF; --line:3px; --shadow:10px 10px 0; --accent: var(--coral); } body.accent-mint{ --accent: var(--mint); } body.accent-cobalt{ --accent: var(--cobalt); } *{ box-sizing:border-box; } body{ margin:0; min-height:100vh; background: var(--ink); display:flex; justify-content:center; align-items:center; padding:24px; font-family:'Space Grotesk', sans-serif; color: var(--ink); } a{ color:inherit; } :focus-visible{ outline:3px solid var(--coral); outline-offset:2px; } .card{ width:100%; max-width:360px; background: var(--paper); border: var(--line) solid var(--ink); box-shadow: var(--shadow) var(--accent); padding: 36px 28px; text-align:center; } .spinner{ width:34px; height:34px; margin:0 auto 22px; background: var(--accent); border: var(--line) solid var(--ink); animation: spin 900ms linear infinite; } @keyframes spin{ to{ transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce){ .spinner{ animation:none; } } .eyebrow{ font-family:'Space Mono', monospace; font-size:11px; text-transform:uppercase; letter-spacing:.15em; opacity:.6; margin:0 0 8px; } h1{ font-family:'Archivo Black', sans-serif; text-transform:uppercase; font-size: 1.5rem; line-height:1; margin: 0 0 18px; } h1 span{ color: var(--accent); } .continue{ display:inline-block; width:100%; padding:14px; background: var(--ink); color: var(--paper); font-weight:700; text-transform:uppercase; font-size:13px; letter-spacing:.04em; border: var(--line) solid var(--ink); } .continue:hover{ background: var(--coral); color: var(--ink); }