body { margin:0; font-family: Arial, Helvetica, sans-serif; background:#f1f5f9; color:#1e293b; }
  header { background: linear-gradient(to right, #0e7490, #1e293b); color:#fff; padding:30px 20px; }
  header h1 { margin:0 0 10px; font-size:26px; }
  header p { max-width:750px; color:#cffafe; font-size:15px; line-height:1.5; margin:0; }
  nav { background:#1e293b; padding:12px 20px; position:sticky; top:0; z-index:10; }
  nav a { color:#cbd5e1; text-decoration:none; margin-right:16px; font-size:13px; font-weight:600; }
  nav a:hover { color:#22d3ee; }
  main { padding:20px; max-width:1000px; margin:0 auto; }
  section { margin-bottom:36px; }
  section h2 { font-size:21px; color:#0f172a; border-bottom:3px solid #0891b2; padding-bottom:6px; margin-bottom:16px; }
  .card { background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:18px; margin-bottom:14px; box-shadow:0 1px 3px rgba(0,0,0,0.06); }
  .card h3 { margin:0 0 8px; font-size:15px; color:#0f172a; }
  .card p, .card li { color:#334155; font-size:14px; line-height:1.6; }
  .stats { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
  .stat { flex:1; min-width:130px; border-radius:10px; padding:16px; text-align:center; color:#fff; }
  .stat .val { font-size:22px; font-weight:800; }
  .stat .lab { font-size:12px; }
  pre { background:#f8fafc; padding:12px; border-radius:8px; font-size:12px; overflow-x:auto; white-space:pre-wrap; }
  table { width:100%; border-collapse:collapse; font-size:13px; background:#fff; }
  th { background:#1e293b; color:#fff; text-align:left; padding:8px; }
  td { padding:8px; border-bottom:1px solid #e2e8f0; }
  .green{color:#059669;font-weight:700;} .red{color:#e11d48;font-weight:700;} .amber{color:#d97706;font-weight:700;}
  ul { margin-left:18px; }
  .grid2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .grid3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
  @media (max-width:700px){ .grid2,.grid3{grid-template-columns:1fr;} }
  footer { background:#0f172a; color:#94a3b8; padding:24px 20px; font-size:12px; text-align:center; }
  footer a { color:#67e8f9; text-decoration:none; }
  .refs ol { margin-left:20px; }
  .refs li { margin-bottom:8px; font-size:13px; color:#334155; }