*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:"Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif;color:#5b1c3d;background:radial-gradient(circle at 50% 30%,#fff 0,#FBEAF2 55%,#EFE6F7 100%)}
.landing{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:1.5rem;text-align:center}
.landing-art{width:min(86vw,520px);height:auto;max-height:62vh;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(106,31,70,.16))}
.landing-msg{margin:0;font-size:clamp(1.25rem,4.6vw,1.8rem);font-weight:700;line-height:1.6}
.wa{display:inline-grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#25D366;box-shadow:0 10px 24px rgba(37,211,102,.4);transition:transform .15s ease}
.wa:hover,.wa:focus-visible{transform:scale(1.08);outline:3px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.wa{animation:waPulse 2.2s ease-out infinite}}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55),0 10px 24px rgba(37,211,102,.4)}70%,100%{box-shadow:0 0 0 22px rgba(37,211,102,0),0 10px 24px rgba(37,211,102,.4)}}