:root{
    --bg:#f4f6f8;
    --card:#ffffff;
    --muted:#667085;
    --accent:#2b6cb0;
    --success:#16a34a;
    --danger:#dc2626;
  }
  *{box-sizing:border-box}
  body{
    font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
    background: linear-gradient(180deg,#FDF5E6 0%, #FDF5E6 100%);
    margin:0;
    padding:24px;
    color:#102a43;
  }
  .wrap{max-width:980px;margin:0 auto}
  header{text-align:center;margin-bottom:16px}
  header h1{margin:0;font-size:28px}
  header p.lead{color:var(--muted);margin-top:6px}
  .orientacoes{background:var(--card);padding:14px;border-radius:12px;box-shadow:0 6px 18px rgba(16,42,67,0.06);margin-bottom:18px;line-height:1.45}
  .orientacoes h3{margin:0 0 8px}
  .orientacoes ul{margin:6px 0 0 18px;color:var(--muted)}
  main{display:block}
  .grupo{background:var(--card);border-radius:12px;padding:14px 16px;margin-bottom:12px;box-shadow:0 6px 18px rgba(16,42,67,0.04);border-left:6px solid transparent}
  .grupo h2{margin:0 0 8px;font-size:16px;padding:8px;border-radius:8px;color:#fff;display:inline-block}
  .g1 h2{background:#e74c3c}.g2 h2{background:#8b5cf6}.g3 h2{background:#e11d48}.g4 h2{background:#06b6d4}.g5 h2{background:#0ea5a0}
  .g6 h2{background:#f97316}.g7 h2{background:#fb7185}.g8 h2{background:#334155}.g9 h2{background:#6366f1}.g10 h2{background:#fb923c}
  .g11 h2{background:#2563eb}.g12 h2{background:#06b6d4}.g13 h2{background:#f97316}.g14 h2{background:#ef4444}.g15 h2{background:#10b981}
  .items{margin-top:8px;color:#0f172a}
  .items label{display:block;padding:6px 6px;border-radius:8px;cursor:pointer}
  .items input{margin-right:8px;transform:translateY(1px)}
  .botoes{text-align:center;margin:14px 0}
  button.cta{background:var(--accent);color:#fff;border:0;padding:12px 18px;border-radius:10px;cursor:pointer;margin:0 6px;box-shadow:0 8px 30px rgba(43,108,176,0.14);font-weight:700}
  button.ghost{background:transparent;border:2px solid rgba(16,42,67,0.06);padding:10px 14px;border-radius:10px;cursor:pointer;margin:0 6px}
  button.warn{background:var(--danger);color:white;border:0;padding:12px 16px;border-radius:10px;cursor:pointer;margin:0 6px;font-weight:700}
  .resultado{margin-top:18px;padding:18px;border-radius:14px;background:linear-gradient(180deg,#0b1220 0%, #123a59 100%);color:#ecfeff;box-shadow:0 10px 40px rgba(9,20,40,0.45);display:none}
  .resultado h2{margin:0 0 8px}
  .canal{background:rgba(255,255,255,0.04);padding:12px;border-radius:10px;margin-top:10px;color:#dff7fb}
  .meta{color:#cfeef7;margin-top:8px;font-size:14px}
  .share{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
  .share input{padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,0.12);background:transparent;color:#fff;min-width:240px}
  .share button{padding:8px 12px;border-radius:8px;border:0;cursor:pointer;background:#ffd86b;color:#102a43;font-weight:700}
  footer{margin:28px 0 60px;text-align:center;color:var(--muted);font-size:13px}
  @media (max-width:640px){body{padding:12px}.wrap{padding:0 6px}}