html, body { margin: 0; height: 100%; overflow: hidden; }
body { display: flex; flex-direction: column; font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
#site { flex: 1; width: 100%; border: 0; display: block; }
.fallback { flex: 1; display: flex; align-items: center; justify-content: center; padding: 24px; text-align: center; color: #fff; background: linear-gradient(135deg, #14365d, #0e2744); }
.fallback[hidden] { display: none; }
.fallback .card { max-width: 560px; }
.fallback h1 { font: 600 28px/1.2 "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; margin: 0 0 12px; }
.fallback p { opacity: 0.92; }
.fallback a { color: #9fd3cb; font-weight: 600; }