/* roulang page: index */
\n";
echo "body { font-family: sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; }\n";
echo "header { background-color: #333; color: white; text-align: center; padding: 1em 0; }\n";
echo "nav { background-color: #444; overflow: hidden; }\n";
echo "nav a { float: left; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; }\n";
echo "nav a:hover { background-color: #ddd; color: black; }\n";
echo ".container { max-width: 960px; margin: 20px auto; padding: 20px; background-color: white; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }\n";
echo "h1 { text-align: center; }\n";
echo "p { line-height: 1.6; }\n";
echo ".cta-button { display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; }\n";
echo ".features { margin-top: 20px; }\n";
echo ".feature { margin-bottom: 15px; padding: 10px; border: 1px solid #eee; border-radius: 5px; }\n";
echo "footer { background-color: #333; color: white; text-align: center; padding: 1em 0; position: absolute; bottom: 0; width: 100%; }\n";
echo "
