body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f8f9fa; text-align: center; } header { background: #007bff; color: white; padding: 50px 20px; } header h1 { margin: 0; font-size: 2.5em; } header p { font-size: 1.2em; } .btn { display: inline-block; margin-top: 20px; padding: 12px 25px; background: #ffcc00; color: black; font-size: 1.2em; text-decoration: none; border-radius: 5px; font-weight: bold; } .btn:hover { background: #ff9900; } #benefits { background: white; padding: 50px 20px; } #benefits h2 { font-size: 2em; } .benefit { display: inline-block; width: 30%; margin: 20px; vertical-align: top; } .benefit img { width: 100px; height: auto; } #form { background: #e9ecef; padding: 50px 20px; } #form h2 { font-size: 2em; } form { width: 60%; margin: auto; text-align: left; background: white; padding: 20px; border-radius: 10px; } label { display: block; font-weight: bold; margin: 10px 0 5px; } input, select, textarea { width: 100%; padding: 10px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #ccc; } button { width: 100%; padding: 12px; background: #28a745; color: white; font-size: 1.2em; border: none; border-radius: 5px; cursor: pointer; } button:hover { background: #218838; } footer { background: #343a40; color: white; padding: 20px; margin-top: 20px; }