:root{
  --verde:#009739; --verde-esc:#046b2c; --amarelo:#ffd23f; --azul:#1a2a6c;
  --vermelho:#e30613; --vermelho-esc:#b00410;
  --card:#ffffff; --txt:#1d2330; --mut:#6b7480; --erro:#d23b3b; --ok:#1f9d57;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--txt);
  background:linear-gradient(160deg,#063f23 0%,#0a5a32 45%,#063f23 100%);min-height:100vh;
  display:flex;flex-direction:column}
.bg-deco{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    repeating-linear-gradient(118deg,rgba(255,255,255,.04) 0 70px,transparent 70px 140px),
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.10) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 68%,rgba(255,255,255,.10) 0 2px,transparent 3px),
    radial-gradient(circle at 50% 92%,rgba(255,255,255,.10) 0 2px,transparent 3px);
  background-size:auto,240px 240px,240px 240px,240px 240px}

/* BANDEIRINHAS (topo) */
.bunting{position:fixed;top:0;left:-2%;width:104%;display:flex;justify-content:space-between;
  z-index:3;pointer-events:none;padding:0 4px}
.bunting span{flex:1;max-width:36px;height:0;border-left:18px solid transparent;
  border-right:18px solid transparent;border-top:27px solid var(--amarelo);
  transform-origin:top center;animation:balanca 2.8s ease-in-out infinite;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.bunting span:nth-child(4n+1){border-top-color:var(--vermelho)}
.bunting span:nth-child(4n+3){border-top-color:var(--verde)}
.bunting span:nth-child(4n+4){border-top-color:#fff}
.bunting span:nth-child(2n){animation-delay:.45s}
.bunting span:nth-child(3n){animation-delay:.9s}
@keyframes balanca{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.bunting span{animation:none}}
main,.wrap{position:relative;z-index:1;width:100%;max-width:620px;margin:0 auto;padding:40px 18px 26px}
.admin-wrap{max-width:1080px}

/* MARCA JANDAIA */
.marca{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.13);
  color:#fff;font-weight:800;font-size:14px;letter-spacing:1px;padding:6px 16px 6px 6px;
  border-radius:30px;margin-bottom:8px;backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.12)}
.marca .apres{font-weight:400;font-style:italic;letter-spacing:.2px;opacity:.82;font-size:12.5px}
.jlogo{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;
  background:var(--vermelho);color:#fff;font-weight:900;font-size:21px;border-radius:8px;
  box-shadow:0 3px 9px rgba(227,6,19,.55);font-family:Arial,Helvetica,sans-serif}

/* HERO */
.hero{text-align:center;color:#fff;margin:14px 0 18px}
.hero .bola{font-size:58px;line-height:1}
.hero .bola .quica{display:inline-block;animation:quica 1.4s ease-in-out infinite}
.hero .bola .tro{display:inline-block;margin-left:6px;
  animation:gira 3s ease-in-out infinite, brilha 2s ease-in-out infinite}
@keyframes brilha{0%,100%{filter:drop-shadow(0 0 3px rgba(255,223,80,.35))}
  50%{filter:drop-shadow(0 0 16px rgba(255,223,80,.95))}}
@keyframes quica{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-16px) rotate(-18deg)}
  50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-8px) rotate(14deg)}}
@keyframes gira{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg) scale(1.08)}}

