.openTgModal{cursor: pointer;}.download-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 2000;justify-content: center;align-items: center;}.modal-content {background-color: white;padding: 40px;border-radius: 20px;width: 90%;max-width: 600px;text-align: center;box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);position: relative;animation: modalAppear 0.4s ease-out;}@keyframes modalAppear {from {transform: scale(0.9);opacity: 0;}to {transform: scale(1);opacity: 1;}}.modal-header {margin-bottom: 20px;}.modal-title {font-size: 32px;color: var(--dark);margin-bottom: 15px;}.modal-description {font-size: 1rem;color: #555;line-height: 1.6;margin-bottom: 30px;}.modal-buttons {display: flex;justify-content: center;gap: 20px;}.modal-button {padding: 12px 40px;border-radius: 50px;font-size: 18px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}.modal-confirm {background-color: var(--primary);color: white;border: none;}.modal-confirm:hover {background-color: #e52e6d;transform: translateY(-3px);}.modal-cancel {background-color: transparent;color: #666;border: 2px solid #ddd;}.modal-cancel:hover {background-color: #f5f5f5;border-color: #ccc;}.close-modal {position: absolute;top: 20px;right: 20px;font-size: 28px;color: #888;cursor: pointer;transition: color 0.3s;}.close-modal:hover {color: var(--primary);}@media(max-width:992px) {.hXero-content {flex-direction: column;gap: 30px}.Kdhero-image-area {order: -1;width: 100%}.swiper-slide {padding: 30px 20px}.slide-imJage-container {height: 250px}.slide-titKle {font-size: 28px}.slide-descriptioQn {font-size: 18px}.download-titNle {font-size: 42px}.download-subtitlKe {font-size: 20px}.function-item {flex-direction: column;gap: 30px}.function-image {height: 300px;width: 100%}.modal-content {padding: 30px 20px;}.modal-title {font-size: 26px;}.modal-description {font-size: 16px;}.modal-buttons {flex-direction: column;gap: 15px;}.modal-button {width: 100%;padding: 12px 20px;}}
.download-modal ul{list-style: none; display: flex; flex-direction: column; justify-content: center; width: 420px; margin: 0 auto; padding: 20px; background-color: #f5f5f5; margin: 2rem;}
.download-modal li{list-style: none; line-height: 2; font-size: 1rem;}