/* STATUS: DIAMANT VGT SUPREME */
:root { color-scheme: dark; --astraea-gold: #d8b34b; --astraea-gold-bright: #f2d77c; --astraea-copy: #aab2c0; }
html, body, #root { min-height: 100%; margin: 0; }
body {
  background: radial-gradient(circle at 50% 28%, rgb(216 179 75 / 12%), transparent 34rem), linear-gradient(145deg, #07090e, #101621 70%, #080a10);
  color: #f5f6f8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.astraea-startup { box-sizing: border-box; display: grid; min-height: 100vh; place-content: center; justify-items: center; padding: 2rem; text-align: center; }
.astraea-startup__mark {
  align-items: center; background: linear-gradient(145deg, var(--astraea-gold-bright), #8d6614); border: 1px solid rgb(255 229 145 / 65%);
  border-radius: 1.25rem; box-shadow: 0 0 0 0.4rem rgb(216 179 75 / 8%), 0 1.5rem 5rem rgb(0 0 0 / 48%); color: #111319;
  display: flex; font-family: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace; font-size: 2rem; font-weight: 900;
  height: 4.5rem; justify-content: center; letter-spacing: -0.12em; margin-bottom: 1.75rem; width: 4.5rem;
}
.astraea-startup__mark img { display: block; height: 3.75rem; object-fit: contain; width: 3.75rem; }
.astraea-startup__eyebrow { color: var(--astraea-gold-bright); font-family: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.22em; margin: 0 0 0.85rem; }
.astraea-startup h1 { font-size: clamp(1.5rem, 3vw, 2.35rem); letter-spacing: -0.035em; margin: 0; }
.astraea-startup__copy { color: var(--astraea-copy); line-height: 1.6; margin: 0.85rem 0 1.8rem; max-width: 36rem; }
.astraea-startup__track { background: rgb(255 255 255 / 7%); border: 1px solid rgb(216 179 75 / 18%); border-radius: 999px; height: 0.32rem; overflow: hidden; width: min(24rem, 76vw); }
.astraea-startup__progress { animation: astraea-startup-progress 1.45s ease-in-out infinite; background: linear-gradient(90deg, transparent, var(--astraea-gold), var(--astraea-gold-bright), transparent); display: block; height: 100%; transform: translateX(-100%); width: 65%; }
.astraea-startup--fault .astraea-startup__track { display: none; }
@keyframes astraea-startup-progress { 50% { transform: translateX(55%); } 100% { transform: translateX(175%); } }
@media (prefers-reduced-motion: reduce) { .astraea-startup__progress { animation: none; transform: translateX(55%); } }