*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff;font-family:Arial,Helvetica,sans-serif;color:#111}
body{border:2px solid #333;min-height:100vh}
header{height:35px;background:#16866d;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px}
header h1{font-size:25px;line-height:1;margin:0;font-weight:800;letter-spacing:-1px}
.head-wa{width:21px;height:21px;display:block}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc((100vw - 4px)/3 + 42px);row-gap:0;padding:16px 7px 0}
.profile{text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center}
.name{font-size:13px;line-height:16px;margin:0 0 3px;font-weight:400}
.photo{width:clamp(54px,17vw,68px);height:clamp(54px,17vw,68px);border-radius:50%;object-fit:cover;display:block;background:#f1f1f1}
.wa-link{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:2px;margin-top:7px;background:#25c653;color:#fff;text-decoration:none;border-radius:10px;padding:1px 4px 1px 2px;height:17px;min-width:50px;box-shadow:0 0 5px #25c653;animation:waPulse 1.8s ease-in-out infinite}
.wa-link:before{content:"";position:absolute;z-index:-1;top:-50%;left:-80%;width:55%;height:200%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:waShine 2.4s linear infinite}
.wa-small{width:17px;height:17px;flex:none;display:block}
.wa-copy{font-size:5px;line-height:5.5px;text-align:left;font-weight:700;white-space:nowrap}
@keyframes waPulse{0%,100%{box-shadow:0 0 4px #25c653,0 0 8px rgba(37,198,83,.35)}50%{box-shadow:0 0 9px #25c653,0 0 17px rgba(37,198,83,.8)}}
@keyframes waShine{0%{left:-80%}100%{left:150%}}
@media(prefers-reduced-motion:reduce){.wa-link,.wa-link:before{animation:none}}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:170px;max-width:650px;margin:auto}.photo{width:70px;height:70px}}
@media(max-width:360px){.grid{padding-left:3px;padding-right:3px;grid-auto-rows:calc((100vw - 4px)/3 + 35px);padding-top:13px}.photo{width:54px;height:54px}.name{font-size:12px}header h1{font-size:23px}}