@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f8fafd; color: #333; }
nav { background: white; border-bottom: 1px solid #eee; padding: 16px 24px; }
nav a { font-family: 'Outfit', sans-serif; font-size: 22px; font-weight: 700; color: rgb(246, 193, 66); text-decoration: none; }
.container { max-width: 720px; margin: 0 auto; padding: 48px 24px 80px; line-height: 1.7; }
.container a { color: rgb(246, 193, 66); text-decoration: none; }
.container a:hover { text-decoration: underline; }
h1 { font-size: 26px; font-weight: 700; margin-bottom: 36px; }
h2 { font-size: 17px; font-weight: 600; margin-top: 40px; margin-bottom: 10px; color: #111; }
h3 { font-size: 15px; font-weight: 600; margin-top: 24px; margin-bottom: 6px; }
p { margin-bottom: 12px; font-size: 15px; }
ul { padding-left: 20px; margin-bottom: 12px; }
li { margin-bottom: 4px; font-size: 15px; }
.footer-links { margin-top: 60px; padding-top: 20px; border-top: 1px solid #ddd; display: flex; gap: 20px; flex-wrap: wrap; }
.footer-links a { color: #888; font-size: 13px; text-decoration: none; }
.footer-links a:hover { color: #555; }