:root {
  --ygx-blue: #0d57a9;
  --ygx-blue-deep: #064a93;
  --ygx-teal: #079eb8;
  --ygx-teal-light: #28b5c8;
  --ygx-ink: #12304c;
  --ygx-surface: #f5fbfd;
}

* { box-sizing: border-box; }
body {
  min-height: 100vh;
  margin: 0;
  color: var(--ygx-ink);
  font-family: Arial, Helvetica, sans-serif;
  background: linear-gradient(135deg, #f8fcfe 0%, #e8f6fa 100%);
}
.welcome {
  width: min(680px, calc(100% - 2rem));
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
}
.brand-logo { width: min(310px, 78vw); height: auto; margin-bottom: 2.5rem; }
.eyebrow { margin: 0 0 .75rem; color: var(--ygx-teal); font-size: .75rem; font-weight: 700; letter-spacing: .14em; }
h1 { max-width: 640px; margin: 0; color: var(--ygx-blue); font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.13; }
.message { max-width: 560px; margin: 1.25rem 0 1.5rem; font-size: 1.05rem; line-height: 1.6; }
.status { padding: .55rem .85rem; border-radius: 999px; color: var(--ygx-blue-deep); background: #d9f3f7; font-size: .875rem; font-weight: 700; }