/* styles.css - design chamativo e profissional */
:root{
  --bg:#0f1724;
  --card:#0b1220;
  --accent:#06b6d4;
  --muted:#9aa6b2;
  --glass: rgba(255,255,255,0.03);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial;
  background: linear-gradient(180deg,#081328 0%, #041027 100%);
  color:#e6eef6;
  -webkit-font-smoothing:antialiased;
}
.container{max-width:1000px;margin:0 auto;padding:24px;}
.site-header{background:var(--glass);backdrop-filter:blur(6px);padding:12px 0;position:sticky;top:0;z-index:30}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-header h1{margin:0;font-size:20px;color:var(--accent)}
.site-header nav a{color:var(--muted);margin-left:16px;text-decoration:none}
.hero{padding:40px 0;text-align:left}
.hero h2{font-size:28px;margin:0 0 8px}
.hero p{color:var(--muted);max-width:70%}
.ad-zone{margin:20px 0;display:flex;justify-content:center}
.in-article-ad{display:block;text-align:center}
.articles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:16px;border-radius:12px}
.readmore{display:inline-block;margin-top:12px;color:var(--accent);text-decoration:none}
.about,.contact{margin-top:20px}
.site-footer{padding:18px 0;text-align:center;color:var(--muted);margin-top:30px}
input,textarea{width:100%;padding:8px;margin-top:8px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit}
@media(max-width:800px){
  .articles{grid-template-columns:1fr}
  .hero p{max-width:100%}
  .ad-card{width:100%}
}