* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Inter, Helvetica, Arial, sans-serif; color: #1c1e21; background: #f8fafc; line-height: 1.6; }
.hero { background: linear-gradient(135deg, #29323c, #485563); color: white; text-align: center; padding: 4rem 1rem; }
.hero h1 { font-size: 2.8rem; margin-bottom: 0.5rem; }
.hero p { font-size: 1.2rem; opacity: 0.9; }
.container { max-width: 900px; margin: 2rem auto; padding: 0 1rem; }
section { margin-bottom: 1.8rem; }
section h2 { margin-bottom: 0.75rem; color: #1e293b; }
section p, section ul { font-size: 1.05rem; }
section ul { list-style: disc inside; }
.section li { margin-bottom: 0.45rem; }
a { color: #3b82f6; text-decoration: none; }
a:hover { text-decoration: underline; }
.footer { text-align: center; padding: 1.25rem 0; color: #475569; }