:root{--club:#071433;--club2:#0e2a66;--gold:#f6c447;--pink:#d62976;--purple:#962fbf;--blue:#4f5bd5;--orange:#fa7e1e;--light:#f7f8ff;--muted:#6b7280;--danger:#dc2626;--ok:#16a34a}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#fff 0%,#f5f1ff 45%,#fff1f7 100%);color:#111827}a{color:inherit}.wrap{max-width:1050px;margin:0 auto}.container{padding:24px}.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 14px rgba(7,20,51,.08)}.navwrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}.brandlink{display:flex;align-items:center;gap:10px;text-decoration:none}.brandlink img{height:46px;width:auto}.brandlink strong{font-size:20px;color:var(--club)}.brandlink span{display:block;font-size:12px;color:var(--muted);font-weight:800}.brandtext{text-decoration:none;display:flex;flex-direction:column;line-height:1.05}.brandtext strong{font-size:24px;color:var(--club);font-weight:900}.brandtext span{font-size:12px;color:var(--muted);font-weight:900}.narrow{max-width:620px;margin-left:auto;margin-right:auto}.onecol{grid-template-columns:1fr!important}.menu{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.menu a{font-size:14px;text-decoration:none;padding:9px 11px;border-radius:13px;font-weight:900;color:var(--club)}.menu a:hover{background:#f6f2ff}.menu a.menu-btn{color:#fff!important;box-shadow:0 8px 18px rgba(214,41,118,.22);padding:10px 14px}.menu a.menu-entrar{background:linear-gradient(135deg,var(--pink),var(--purple))}.menu a.menu-cadastro{background:linear-gradient(135deg,var(--orange),var(--pink))}.menu a.menu-btn:hover{filter:brightness(1.05);transform:translateY(-1px);background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue))}
.install{border:0;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));color:#fff;border-radius:999px;padding:10px 12px;font-weight:900}.card,.feedcard,.item{background:#fff;border-radius:24px;padding:20px;margin:14px 0;box-shadow:0 12px 34px rgba(7,20,51,.10);border:1px solid #e9ecff}.feedcard{border:1px solid #f0d7ff;overflow:hidden}.feedcard:before{content:"";display:block;height:5px;margin:-20px -20px 14px;background:linear-gradient(90deg,var(--orange),var(--pink),var(--purple),var(--blue))}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.hero h1{font-size:40px;line-height:1.05;margin:0 0 10px}.grad{background:linear-gradient(135deg,var(--orange),var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:#4b5563}.grid,.grid2,.statsgrid{display:grid;gap:14px}.grid{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.statsgrid{grid-template-columns:repeat(4,1fr);margin:14px 0}.stat{background:#fff;border-radius:20px;padding:16px;text-align:center;box-shadow:0 8px 22px rgba(7,20,51,.08);border:1px solid #eef2ff}.stat b{font-size:26px;color:var(--pink);display:block}.stat span{font-size:13px;color:var(--muted);font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:15px;border:0;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));color:white!important;text-decoration:none;font-weight:900;cursor:pointer}.btn.secondary{background:var(--club2)}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--orange));color:#111!important}.btn.danger{background:var(--danger)}input,textarea{width:100%;padding:14px;border-radius:14px;border:1px solid #dbe1ff;margin:7px 0 13px;font-size:16px;background:#fff}label{font-weight:900}.small{color:var(--muted);font-size:14px}.badge,.level,.pill{display:inline-block;padding:7px 10px;border-radius:999px;background:#eef2ff;color:var(--club2);font-weight:900;font-size:13px}.level{background:#fff7ed;color:#9a3412}.count{font-size:24px;font-weight:900;color:var(--pink)}.row,.actions,.actionbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.alert,.warn{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:16px;padding:12px}.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:16px;padding:12px;margin-top:12px}.dangerbox{border-color:#fecaca;background:#fff1f2}.rule li{margin:10px 0}.footer{text-align:center;color:#6b7280;padding:30px}.avatar{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--orange),var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;color:white;font-size:22px;font-weight:900;flex:none;box-shadow:0 10px 22px rgba(214,41,118,.25)}.smallav{width:48px;height:48px;border-radius:18px;font-size:17px}.feedtop{display:flex;gap:12px;align-items:center}.feedtop h3{margin:0}.profilelink{font-weight:900;color:var(--pink);text-decoration:none}.timer{background:#f8fafc;border:1px dashed #c7d2fe;padding:11px;border-radius:14px;margin:10px 0;color:#334155}.rankitem{display:flex;align-items:center;gap:10px;border:1px solid #eef2ff;border-radius:18px;padding:12px;margin:10px 0;background:#fff}.rankpos{font-size:24px;font-weight:900;width:38px;text-align:center}.rankmain{flex:1}.rankmain a{color:var(--pink);font-weight:900;text-decoration:none}.medals{display:flex;flex-wrap:wrap;gap:8px}.medals span{background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:8px 10px;font-weight:900;color:#9a3412}.steps{counter-reset:s}.step{position:relative;padding-left:56px}.step:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:16px;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.helpbox{background:#f8fafc;border:1px solid #dbeafe;border-radius:18px;padding:14px;margin:12px 0}.helpbox b{color:var(--club)}.mission-help{background:linear-gradient(135deg,#fff,#fff7fb);border:1px solid #f5d0fe;border-radius:20px;padding:16px;margin:12px 0}.mission-help h3{margin:0 0 10px;color:var(--club)}.mission-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.mission-steps div{background:#fff;border:1px solid #eef2ff;border-radius:16px;padding:14px;font-weight:800;box-shadow:0 6px 16px rgba(7,20,51,.06)}.mission-steps span{display:block;font-size:24px;margin-bottom:6px}.mission-steps b{display:block;color:var(--club);margin-bottom:4px}.mission-steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.35;font-weight:700}.admin-note{background:#eef2ff;border:1px solid #c7d2fe;color:#1e3a8a;border-radius:16px;padding:12px}.pager{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:16px 0}.pager a,.pager span{padding:9px 12px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;text-decoration:none;font-weight:900}.pager .current{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.explain{background:#f8fafc;border-left:5px solid var(--pink);border-radius:16px;padding:14px;margin:12px 0}
@media(max-width:760px){.navwrap{align-items:flex-start;gap:8px;flex-direction:column;padding:10px 14px}.container{padding:14px}.hero,.grid,.grid2{grid-template-columns:1fr}.statsgrid{grid-template-columns:repeat(2,1fr);gap:8px}.hero h1{font-size:32px}.menu{gap:4px}.menu a{font-size:13px;padding:7px}.menu a.menu-btn{padding:8px 11px}.card,.feedcard,.item{padding:17px;border-radius:20px}.btn{width:100%}.actions .btn{width:100%;text-align:center}.actionbar .btn,.row .btn{width:auto;flex:1}.mission-steps{grid-template-columns:1fr}.brandlink img{height:40px}.install{font-size:12px;padding:8px}.rankitem{align-items:flex-start}.badge{font-size:12px;padding:6px 8px}}

