:root {
  --text: #e8ecff;
  --muted: #313239;
  --brand: #6ea8ff;
  --bg: #10430200;
}

/* Reset and base styles */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  min-height: 100vh;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  color: var(--text);
  font-family: system-ui, -apple-system, Inter, Arial, sans-serif;
  background-color: var(--bg); /* Force dark background */
  line-height: 1.5;
}
.site-title{
  margin:28px 0 12px;
  font-size:clamp(1.6rem,4vw,2.2rem);
  color:var(--brand);
  text-align:center
}
.site-subtitle{
  text-align:center;
  color:var(--muted);
  margin:0 0 32px
}
main{
  max-width:900px;
  margin:0 auto;
  padding:0 16px 40px
}
.search-bar{display:flex;gap:8px;justify-content:center}
.search-bar input{padding:.6rem .8rem;border-radius:10px;border:1px solid #2b3570;background:#0f1630;color:var(--text);min-width:280px}
.search-bar button{padding:.6rem .9rem;border-radius:10px;border:1px solid #2b3570;background:#1a2140;color:var(--text);cursor:pointer}
footer{opacity:.7;text-align:center;padding:24px 0}