/* Стили модального окна */
 .modal-overlay {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.85);
     backdrop-filter: blur(8px);
     display: none;
     /* Скрыто по умолчанию */
     align-items: center;
     justify-content: center;
     z-index: 500;
     padding: 20px;
     opacity: 0;
     transition: opacity 0.3s ease;
 }

 .modal-overlay.active {
     display: flex;
     opacity: 1;
 }

 .modal-window {
     background: #0d1117;
     border: 1px solid var(--border-color);
     border-radius: 30px;
     width: 100%;
     max-width: 360px;
     padding: 35px 25px 25px;
     position: relative;
     transform: translateY(20px);
     transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }

 .modal-overlay.active .modal-window {
     transform: translateY(0);
 }

 .modal-close {
     position: absolute;
     top: 15px;
     right: 15px;
     background: none;
     border: none;
     color: var(--text-secondary);
     font-size: 20px;
     cursor: pointer;
 }

 .modal-icon {
     font-size: 20px;
     color: var(--accent-color);
     margin-bottom: 20px;
     text-align: center;
 }

 .modal-content h3 {
     font-size: 20px;
     margin-bottom: 12px;
     text-align: center;
 }

 .modal-content p {
     font-size: 14px;
     color: var(--text-secondary);
     text-align: center;
     margin-bottom: 20px;
     line-height: 1.6;
 }

 .copy-box {
     background: rgba(255, 255, 255, 0.05);
     border: 1px dashed var(--accent-color);
     border-radius: 12px;
     padding: 10px 15px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 20px;
 }

 .copy-box span {
     font-size: 12px;
     color: var(--accent-color);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-right: 10px;
 }

 .copy-box button {
     background: none;
     border: none;
     color: white;
     cursor: pointer;
     font-size: 16px;
 }

 .primary-btn {
     width: 100%;
     background: var(--accent-color);
     color: #000;
     border: none;
     padding: 14px;
     border-radius: 15px;
     font-weight: 800;
     cursor: pointer;
     transition: 0.2s;
 }

 .primary-btn:active {
     transform: scale(0.96);
 }


 /* Стили для Toast-уведомления */
 .toast-message {
     position: fixed;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%) translateY(100px);
     background: rgba(0, 210, 255, 0.9);
     /* Твой акцентный цвет */
     color: #000;
     padding: 12px 24px;
     border-radius: 12px;
     font-weight: 700;
     font-size: 14px;
     z-index: 1000;
     box-shadow: 0 10px 30px rgba(0, 210, 255, 0.3);
     transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s;
     opacity: 0;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .toast-message.show {
     transform: translateX(-50%) translateY(0);
     opacity: 1;
 }


 /* Убираем эффект выделения при нажатии на мобильных (Tap Highlight) */
 a,
 button,
 .btn-tz,
 .btn-bonus,
 .link-item {
     -webkit-tap-highlight-color: transparent;
     outline: none;
 }

 /* Также убираем стандартный контур фокуса (для доступности лучше оставить его только для клавиатуры) */
 a:focus,
 button:focus {
     outline: none;
 }