.logo { width: 100px; margin-bottom: 20px; }
.footer .logo { width: 120px; }
.social-icons { display: flex; gap: 20px; margin: 20px 0; }
.social-icon { width: 40px; height: 40px; transition: transform 0.3s; }
.social-icon:hover { transform: scale(1.1); }
.footer .social-icons .social-icon { filter: invert(31%) sepia(80%) saturate(433%) hue-rotate(90deg) brightness(93%) contrast(90%); }
.app-badges { display: flex; gap: 16px; margin-top: 20px; }
.app-badges img {
    height: 150px;
    width: auto;
    transition: transform 0.2s;
}
.app-badges img:hover { transform: scale(1.05); }
.key-point { display: flex; flex-direction: column; align-items: center; gap: 15px; text-align: center; }
.key-point-icon { width: 50px; height: 50px; }
.key-point p { font-weight: 600; color: #376435; }
.feature { padding: 20px; position: relative; }
.feature-bg-number { font-size: 6rem; color: #F1F1F1; position: absolute; left: 10px; top: 0; z-index: -1; font-weight: bold; }
.contact-form { display: flex; flex-direction: column; gap: 15px; }
.contact-form input, .contact-form textarea { width: 100%; padding: 12px; border: none; border-bottom: 2px solid #313131; background: transparent; }
.contact-form button { padding: 12px 30px; background-color: #55f088; color: #414141; border: 1px solid #414141; font-weight: 600; cursor: pointer; transition: background-color 0.3s; }
.contact-form button:hover { background-color: #87ff9f; }
#form-status { margin-top: 10px; font-weight: bold; }