body{background:#0e1014;color:#e9eef5;font-family:Arial,Helvetica,sans-serif;margin:0}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#0e1014;border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;text-decoration:none;color:#fff;gap:8px}
.brand-logo{width:24px;height:24px;object-fit:contain}
.brand-text{font-weight:700;letter-spacing:.08em}
.hdr-center,.hdr-right{display:flex;gap:12px;align-items:center}
.pill{padding:8px 14px;border-radius:999px;background:#181b22;border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none}
.pill:hover{border-color:rgba(255,255,255,.18)}
.container {
 display: flex;
  flex-direction: column;
  align-items: center;    /* Centra orizzontalmente */
  justify-content: center; /* Centra verticalmente */
  min-height: 100vh;       /* Copre tutta la finestra */
  text-align: center;
  position: relative;
}
.fade-in{opacity:0;animation:fadeIn 2s forwards ease}
@keyframes fadeIn{to{opacity:1}}

.site-ttl{font-size:28px;margin:0}§
.site-sub{opacity:.8}
.featured{margin:26px 0}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.card{background:#11151b;border-radius:12px;padding:10px}
.chip{padding:8px 14px;border:1px solid rgba(255,255,255,.1);background:#12151b;color:#fff;border-radius:999px}
.top-cats,.subcats{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.hidden{display:none}

.g-actions{display:flex;justify-content:center;margin-top:16px}

.actions{display:flex;gap:16px;justify-content:center;margin-top:24px}
/* === Stili per il login con Google === */
.g-actions {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 24px;
}

#googleBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}