/* Moved out of the page for CSP style-src without unsafe-inline (AppScan, 2026-11-02). */
  :root {
    --air-navy: #003569;
    --air-navy-dark: #00284f;
    --slate-100: #f1f5f9;
    --slate-200: #e2e8f0;
    --slate-500: #64748b;
    --slate-600: #475569;
  }
  * { box-sizing: border-box; }
  html, body { height: 100%; margin: 0; }
  body {
    font-family: Verdana, Geneva, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
    background: var(--slate-100);
    display: flex; align-items: center; justify-content: center;
    min-height: 100vh; padding: 0 24px; position: relative; overflow: hidden;
  }
  .glow, .grid { position: absolute; inset: 0; pointer-events: none; }
  .glow { background: radial-gradient(60rem 60rem at 50% -10%, rgba(0,53,105,0.10), transparent 60%); }
  .grid {
    opacity: .4;
    background-image:
      linear-gradient(rgba(15,23,42,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(15,23,42,.04) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: radial-gradient(50rem 40rem at 50% 30%, black, transparent 75%);
            mask-image: radial-gradient(50rem 40rem at 50% 30%, black, transparent 75%);
  }
  .card {
    position: relative; width: 100%; max-width: 28rem;
    background: #fff; border: 1px solid var(--slate-200);
    border-radius: 1rem; overflow: hidden;
    box-shadow: 0 20px 60px -20px rgba(0,53,105,.25);
  }
  .accent { height: 6px; width: 100%; background: var(--air-navy); }
  .body { padding: 36px 40px 40px; }
  .logo { height: 48px; width: auto; display: block; }
  .eyebrow-row { display: flex; align-items: center; gap: 12px; margin-top: 28px; }
  .eyebrow { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .18em; color: var(--air-navy); }
  .eyebrow-rule { height: 1px; flex: 1; background: var(--slate-200); }
  .desc { margin-top: 16px; font-size: 14px; line-height: 1.6; color: var(--slate-600); }
  .btn {
    display: block; margin-top: 28px; width: 100%; border: 0; border-radius: 8px; cursor: pointer;
    background: var(--air-navy); color: #fff; padding: 12px 24px; font-size: 14px; font-weight: 600;
    text-align: center; text-decoration: none; box-shadow: 0 1px 2px rgba(0,0,0,.05); transition: background-color .15s;
  }
  .btn:hover { background: var(--air-navy-dark); }
  .footer { margin-top: 16px; text-align: center; font-size: 12px; color: var(--slate-500); }