.alert.error{background:#ffe8e8;color:#8a0f0f;border:1px solid #ffb3b3;}




.install-footer-card{
  max-width:980px;
  margin:18px auto 8px auto;
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(131,58,180,.10), rgba(253,29,29,.08), rgba(252,176,69,.14));
  border:1px solid rgba(252,176,69,.32);
  display:flex;
  gap:12px;
  align-items:flex-start;
  box-shadow:0 5px 18px rgba(0,0,0,.06);
}
.install-footer-icon{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  font-size:21px;
  box-shadow:0 4px 12px rgba(0,0,0,.07);
}
.install-footer-content{flex:1;}
.install-footer-card h3{
  margin:0 0 5px 0;
  font-size:17px;
}
.install-footer-card p{
  margin:3px 0;
  line-height:1.35;
  font-size:13px;
}
.install-app-btn{
  border:0;
  border-radius:12px;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#fff;
  background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045);
  box-shadow:0 7px 15px rgba(253,29,29,.20);
  margin-top:7px;
  font-size:14px;
}
.install-app-btn:hover{filter:brightness(.96);}
.ios-help{font-size:12px!important; opacity:.86; margin-top:8px!important;}
.footer-brand{
  text-align:center;
  font-size:13px;
  opacity:.78;
  padding:8px 12px 16px 12px;
}
@media(max-width:700px){
  .install-footer-card{
    margin:14px 12px 8px 12px;
    padding:12px;
    border-radius:14px;
  }
  .install-footer-card h3{font-size:16px;}
  .install-footer-card p{font-size:12.5px;}
  .install-app-btn{width:100%; padding:11px 12px;}
  .footer-brand{font-size:12px;}
}
