@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/inter-latin.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 300 700; font-display: swap; src: url('/fonts/space-grotesk-latin.woff2') format('woff2'); }
:root { color-scheme: light; }
  html, body { height: 100%; }
  body { margin: 0; display: flex; flex-direction: column; min-height: 100vh; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #141B2D; background: radial-gradient(900px 500px at 50% 35%, #E8F0FF 0%, #FFFFFF 70%); }
  main { flex: 1; display: grid; place-items: center; padding: 48px 24px; }
  .logo { display: flex; align-items: center; gap: 16px; text-decoration: none; }
  .logo svg { width: 64px; height: 64px; }
  .logo span { font-family: "Space Grotesk", Inter, sans-serif; font-size: 44px; font-weight: 700; letter-spacing: -0.02em; color: #14254F; }
  .logo span b { font-weight: 500; }
  footer { display: flex; justify-content: center; gap: 28px; padding: 24px; font-size: 15px; }
  footer a { color: #4B5565; text-decoration: none; padding: 8px 4px; }
  footer a:hover, footer a:focus-visible { color: #14254F; text-decoration: underline; }
  @media (max-width: 480px) { .logo svg { width: 48px; height: 48px; } .logo span { font-size: 32px; } }