* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: Arial, sans-serif; background-color: #f0f4f8; padding: 20px;}
.container {max-width: 600px; margin: 50px auto; background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.logo {margin-bottom: 20px; text-align: center;}
.logo img {display: block; margin: 0 auto;}
h1 {margin-bottom: 20px; text-align: center; color: #333;}
label {display: block; margin-top: 15px; color: #555; font-size: 14px;}
input[type=tel] {width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #ccc; margin-top: 5px;}
textarea {width: 100%; padding: 10px; margin-top: 5px; border-radius: 5px; border: 1px solid #ccc; font-size: 14px;}
button {margin-top: 20px; width: 100%; padding: 12px; border: none; background-color: #25d366; color: white; font-size: 16px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s;}
button:hover {background-color: #1da851;}
.share-buttons {margin-top: 20px; text-align: center;}
.share-buttons img {margin: 5px; cursor: pointer; border-radius: 5px; transition: transform 0.2s;}
.share-buttons img:hover {transform: scale(1.1);}
.erro {color: #e74c3c; font-size: 12px; margin-top: 4px; display: block;}
@media (max-width: 600px) {.container {padding: 15px;}}