/* CONFETE de fundo */
.confete{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.confete span{position:absolute;top:-40px;font-size:22px;opacity:.5;animation:cai linear infinite}
.confete span:nth-child(1){left:8%;animation-duration:11s;animation-delay:0s}
.confete span:nth-child(2){left:22%;animation-duration:14s;animation-delay:2s}
.confete span:nth-child(3){left:38%;animation-duration:9s;animation-delay:1s}
.confete span:nth-child(4){left:54%;animation-duration:13s;animation-delay:4s}
.confete span:nth-child(5){left:67%;animation-duration:10s;animation-delay:.5s}
.confete span:nth-child(6){left:79%;animation-duration:15s;animation-delay:3s}
.confete span:nth-child(7){left:88%;animation-duration:12s;animation-delay:1.5s}
.confete span:nth-child(8){left:95%;animation-duration:9.5s;animation-delay:2.5s}
@keyframes cai{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(108vh) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.confete,.hero .bola .quica,.hero .bola .tro{animation:none}}
.hero h1{margin:6px 0 4px;font-size:30px;letter-spacing:.3px;
  text-shadow:0 2px 0 rgba(0,0,0,.25)}
.hero h1 .amar{color:var(--amarelo)}
.hero p{margin:0;color:#dff3e6;font-size:15px;line-height:1.5}
.faixa{height:6px;width:150px;margin:12px auto 0;border-radius:6px;
  background:linear-gradient(90deg,var(--vermelho),var(--amarelo),var(--verde));
  background-size:200% 100%;animation:desliza 3s linear infinite}
@keyframes desliza{0%{background-position:0% 0}100%{background-position:200% 0}}

/* PRAZO (badge no hero) */
.prazo{display:inline-block;margin:12px auto 0;background:var(--vermelho);color:#fff;
  font-weight:800;font-size:14px;padding:7px 16px;border-radius:30px;
  box-shadow:0 4px 12px rgba(227,6,19,.45);letter-spacing:.2px}
.prazo strong{color:var(--amarelo)}

/* REGRAS */
.regras{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  border-radius:16px;padding:22px 22px 18px;margin-top:20px;color:#eafbf0;
  backdrop-filter:blur(2px)}
.regras h2{margin:0 0 12px;font-size:19px;color:#fff}
.regras h3{margin:20px 0 10px;font-size:16px;color:var(--amarelo)}
.regras ul{margin:0;padding-left:20px}
.regras li{font-size:14px;line-height:1.55;margin-bottom:9px}
.regras li strong{color:#fff}
.regras .solte{font-size:14px;line-height:1.5;margin:14px 0 0;color:#dff3e6}
.regras .prazo-reg{margin:12px 0 0;font-size:15px;font-weight:700;color:#fff}
.regras .prazo-reg strong{color:var(--amarelo)}
.regras .boa-sorte{margin:16px 0 0;text-align:center;font-weight:800;font-size:16px;color:var(--amarelo)}

/* CARD */
.card{background:var(--card);border-radius:16px;padding:24px 22px;
  box-shadow:0 18px 40px rgba(0,0,0,.28);border-top:6px solid var(--vermelho)}
.card h2{margin:0 0 4px;font-size:20px}
.card .sub{color:var(--mut);font-size:13px;margin:0 0 18px}
label{display:block;font-size:13px;font-weight:600;margin:14px 0 5px}
input[type=text],input[type=email],input[type=tel],input[type=password],select{width:100%;
  padding:13px 13px;border:1.5px solid #d7dce3;border-radius:10px;font-size:16px;
  background:#fbfcfe;-webkit-appearance:none;appearance:none}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7480' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
input:focus,select:focus{outline:none;border-color:var(--verde);background-color:#fff}
.dica{font-size:11.5px;color:var(--mut);margin-top:4px}

/* DROP video */
.drop{margin-top:6px;border:2px dashed #b9c2cd;border-radius:12px;padding:20px 14px;
  text-align:center;background:#f6f9fc;cursor:pointer;transition:.15s}
.drop:hover,.drop.over{border-color:var(--verde);background:#eef9f1}
.drop .ic{font-size:30px}
.drop .t{font-weight:600;margin-top:4px}
.drop .s{font-size:12px;color:var(--mut);margin-top:2px}
.drop input[type=file]{display:none}
.arq-sel{margin-top:10px;font-size:13px;color:var(--verde-esc);font-weight:600;
  display:none;word-break:break-all}

.btn{margin-top:20px;width:100%;border:none;border-radius:11px;padding:14px;
  font-size:16px;font-weight:800;color:#1d2330;cursor:pointer;
  background:linear-gradient(90deg,var(--amarelo),#ffbf2e);
  box-shadow:0 6px 18px rgba(255,191,46,.45);animation:pulsa 2.2s ease-in-out infinite}
.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
@keyframes pulsa{0%,100%{box-shadow:0 6px 18px rgba(255,191,46,.45)}
  50%{box-shadow:0 6px 26px rgba(255,191,46,.85)}}
.btn:disabled{opacity:.6;cursor:wait}
.enviando{display:none;text-align:center;color:var(--mut);font-size:13px;margin-top:10px}

/* FLASH */
.flash{padding:11px 13px;border-radius:10px;font-size:13.5px;margin-bottom:10px}
.flash.erro{background:#fde8e8;color:#9b1c1c;border:1px solid #f5c2c2}

/* SUCESSO */
.sucesso{text-align:center;color:#fff}
.sucesso .tro{font-size:62px}
.sucesso h2{font-size:26px;margin:8px 0}
.sucesso p{color:#dff3e6;font-size:15px}
.sucesso a{display:inline-block;margin-top:18px;color:#1d2330;background:var(--amarelo);
  text-decoration:none;padding:11px 20px;border-radius:10px;font-weight:700}

/* ADMIN */
.adm-top{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:16px;flex-wrap:wrap}
.adm-top h1{font-size:22px;margin:0;flex:1}
.adm-top a{color:#fff;text-decoration:none;font-size:13px;background:rgba(255,255,255,.15);
  padding:7px 12px;border-radius:8px}
.adm-top a.csv{background:var(--amarelo);color:#1d2330;font-weight:700}
.kpis{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.kpi{background:#fff;border-radius:12px;padding:14px 18px;min-width:130px}
.kpi .l{font-size:11px;text-transform:uppercase;color:var(--mut);letter-spacing:.05em}
.kpi .v{font-size:26px;font-weight:800;color:var(--verde-esc)}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.tag{background:rgba(255,255,255,.15);color:#fff;font-size:12px;padding:4px 10px;border-radius:20px}
.grid-v{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.vcard{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.vcard video{width:100%;display:block;background:#000;max-height:230px}
.vcard .info{padding:12px 14px}
.vcard .nm{font-weight:700;font-size:15px}
.vcard .mt{font-size:12.5px;color:var(--mut);margin-top:3px;line-height:1.5}
.vcard .mt a{color:var(--verde-esc)}
.vazio{color:#dff3e6;text-align:center;padding:40px;font-style:italic}

.rodape{position:relative;z-index:1;text-align:center;color:#cfe9d8;font-size:12px;
  padding:18px;margin-top:auto}
@media(max-width:480px){.hero h1{font-size:24px}.card{padding:20px 16px}}