body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Arial, sans-serif;
  color: #0f172a;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  line-height: 1.75;
}
.wrap { max-width: 920px; margin: 0 auto; padding: 42px 18px 56px; }
.brand { color: #3b63c7; font-weight: 800; margin-bottom: 24px; }
.hero { padding: 34px; border: 1px solid rgba(15,23,42,.08); border-radius: 16px; background: rgba(255,255,255,.74); box-shadow: 0 18px 60px rgba(15,23,42,.08); }
h1 { margin: 0 0 14px; font-size: 36px; line-height: 1.25; }
h2 { margin: 30px 0 12px; font-size: 22px; }
p { color: #475569; }
ul { color: #475569; padding-left: 22px; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.card { padding: 18px; border: 1px solid rgba(15,23,42,.08); border-radius: 12px; background: rgba(255,255,255,.72); }
.card strong { display: block; color: #0f172a; margin-bottom: 6px; }
.nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
a { color: #2563eb; text-decoration: none; }
a:hover { text-decoration: underline; }
.btn { display: inline-flex; padding: 10px 14px; border-radius: 10px; background: #2563eb; color: #fff; font-weight: 700; }
.risk { padding: 14px 16px; border-radius: 12px; border: 1px solid rgba(245,158,11,.28); background: rgba(245,158,11,.1); color: #92400e; }
@media (max-width: 720px) { h1 { font-size: 28px; } .grid { grid-template-columns: 1fr; } .hero { padding: 22px; } }