:root{
  --bg: #0b1220;/* fundo escuro elegante */
  --card:#0f172a;   /* card/contraste */
  --text:#e5e7eb;   /* texto principal */
  --muted:#94a3b8;  /* texto secundário */
  --brand:#22d3ee;  /* ciano */
  --brand-2:#38bdf8;/* azul claro */
  --accent:#10b981; /* verde (doações/sucesso) */
  --danger:#ef4444; /* eventuais erros */
  --shadow: 0 10px 30px rgba(2,6,23,.4);
  --radius: 16px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color:var(--text); background: radial-gradient(1200px 800px at 80% -10%, rgba(34,211,238,.15), transparent 60%),
  radial-gradient(800px 600px at 10% 0%, rgba(56,189,248,.12), transparent 50%),
  var(--bg);
}
a{color:var(--brand-2); text-decoration:none}
a:hover{opacity:.9}
.container{max-width:1100px; margin:0 auto; padding:0 20px}

/* Header */
header{position:sticky; top:0; backdrop-filter:saturate(140%) blur(8px); background:rgba(11,18,32,.5); border-bottom:1px solid rgba(148,163,184,.15); z-index:50}
.nav{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.brand{display:flex; align-items:center; gap:12px; font-weight:700; letter-spacing:.2px}
.badge{font-size:12px; color:var(--muted)}

/* Hero */
.hero{padding:72px 0 40px}
.hero h1{font-size: clamp(28px, 4vw, 46px); line-height:1.15; margin:0 0 14px}
.hero p{color:var(--muted); max-width:770px; margin:0 0 26px}
.search-card{background:linear-gradient(180deg, rgba(15,23,42,.9), rgba(15,23,42,.8)); border:1px solid rgba(148,163,184,.2); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow); display:flex; gap:12px; align-items:center}
.search-card input{
  flex:1; padding:14px 16px; border-radius:12px; border:1px solid rgba(148,163,184,.25); background:#0b1220; color:var(--text);
  outline:none; transition:border-color .2s ease;
}
.search-card input::placeholder{color:#94a3b8}
.search-card input:focus{border-color:var(--brand)}
.btn{cursor:pointer; border:0; border-radius:12px; padding:14px 18px; font-weight:600}
.btn-primary{background:linear-gradient(90deg, var(--brand), var(--brand-2)); color:#04121a}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent; color:var(--text); border:1px solid rgba(148,163,184,.28)}

/* Content sections */
section{padding:36px 0}
.cards{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}
.card{grid-column:span 12; background:var(--card); border:1px solid rgba(148,163,184,.2); border-radius:var(--radius); padding:22px}
@media (min-width: 800px){ .card.half{grid-column:span 6} }

.supporters{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px}
.supporter{
  display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:18px; border:1px solid rgba(148,163,184,.2);
  border-radius:14px; background:rgba(15,23,42,.6)
}
.supporter .label{font-size:12px; color:var(--muted)}

.domains{display:flex; flex-wrap:wrap; gap:10px}
.domain-pill{padding:8px 12px; border-radius:999px; border:1px dashed rgba(148,163,184,.35); color:#d1d5db; background:rgba(15,23,42,.55)}

.donate{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap
}
.btn-donate{background:linear-gradient(90deg, var(--accent), #34d399); color:#052016}
.specs-list {
  padding-left: 20px;
  margin: 0;
  list-style-type: disc;
}
.specs-list li {
  margin-bottom: 4px;
  font-size: 14px;
}

/* Footer */
footer{margin-top:40px; border-top:1px solid rgba(148,163,184,.15); padding:26px 0 40px; color:var(--muted)}
.footer-grid{display:grid; grid-template-columns:1fr; gap:12px; align-items:center}
@media (min-width: 700px){ .footer-grid{grid-template-columns:1fr auto} }