:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #111827; background: #f8fafc; }
body { margin: 0; }
.topbar { display: flex; justify-content: space-between; gap: 24px; padding: 28px 40px; background: #111827; color: white; align-items: end; }
.eyebrow { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #a7f3d0; font-weight: 800; }
h1 { margin: 6px 0 0; font-size: 30px; }
h2 { margin-top: 0; }
h3 { margin-bottom: 8px; }
nav { display: flex; gap: 14px; flex-wrap: wrap; }
nav a { color: #d1fae5; text-decoration: none; font-weight: 700; }
main { max-width: 1120px; margin: 0 auto; padding: 34px 24px 54px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }
.card { background: white; border: 1px solid #e5e7eb; border-radius: 18px; padding: 22px; box-shadow: 0 8px 24px rgba(15, 23, 42, .06); margin-bottom: 18px; }
.hero { background: linear-gradient(135deg, #064e3b, #111827); color: white; border-radius: 24px; padding: 36px; margin-bottom: 22px; }
.hero p { color: #d1fae5; }
.metric { font-size: 34px; font-weight: 900; margin: 6px 0; }
.muted { color: #64748b; }
.badge { display: inline-block; padding: 5px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; }
.badge.public { color: #065f46; background: #d1fae5; }
.badge.private { color: #1e3a8a; background: #dbeafe; }
.badge.paid { color: #7c2d12; background: #ffedd5; }
.badge.denied { color: #7f1d1d; background: #fee2e2; }
.cta { display: inline-block; padding: 12px 16px; border-radius: 12px; background: #10b981; color: #022c22; font-weight: 900; text-decoration: none; margin-top: 12px; }
.secondary { background: #e5e7eb; color: #111827; }
ul { line-height: 1.75; }
code { background: #f1f5f9; padding: 2px 5px; border-radius: 6px; }
footer { padding: 24px 40px; color: #64748b; border-top: 1px solid #e5e7eb; background: white; }
.warning { border-left: 5px solid #f59e0b; }
.ok { border-left: 5px solid #10b981; }