:root{--bg:#0b0f17;--card:#111827;--muted:#93a3b8;--text:#e5e7eb;--primary:#60a5fa;--accent:#f472b6}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,-apple-system,Arial;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:16px}
.navbar{background:#0f1724;padding:12px;border-bottom:1px solid rgba(255,255,255,0.03)}
.logo{font-weight:800;color:var(--text);text-decoration:none}.logo span{color:var(--primary)}
.menu a{color:var(--muted);margin-left:14px;text-decoration:none}.menu a:hover{color:var(--text)}
.hero{padding:24px 0}.hero h1{margin:0;font-size:32px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:18px}
.card{display:block;padding:18px;border-radius:12px;background:linear-gradient(180deg,#0f1724,#0b1320);
border:1px solid rgba(255,255,255,0.04);text-decoration:none;color:var(--text)}
.card h3{margin:0 0 6px}.card p{margin:0;color:var(--muted)}
.form{display:grid;gap:12px;max-width:640px}.form input,.form select{padding:10px;border-radius:8px;
border:1px solid rgba(255,255,255,0.06);background:#07101a;color:var(--text)}
.form button{padding:12px;border-radius:10px;border:0;background:linear-gradient(90deg,var(--primary),var(--accent));
color:white;font-weight:700;cursor:pointer}
.footer{background:#0f1724;padding:10px 0;margin-top:150px}
.footer-copy{text-align:center;color:var(--muted);margin-top:10px;font-size:14px}
.ad-banner {
  max-width: 728px;   /* largura do banner */
  height: 90px;       /* altura do banner */
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(255,255,255,0.03);
  border: 1px dashed rgba(255,255,255,0.06);
  border-radius: 8px;
  color: #9aa4b2;