:root{ color-scheme:dark; }
html, body.csa-cartao-body{
  margin:0; padding:0; width:100%; min-height:100%; background:#050506;
}
body.csa-cartao-body{
  --cd-bg:#050506; --cd-surface:#26262b; --cd-red:#e11c34; --cd-red-dark:#8f0019;
  --cd-white:#f7f7fa; --cd-white-dim:rgba(247,247,250,.72); --cd-ring:#6c6c72;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  min-height:100vh; min-height:100dvh; width:100%;
}
.csa-cartao-tela{
  min-height:100vh; min-height:100dvh; width:100%; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  padding:48px 20px 40px;
  background:
    radial-gradient(ellipse 900px 620px at 88% 0%, rgba(225,28,52,.55) 0%, rgba(225,28,52,0) 62%),
    linear-gradient(180deg, #0d0203 0%, var(--cd-bg) 38%, var(--cd-bg) 100%);
}
.csa-cartao-card{
  width:100%; max-width:460px; text-align:center; box-sizing:border-box;
  display:flex; flex-direction:column; align-items:center;
}
.csa-cartao-logo{ max-width:230px; height:auto; margin:0 auto 40px; display:block; }
.csa-cartao-foto-wrap{ display:flex; justify-content:center; margin-bottom:22px; }
.csa-cartao-foto{
  width:220px; height:220px; border-radius:50%; object-fit:cover;
  border:10px solid var(--cd-ring); box-sizing:border-box;
}
.csa-cartao-foto-vazia{ display:flex; align-items:center; justify-content:center; font-size:64px; background:#1c1c22; color:var(--cd-white-dim); }
.csa-cartao-nome{
  margin:0 0 6px; font-size:34px; font-weight:800; color:var(--cd-red); letter-spacing:.5px;
  text-transform:uppercase;
}
.csa-cartao-cargo{ margin:0 0 26px; font-size:19px; color:var(--cd-white); font-weight:500; line-height:1.35; }
.csa-cartao-bio{ margin:-14px 0 26px; font-size:14px; line-height:1.6; color:var(--cd-white-dim); white-space:pre-line; }

.csa-cartao-links{ width:100%; display:flex; flex-direction:column; gap:14px; }
.csa-cartao-link{
  display:flex; align-items:center; gap:14px; width:100%; box-sizing:border-box;
  padding:18px 22px; border-radius:10px;
  background:var(--cd-surface); border:1px solid rgba(255,255,255,.06); color:var(--cd-white);
  text-decoration:none; font-weight:700; font-size:15px; letter-spacing:.2px;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.csa-cartao-link:hover, .csa-cartao-link:focus-visible{
  transform:translateY(-3px);
  border-color:var(--cd-red);
  background:linear-gradient(135deg, var(--cd-surface) 55%, rgba(225,28,52,.22));
  box-shadow:0 14px 30px -12px rgba(225,28,52,.55);
}
.csa-cartao-link:active{ transform:translateY(-1px) scale(.99); }
.csa-cartao-link-icone{ font-size:20px; line-height:1; flex-shrink:0; }
.csa-cartao-link-label{ flex:1; text-align:left; }

.csa-cartao-rodape{ margin:34px 0 0; font-size:11px; color:var(--cd-white-dim); letter-spacing:.6px; text-transform:uppercase; }
.csa-cartao-vazio h2{ color:var(--cd-white); margin:0 0 8px; }
.csa-cartao-vazio p{ color:var(--cd-white-dim); margin:0; }

@media (max-width:480px){
  .csa-cartao-foto{ width:180px; height:180px; border-width:8px; }
  .csa-cartao-nome{ font-size:28px; }
  .csa-cartao-cargo{ font-size:16px; }
  .csa-cartao-logo{ max-width:190px; margin-bottom:32px; }
}