*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;-webkit-text-size-adjust:100%}
body{font-family:"Nunito",system-ui,sans-serif;min-height:100%}
.splash-bg{position:fixed;inset:0;background:#FFCC00}
.splash-wrap{
  position:fixed;inset:0;z-index:2;
  display:flex;align-items:center;justify-content:center;
  padding:22px 16px;
}
.splash-box{
  width:100%;max-width:350px;
  background:#fff;color:#191919;
  border-radius:20px;padding:28px 22px 18px;
  box-shadow:0 16px 36px rgba(0,0,0,.14);
  text-align:center;
}
.splash-badge{
  width:46px;height:46px;margin:0 auto 12px;
  border-radius:12px;background:#FFCC00;color:#191919;
  display:grid;place-items:center;font-weight:800;font-size:1.05rem;
}
.splash-box h1{font-size:1.22rem;line-height:1.25;font-weight:800}
.splash-sub{margin-top:6px;font-size:.82rem;color:#666;font-weight:600}
.splash-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.splash-no,.splash-yes{
  border:0;border-radius:999px;padding:12px 8px;
  font:inherit;font-weight:800;cursor:pointer;
}
.splash-no{background:#efefef;color:#191919}
.splash-yes{background:#FFCC00;color:#191919}
.splash-yes:disabled{opacity:.7;cursor:wait}
.splash-no:active,.splash-yes:active{transform:scale(.97)}
.splash-links{margin-top:14px;font-size:.7rem;font-weight:800}
.splash-links a{color:#148a4a;text-decoration:none}
.hidden{display:none}
@media(max-width:360px){.splash-actions{grid-template-columns:1fr}}