/* ═══════════════════════════════════════════════════════════════
   La porta d'ingresso (index.html della piattaforma)
   Stava in un blocco <style> dentro la pagina: con la politica sui
   contenuti severa (style-src 'self') quel blocco non viene applicato
   e la pagina si presenta senza impaginazione. Qui è un file, e passa.
   ═══════════════════════════════════════════════════════════════ */

body { min-height: 100dvh; display: grid; place-items: center; padding: 24px; }
  .porta {
    width: min(420px, 100%); padding: 40px 34px; text-align: center;
    background: var(--surface); border: 1px solid var(--line);
    border-radius: var(--r-xl); box-shadow: var(--ombra);
  }
  .porta img { width: 46px; margin: 0 auto 20px; }
  .porta h1 { font-size: 27px; }
  .porta p { margin-top: 12px; color: var(--muted); font-size: 16px; line-height: 1.55; }
  .porta .btn { margin-top: 26px; }
  .porta small { display: block; margin-top: 24px; font-size: 12.5px; color: var(--soft); line-height: 1.5; }