body { font-family: 'Segoe UI', sans-serif; margin: 0; padding: 0; background: #f9f9f9; color: #333; line-height: 1.6; }
    .container { max-width: 1100px; margin: auto; padding: 2rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
    h1, h2 { color: #2c3e50; }
    h1 { font-size: 2.5rem; margin-bottom: 1rem; }
    h2 { font-size: 1.8rem; margin-top: 2rem; }
    ul { padding-left: 1.2rem; }
    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; }
    .card { background: #eef3f7; padding: 1rem; border-radius: 8px; }
    .highlight { background: #dff0d8; padding: 0.5rem; border-left: 5px solid #4CAF50; margin: 1rem 0; }
    .cta { margin-top: 2rem; text-align: center; }
    .cta button { background: #3498db; color: white; padding: 0.8rem 1.5rem; border: none; border-radius: 5px; font-size: 1rem; cursor: pointer; transition: background 0.3s; }
    .cta button:hover { background: #2980b9; }