/* Página "Em breve" (copiada de site-rdcloud-v2/em-breve.html; o estilo saiu da página por causa do CSP). */
@font-face { font-family: "Marca"; src: url("../fontes/archivo-marca-800.woff") format("woff"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Texto"; src: url("../fontes/roboto.woff") format("woff"); font-weight: 100 900; font-display: swap; }
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body { background: #0D0D0F; color: #F2F2F4; font: 16px/1.6 "Texto", system-ui, -apple-system, "Segoe UI", sans-serif;
  display: grid; place-items: center; padding: 24px 16px; overflow: hidden; }
.brilho { position: fixed; inset: auto 0 -30vh 0; height: 70vh; pointer-events: none;
  background: radial-gradient(50% 60% at 50% 100%, rgba(227, 38, 43, .22), transparent 70%); }
main { position: relative; text-align: center; display: grid; justify-items: center; gap: 22px; max-width: 520px; }
.logo { width: min(320px, 78vw); height: auto; }
h1 { font-family: "Marca", "Texto", sans-serif; font-weight: 800; letter-spacing: -.02em; font-size: clamp(1.4rem, 4vw, 1.9rem); margin: 6px 0 0; }
p { margin: 0; color: #B4B4BC; }
.entrar { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; color: #B4B4BC; text-decoration: none; font-weight: 500; font-size: .94rem; }
.entrar:hover { color: #F2F2F4; }
.entrar svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.rodape { position: fixed; bottom: 18px; left: 0; right: 0; text-align: center; font-size: .8rem; color: #80808A; }