* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Inter, Arial, sans-serif; background: #f5f7fb; color: #1e293b; padding: 2rem 1.2rem; }
main { max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 2rem; box-shadow: 0 10px 24px rgba(15,23,42,0.05); }
nav { margin-bottom: 1.4rem; }
nav a { color: #2b6e9e; text-decoration: none; font-weight: 700; margin-right: 1rem; }
h1 { color: #1e3c72; font-size: 2rem; line-height: 1.2; margin-bottom: 1rem; }
h2 { color: #2b6e9e; font-size: 1.25rem; margin: 1.4rem 0 0.55rem; }
p, li { color: #334155; line-height: 1.75; font-size: 1rem; margin-bottom: 0.85rem; }
ul { padding-left: 1.2rem; margin: 0.7rem 0; }
a { color: #2b6e9e; font-weight: 700; }
@media (max-width: 650px) { body { padding: 1rem; } main { padding: 1.2rem; } h1 { font-size: 1.55rem; } }