body { font-family: 'Roboto Slab', serif; margin: 0; padding: 0; background-color: #f5f5f5; } .header { background-color: #2C7D2F; padding: 15px; text-align: center; color: white; } .header p { margin: 0; font-size: 16px; } .main-content { display: flex; justify-content: center; align-items: center; padding: 40px; } .form-section { background-color: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 400px; } h1 { font-size: 24px; font-weight: 700; margin-bottom: 10px; color: #333; } h1 span { color: #007BFF; } .subheading { font-size: 16px; margin-bottom: 20px; color: #666; } form { display: flex; flex-direction: column; } label { font-size: 14px; font-weight: 500; margin-bottom: 10px; } .options { margin-bottom: 20px; } .options label { font-size: 14px; color: #333; margin-left: 8px; } input[type="text"] { padding: 10px; font-size: 14px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 4px; width: 100%; } .cta-button { background-color: #FF8C00; color: white; padding: 15px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } .cta-button:hover { background-color: #e07a00; } .footer { text-align: center; padding: 20px; background-color: #333; color: white; } .footer a { color: #FF8C00; text-decoration: none; margin: 0 10px; } .footer a:hover { text-decoration: underline; }