* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { font-family: Arial, Tahoma, sans-serif; color: #f2fbf6; background: #061d17; }
.landing { position: relative; min-height: 100vh; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 44%, rgba(19, 111, 75, .32), transparent 25%), radial-gradient(circle at 50% 100%, rgba(0, 77, 55, .16), transparent 45%), #061d17; }
.landing::before, .landing::after { content: ''; position: absolute; border: 1px solid rgba(77, 186, 126, .08); border-radius: 50%; pointer-events: none; }
.landing::before { width: 560px; height: 560px; top: -340px; right: -170px; }
.landing::after { width: 720px; height: 720px; bottom: -590px; left: -300px; }
.content { width: min(92%, 410px); padding: 20px; text-align: center; transform: translateY(-18px); }
.whatsapp-logo { width: 64px; height: 64px; margin: 0 auto 22px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(145deg, #28e477, #15b85b); box-shadow: 0 0 25px rgba(37, 211, 102, .25), 0 12px 28px rgba(0, 0, 0, .2); }
.whatsapp-logo svg { width: 40px; height: 40px; fill: #eafff0; }
h1 { margin: 0; font-size: clamp(28px, 6vw, 34px); line-height: 1.4; font-weight: 700; letter-spacing: -.5px; }
.subtitle { margin: 6px 0 22px; color: #94b0a4; font-size: 14px; }
.chat-button { min-height: 57px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 10px; color: #062217; background: #20dc65; text-decoration: none; font-size: 16px; font-weight: 700; box-shadow: 0 8px 24px rgba(32, 220, 101, .2); transition: .2s ease; }
.chat-button:hover { background: #39e979; transform: translateY(-2px); box-shadow: 0 12px 30px rgba(32, 220, 101, .3); }
.chat-button svg { width: 22px; height: 22px; fill: #062217; }
.phone { margin: 13px 0 17px; color: #6f9184; font-size: 13px; direction: ltr; }
.safe { margin: 0; color: #75988a; font-size: 11px; }
.safe span { display: inline-block; width: 6px; height: 6px; margin-left: 5px; border-radius: 50%; background: #24d96a; box-shadow: 0 0 0 3px rgba(36, 217, 106, .1); }
.netlify-badge { position: absolute; right: 15px; bottom: 13px; color: #607d73; font-size: 10px; direction: ltr; }
@media (max-width: 480px) { .content { transform: translateY(-35px); } .whatsapp-logo { width: 60px; height: 60px; margin-bottom: 18px; } }