/* =====================================================================
   index.css - estilos da pagina "em construcao" (index.html)
   =====================================================================
   ORIGEM
     Movido de <style> inline em index.html no Sprint 2.5 / E2 pra
     permitir CSP style-src 'self' (sem 'unsafe-inline'). Conteudo CSS
     preservado verbatim - mesma renderizacao visual que antes.

   SOBRE INVARIANTE 5
     O comentario antigo do <style> dizia "Invariante 5: nada externo".
     Era meia verdade. Invariante 5 e sobre dependencias EXTERNAS (CDN,
     webfonts, scripts de terceiros). Este arquivo CSS local same-origin
     servido pelo mesmo App Service NAO viola - e a forma canonica de
     servir CSS em apps com CSP estrita.
   ===================================================================== */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #121212;
  color: #f5f5f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  text-align: center;
  padding: 24px;
}

/* Wordmark textual - placeholder ate o SVG oficial da marca Popcast.
   #E02020 e a cor de destaque padrao do projeto (configplayer.jsonc). */
.marca {
  font-size: clamp(2.5rem, 8vw, 5rem);
  font-weight: 800;
  letter-spacing: 0.15em;
  color: #ffffff;
}
.marca .ponto { color: #E02020; }

.barra {
  width: 64px;
  height: 4px;
  background: #E02020;
  margin: 24px 0;
  border-radius: 2px;
}

.titulo { font-size: 1.25rem; font-weight: 600; }
.sub { margin-top: 8px; color: #9e9e9e; font-size: 0.95rem; }