:root { --primary:#0b5cab; --secondary:#eaf4ff; --text:#1f2937; --border:#dbe3ea; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.7; color:var(--text); background:#f7fafc; }
.container { width:min(1100px, calc(100% - 2rem)); margin:0 auto; }
.hero { background:linear-gradient(135deg,#0b5cab,#0a7ad9); color:white; padding:4rem 0; }
.brand { display:flex; align-items:center; gap:1.5rem; }
.logo { width:84px; height:84px; background:white; border-radius:18px; padding:10px; }
.hero h1 { margin:0 0 .5rem; font-size:2.5rem; }
.nav { background:white; border-bottom:1px solid var(--border); position:sticky; top:0; }
.nav .container { display:flex; flex-wrap:wrap; gap:1rem; padding:1rem 0; }
.nav a { color:var(--primary); text-decoration:none; font-weight:600; }
.card { background:white; border:1px solid var(--border); border-radius:14px; padding:2rem; margin:2rem 0; box-shadow:0 8px 24px rgba(15,23,42,.05); }
h2 { color:var(--primary); margin-top:0; }
table { width:100%; border-collapse:collapse; font-size:.95rem; }
th, td { border:1px solid var(--border); padding:.75rem; text-align:left; vertical-align:top; }
th { background:var(--secondary); }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2rem; }
a { color:var(--primary); }
.footer { text-align:center; padding:2rem 0 3rem; color:#6b7280; }