:root{
  --purple:#1C0851;
  --purple-soft:#4A2E8C;
  --ink:#333333;
  --ink-soft:#6b6b76;
  --line:#e7e5ee;
  --whatsapp:#25D366;
  --whatsapp-dark:#128C7E;
  --bg:#FFFFFF;
  --radius:10px;
  --shadow: 0 24px 60px -24px rgba(28,8,81,0.28);
}
*{box-sizing:border-box;}
html,body{margin:0; width:100%;}
body{
  min-height:100vh; width:100%;
  display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(1400px 800px at 88% -15%, rgba(28,8,81,0.08), transparent 55%),
    radial-gradient(1200px 800px at -15% 115%, rgba(37,211,102,0.07), transparent 55%),
    var(--bg);
  color:var(--ink);
  font-family:'Inter', sans-serif;
  font-size:16px;
  line-height:1.6;
  padding:60px 24px;
  -webkit-font-smoothing:antialiased;
  border-top:6px solid var(--purple);
}
.card{
  max-width:640px; width:100%; text-align:center;
}
.logo{height:56px; width:auto; margin:0 auto 40px; display:block;}
.icon-wrap{
  width:76px; height:76px; margin:0 auto 28px; border-radius:50%;
  background:rgba(28,8,81,0.06); display:flex; align-items:center; justify-content:center;
}
.icon-wrap svg{width:36px; height:36px;}
.pulse{animation:pulse 2.4s ease-in-out infinite;}
@keyframes pulse{
  0%, 100%{transform:rotate(0deg);}
  50%{transform:rotate(-14deg);}
}
h1{
  font-family:'Roboto Slab', serif; font-weight:700; font-size:clamp(24px,4vw,32px);
  color:var(--purple); margin:0 0 16px; line-height:1.25;
}
p.lead{
  color:var(--ink-soft); font-size:16px; max-width:42ch; margin:0 auto; line-height:1.65;
}
.divider{height:1px; background:var(--line); margin:32px 0 28px;}
.contact-label{
  font-family:'Inter', sans-serif; font-weight:600; font-size:11.5px; letter-spacing:0.08em;
  text-transform:uppercase; color:var(--ink-soft); margin-bottom:16px;
}
.contact-list{display:flex; flex-direction:column; gap:10px; align-items:center;}
.contact-item{
  display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--ink);
  font-size:14.5px; font-weight:500; transition:color 0.2s ease;
}
.contact-item svg{width:17px; height:17px; flex:none; color:var(--purple-soft);}
.contact-item:hover{color:var(--purple);}
.btn-whatsapp{
  display:inline-flex; align-items:center; gap:10px; margin-top:8px;
  background:var(--whatsapp); color:#fff; text-decoration:none;
  font-weight:600; font-size:14px; padding:13px 26px; border-radius:999px;
  box-shadow:0 10px 24px -8px rgba(37,211,102,0.55);
  transition:background 0.2s ease, transform 0.2s ease;
}
.btn-whatsapp:hover{background:var(--whatsapp-dark); transform:translateY(-2px);}
.btn-whatsapp svg{width:19px; height:19px;}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:8px;}
.btn-outline{
  display:inline-flex; align-items:center; gap:10px;
  background:transparent; color:var(--purple); text-decoration:none;
  font-weight:600; font-size:14px; padding:13px 26px; border-radius:999px;
  border:1.5px solid var(--purple);
  transition:background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.btn-outline:hover{background:var(--purple); color:#fff; transform:translateY(-2px);}
.btn-outline svg{width:18px; height:18px;}
footer{margin-top:36px; text-align:center; color:var(--ink-soft); font-size:12.5px; line-height:1.7;}
footer strong{color:var(--ink);}
@media (prefers-reduced-motion: reduce){
  .pulse{animation:none;}
}
@media (max-width:480px){
  body{padding:44px 20px;}
}