/* Reset essencial */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
img{max-width:100%;display:block}

/* Tokens */
:root{
  --bg: #ffffff;
  --fg: #0b1220;
  --muted: #6b7280;
  --radius: 16px;
  --maxw: 720px;
  --shadow: 0 8px 32px rgba(0,0,0,.06);
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
}
@media (prefers-color-scheme: dark){
  :root{
    --bg: #0b0f1a;
    --fg: #e5e7eb;
    --muted: #a1a1aa;
    --shadow: 0 10px 40px rgba(0,0,0,.35);
  }
}

/* Página */
body.maintenance{
  min-height:100svh;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font);
  line-height:1.55;
  display:grid;
  place-items:center;
  padding: 32px;
}

/* Cartão central minimal */
.wrap{
  width:min(100%, var(--maxw));
  text-align:center;
  padding: clamp(28px, 5vw, 48px);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: 1px solid rgba(124,139,161,.15);
  /* subtil, sem distrações */
  background:
    radial-gradient(80% 60% at 20% 0%, rgba(99,102,241,.06), transparent 60%),
    radial-gradient(70% 50% at 80% 100%, rgba(59,130,246,.05), transparent 55%),
    var(--bg);
}

/* Tipografia */
h1{
  margin:0 0 .5rem;
  font-size: clamp(2rem, 5vw, 3rem);
  letter-spacing:-.02em;
  font-weight:800;
}
p{margin:.25rem 0 0;fon