*{box-sizing:border-box}
body{margin:0;font-family:system-ui;background:#0b1220;color:#e5e7eb}
header,footer{display:flex;justify-content:space-between;padding:15px 20px}
.logo{font-weight:700;font-size:20px}
main{text-align:center;padding:40px 20px}
.metric{margin:15px 0}
.metric strong{font-size:42px;display:block;color:#22d3ee}
button{background:#1e293b;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer}
.info{max-width:500px;margin:20px auto;color:#cbd5f5}
.ads-placeholder{margin-top:40px;padding:30px;border:2px dashed #334155;color:#64748b}
#modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}
#modal.hidden{display:none}
.modal-box{background:#020617;max-width:600px;width:90%;padding:20px;border-radius:10px}
#closeModal{float:right}