/* Visible only while the static discovery fallback remains inside #root.
   React replaces this marked node at mount, so application layout is unaffected. */
:root { background: #09131f; color: #e8f3f1; }
body { margin: 0; min-width: 320px; background: #09131f; font-family: Geist, "Segoe UI", Arial, sans-serif; }
[data-bootstrap-content] {
  box-sizing: border-box;
  width: min(100%, 1120px);
  min-height: 100vh;
  margin: 0 auto;
  padding: clamp(72px, 12vw, 142px) clamp(20px, 5vw, 64px) 72px;
  background:
    radial-gradient(circle at 78% 12%, rgb(33 123 116 / .42), transparent 27%),
    radial-gradient(circle at 12% 78%, rgb(39 110 120 / .24), transparent 32%),
    #09131f;
}
[data-bootstrap-content] p:first-child {
  margin: 0 0 18px;
  color: #63e6c7;
  font: 650 .67rem/1.4 GeistMono, ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .16em;
  text-transform: uppercase;
}
[data-bootstrap-content] h1,
[data-bootstrap-content] h2,
[data-bootstrap-content] h3 {
  color: #f7fbfa;
  letter-spacing: -.045em;
}
[data-bootstrap-content] h1 {
  max-width: 800px;
  margin: 0 0 28px;
  font-size: clamp(3rem, 7vw, 6.4rem);
  font-weight: 650;
  line-height: .91;
}
[data-bootstrap-content] h2 {
  margin: 0 0 18px;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  line-height: 1.05;
}
[data-bootstrap-content] h3 {
  margin: 22px 0 8px;
  font-size: 1rem;
}
[data-bootstrap-content] p {
  max-width: 720px;
  margin: 0 0 16px;
  color: #b7cbc8;
  font-size: 1rem;
  line-height: 1.72;
}
[data-bootstrap-content] section {
  max-width: 860px;
  margin-top: 38px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgb(169 226 215 / .18);
  border-radius: 18px;
  background: rgb(12 32 43 / .82);
  box-shadow: 0 18px 46px rgb(3 15 24 / .18);
}
[data-bootstrap-content] nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  max-width: 900px;
  margin-top: 34px;
}
[data-bootstrap-content] nav a,
noscript a { color: #63e6c7; font-size: .84rem; font-weight: 650; text-underline-offset: 3px; }
noscript { display: block; box-sizing: border-box; padding: 0 20px 40px; background: #09131f; color: #d8e7e3; }
noscript main { width: min(100%, 1120px); margin: 0 auto; padding: 24px; border: 1px solid rgb(169 226 215 / .18); border-radius: 14px; background: #0d1d2a; }
noscript p { max-width: 760px; color: #b7cbc8; line-height: 1.6; }
noscript .noscript-title { color: #f7fbfa; font-size: 1.1rem; font-weight: 700; }
@media (max-width: 560px) {
  [data-bootstrap-content] { padding-top: 74px; }
  [data-bootstrap-content] h1 { font-size: clamp(2.85rem, 15vw, 4.3rem); }
  [data-bootstrap-content] section { margin-top: 28px; padding: 22px; }
}