*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;-webkit-tap-highlight-color:transparent}
body{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:14px;
  background:#F6F1E7;background-image:radial-gradient(circle at 50% 0%,rgba(27,77,46,0.12),transparent 60%);}

.sl,.sl *{font-family:'Poppins',Arial,sans-serif !important;letter-spacing:0 !important;text-transform:none !important}
.sl{width:100%;max-width:380px;display:flex;flex-direction:column;
  background:#FFFFFF;border:1px solid #E7DCC6;border-radius:22px;padding:26px 22px 16px;text-align:center;
  box-shadow:0 18px 40px -20px rgba(26,75,90,0.35);font-size:14px !important;line-height:1.45 !important;color:#22303A !important;position:relative;overflow:hidden}
.sl::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#2E7D4F,#C9A227,#2E7D4F)}

.sl .logo{width:118px;height:118px;margin:4px auto 14px;border-radius:50%;background:#FFFFFF;border:3px solid #C9A227;
  box-shadow:0 0 0 6px rgba(27,77,46,0.10),0 14px 26px -12px rgba(27,77,46,0.6);overflow:hidden;
  animation:logoMove 3s ease-in-out infinite;font-size:0 !important;line-height:0 !important}
.sl .logo img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes logoMove{
  0%,100%{transform:translateY(0) rotate(0)}
  25%{transform:translateY(-9px) rotate(-3deg)}
  50%{transform:translateY(0) rotate(0)}
  60%{transform:translateY(-4px)}
  75%{transform:translateY(-9px) rotate(3deg)}
}

.sl .name{font-family:'Playfair Display',Georgia,serif !important;font-size:27px !important;font-weight:700 !important;line-height:1.2 !important;color:#1B4D2E !important;margin:0 !important}
.sl .divider{width:56px;height:2px;background:#C9A227;margin:9px auto 8px;border-radius:2px}
.sl .tag{font-size:13px !important;color:#5B6B73 !important;margin:0 4px}

.sl .cta-wrap{margin:24px 0 8px;font-size:0 !important;line-height:0 !important;text-align:center}
.sl .cta{display:inline-block;position:relative;isolation:isolate;border-radius:50px;
  text-decoration:none !important;cursor:pointer;outline-offset:4px}
.sl .cta-face{display:inline-flex;align-items:center;gap:10px;pointer-events:none;
  font-size:16px !important;font-weight:600 !important;line-height:1.2 !important;color:#FFFFFF !important;
  background:linear-gradient(180deg,#2E7D4F,#1B4D2E) !important;padding:15px 30px;border-radius:50px;
  border:2px solid #C9A227;box-shadow:0 12px 24px -10px rgba(27,77,46,0.8);
  animation:btnPop 1.8s ease-in-out infinite;transform-origin:center}
@keyframes btnPop{
  0%,100%{transform:scale(1);box-shadow:0 12px 24px -10px rgba(27,77,46,0.8),0 0 0 0 rgba(201,162,39,0)}
  18%{transform:scale(0.93);box-shadow:0 8px 16px -10px rgba(27,77,46,0.8),0 0 0 0 rgba(201,162,39,0.0)}
  34%{transform:scale(1);box-shadow:0 12px 24px -10px rgba(27,77,46,0.8),0 0 0 6px rgba(201,162,39,0.35)}
  50%{transform:scale(0.97)}
  62%{transform:scale(1);box-shadow:0 12px 24px -10px rgba(27,77,46,0.8),0 0 0 0 rgba(201,162,39,0)}
}
.sl .cta svg{width:19px;height:19px;flex-shrink:0}
.sl .note{font-size:11.5px !important;color:#8A969C !important;margin-top:12px}

.sl .points{margin:18px 0 0;text-align:left;border-top:1px solid #EFE6D4}
.sl .pt{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #EFE6D4;font-size:13.5px !important;font-weight:500 !important;color:#22303A !important}
.sl .pt i{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#1B4D2E;color:#C9A227;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px !important;font-weight:700 !important}

.sl .foot{padding-top:16px}
.sl .ads{font-size:11.5px !important;color:#5B6B73 !important;margin-bottom:8px}
.sl .ads a{color:#2E7D4F !important;font-weight:600 !important;text-decoration:none !important}
.sl .links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px}
.sl .links button{background:none;border:none;color:#5B6B73 !important;font-size:11.5px !important;cursor:pointer;padding:3px 0;font-family:'Poppins',Arial,sans-serif}
.sl .disc{font-size:9.8px !important;line-height:1.5 !important;color:#98A3A8 !important;margin-top:6px}

.overlay{position:fixed;inset:0;background:rgba(20,30,35,0.55);backdrop-filter:blur(3px);display:none;align-items:flex-end;justify-content:center;z-index:50}
.overlay.open{display:flex}
.sheet,.sheet *{font-family:'Poppins',Arial,sans-serif !important}
.sheet{width:100%;max-width:440px;max-height:78vh;overflow-y:auto;background:#FFFFFF;border-radius:22px 22px 0 0;padding:20px 22px 26px;animation:up .26s ease-out;text-align:left}
@keyframes up{from{transform:translateY(100%)}}
.handle{width:40px;height:4px;border-radius:4px;background:#D9CFBB;margin:0 auto 16px}
.sheet h3{font-size:18px !important;color:#1B4D2E !important;margin-bottom:12px}
.sheet h4{font-size:13px !important;color:#22303A !important;margin:12px 0 4px}
.sheet p,.sheet li{font-size:12.8px !important;color:#4B5A62 !important;line-height:1.7 !important}
.sheet b{color:#22303A !important}
.sheet ul{padding-left:18px;margin-bottom:8px}
.sheet p{margin-bottom:8px}
.close-btn{margin-top:12px;width:100%;padding:12px;border-radius:12px;border:none;background:#F6F1E7;color:#1B4D2E;font-weight:600;font-size:13px;cursor:pointer}

@media (prefers-reduced-motion: reduce){.sl .logo,.sl .cta-face{animation:none}}
@media (max-height:640px){.sl .logo{width:96px;height:96px;margin-bottom:10px}.sl .name{font-size:24px !important}.sl .points .pt{padding:8px 4px}}