/* css/style.css — простой стиль */
:root{
  --bg:#f7f7fb;
  --card:#ffffff;
  --accent:#2b6ef6;
  --muted:#6b7280;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter, Roboto, "Segoe UI", Arial, sans-serif;
  background:var(--bg);
  color:#111827;
  line-height:1.4;
  padding:24px;
}

header{max-width:900px;margin:0 auto 18px}
.lead{color:var(--muted)}

.card{
  background:var(--card);
  padding:18px;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(15,23,42,0.06);
  max-width:720px;
  margin:0 auto;
}

button{
  background:var(--accent);
  color:white;
  border:0;
  padding:10px 14px;
  border-radius:8px;
  cursor:pointer;
  font-weight:600;
}

footer{max-width:900px;margin:18px auto 0;color:var(--muted)}