:root{
  --bg:#0f172a; --bg2:#1e293b; --card:#1e293b; --line:#334155;
  --txt:#e2e8f0; --muted:#94a3b8; --pri:#38bdf8; --pri-d:#0ea5e9;
  --ok:#22c55e; --warn:#f59e0b; --erro:#ef4444; --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}
a{color:var(--pri);text-decoration:none}
.container{max-width:480px;margin:0 auto;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
.wide{max-width:1100px}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;margin-bottom:1rem}
h1{font-size:1.5rem;margin-bottom:.3rem}
h2{font-size:1.15rem;margin-bottom:.8rem}
.muted{color:var(--muted);font-size:.9rem}

label{display:block;font-size:.85rem;color:var(--muted);margin:.6rem 0 .25rem}
input,select,textarea{width:100%;padding:.75rem;background:var(--bg);border:1px solid var(--line);
  border-radius:10px;color:var(--txt);font-size:1rem}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pri)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;
  padding:.8rem 1rem;border:none;border-radius:10px;background:var(--pri);color:#04222e;
  font-weight:700;font-size:1rem;cursor:pointer;margin-top:.8rem}
.btn:hover{background:var(--pri-d)}
.btn-sec{background:transparent;border:1px solid var(--line);color:var(--txt)}
.btn-google{background:#fff;color:#1f2937}
.btn-ok{background:var(--ok);color:#04220f}
.btn-erro{background:var(--erro);color:#fff}
.btn-sm{width:auto;padding:.45rem .8rem;font-size:.85rem;margin:0}

.alert{padding:.7rem .9rem;border-radius:10px;margin-bottom:.9rem;font-size:.9rem}
.alert-erro{background:#3f1d1d;color:#fecaca;border:1px solid #7f1d1d}
.alert-ok{background:#14331f;color:#bbf7d0;border:1px solid #166534}
.alert-info{background:#0c2a3a;color:#bae6fd;border:1px solid #075985}

.center{text-align:center}
.row{display:flex;gap:.6rem;align-items:center}
.between{justify-content:space-between}
.mt{margin-top:1rem}
.logo{font-size:1.6rem;font-weight:800;color:var(--pri);text-align:center;margin-bottom:.4rem}
.sub{ text-align:center;color:var(--muted);margin-bottom:1.4rem}

/* Grids de métricas */
.stats-3,.stats-5{display:grid;gap:.7rem}
.stats-3{grid-template-columns:repeat(3,1fr)}
.stats-5{grid-template-columns:repeat(2,1fr)}
.stat{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.8rem;text-align:center}
.stat b{display:block;font-size:1.3rem;color:var(--pri)}
.stat span{font-size:.75rem;color:var(--muted)}

@media(min-width:768px){
  .stats-5{grid-template-columns:repeat(5,1fr)}
}