body{background:#f6f6f6}
.eta-container{max-width:420px;margin:auto;padding:16px;background:#fff;
border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.fade-in{animation:fade .6s ease-in}
@keyframes fade{from{opacity:0}to{opacity:1}}
.slide-up{animation:slide .5s ease}
@keyframes slide{from{transform:translateY(12px);opacity:0}
to{transform:none;opacity:1}}
.map-animate{animation:zoom .6s ease}
@keyframes zoom{from{transform:scale(.97)}to{transform:scale(1)}}
.eta-input{width:100%;padding:14px;border-radius:14px;border:1px solid #ddd;
margin-bottom:10px;background:#111;color:#fff;font-size:16px}
#eta-map{height:260px;border-radius:16px;margin:12px 0}
.eta-distance{text-align:center;font-weight:600;margin:10px}
#eta-whatsapp-btn{width:100%;padding:16px;font-size:18px;
border-radius:16px;background:#2e1ddb;color:#fff;border:none}
.pulse{animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,29,219,.6)}
70%{box-shadow:0 0 0 12px rgba(46,29,219,0)}
100%{box-shadow:0 0 0 0 rgba(46,29,219,0)}}