:root{--primary:#14b8a6}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:auto}                     /* allow sideways scroll */
body{
  font-family:'Inter',Arial,sans-serif;
  background:#f9f9f9;color:#111
}
main{
  min-width:1280px;                            /* desktop canvas width */
  margin:auto;padding:40px 16px;text-align:center
}

h1{font-size:2rem;font-weight:600;margin:24px 0}
p.lead{margin-bottom:26px;font-size:1rem}

input[type=email]{
  width:320px;max-width:100%;padding:11px 12px;
  border:1px solid #ccc;border-radius:6px;font-size:1rem;
  margin:0 auto 16px;display:block
}
#claimBtn{
  padding:12px 34px;font-size:1rem;background:var(--primary);
  color:#fff;border:none;border-radius:6px;cursor:pointer;opacity:.9;transition:.2s
}
#claimBtn:hover:not(:disabled){opacity:1}
#claimBtn:disabled{opacity:.4;cursor:not-allowed}
.cooldown{margin-top:8px;color:#666;font-size:.95rem}

.banner-desktop,.grid,.skyscrapers,.footer-row{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0
}
.ad-slot{min-height:60px;min-width:120px}

/* Modals */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.82);
       z-index:10000;align-items:center;justify-content:center}
.modal.show{display:flex}
.box{background:#111;color:#fff;padding:24px;border-radius:10px;
     max-width:90%;width:300px;text-align:center}
.box h2{font-size:1.4rem;margin-bottom:12px}
.box button{margin-top:16px;padding:10px 26px;border:none;border-radius:6px;
            background:var(--primary);color:#fff;font-size:1rem;cursor:pointer}
/* hidden by default (desktop) */
.mobile-msg{
  display:none;
  background:#ffe8e8;
  color:#b30000;
  font-size:0.95rem;
  padding:12px 6px;
  border:1px solid #ffb3b3;
  border-radius:6px;
  margin-bottom:18px;
}

/* show banner and center text on screens under 700 px */
@media (max-width:699px){
  .mobile-msg{display:block}
}
/* style.css */

/* Blog button on main page */
#blog-section {
  margin: 40px 0;
  text-align: center;
}
#blogBtn {
  padding: 12px 30px;
  font-size: 1rem;
  background: #14b8a6;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: opacity .2s;
}
#blogBtn:hover {
  opacity: .8;
}