:root { color-scheme: light; }
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  background:#f6f7fb;
  color:#0b1220;
  line-height:1.55;
}
.wrap{ max-width:920px; margin:0 auto; padding:18px 16px 40px; }
.card{
  background:#fff;
  border:1px solid #e8ecf3;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  overflow:hidden;
}
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid #e8ecf3;
  background:#fff;
  position:sticky;
  top:0;
  z-index:10;
}
.title{ font-weight:700; font-size:14px; letter-spacing:.2px; }
.btn{
  appearance:none;
  border:1px solid #d7deea;
  background:#fff;
  padding:8px 12px;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
}
.btn:active{ transform:translateY(1px); }
.content{ padding:18px 18px 22px; }
h1{ font-size:20px; margin:0 0 10px; }
h2{ font-size:15px; margin:18px 0 8px; }
p{ margin:8px 0; color:#111827; }
.muted{ color:#475569; font-size:13px; margin-top:10px; }
.contact{
  margin-top:14px;
  padding:12px 14px;
  background:#f8fafc;
  border:1px solid #e8ecf3;
  border-radius:12px;
}
a{ color:#1d4ed8; text-decoration:none; }
a:hover{ text-decoration:underline; }