.video-background {
            position: fixed;
            right: 0;
            bottom: 0;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -1000;
            overflow: hidden;
            background: #003366; /* Темно-синий фон на случай, если видео не загрузится */
        }

     #myVideo {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -1000;
            transform: translateX(-50%) translateY(-50%);
            object-fit: cover;
        }

      .content {
            position: relative;
            z-index: 1;
        }



           body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            color: white;
            overflow-x: hidden;
            min-height: 100vh;
        }

       .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .header {
            text-align: center;
            margin-bottom: 40px;
        }

        .menu {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
            margin-bottom: 40px;
        }

         .long-button {
            width: 300px;
            padding: 15px 25px;
            background: rgba(0, 104, 224, 0.8);
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-size: 16px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

         .square-buttons {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
            width: 300px;
        }

        .square-button {
            width: calc(50% - 10px);
            padding: 15px 5px;
            background: rgba(0, 104, 224, 0.8);
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-size: 16px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }


        .long-button:hover, .square-button:hover {
            background: rgba(0, 104, 224, 1);
            transform: translateY(-3px);
            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
        }

        .rate-container {
            display: none;
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
            text-align: left;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .rate-title {
            font-size: 24px;
            text-align: left;
            margin-bottom: 30px;
            font-weight: bold;
            color: #0068e0;
        }

        .rate-values {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 30px;
            align-items: flex-start;
        }

        .rate-type {
            font-size: 18px;
            margin-bottom: 10px;
            text-align: left;
            color: #555;
        }

        .rate-number {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 30px;
            text-align: left;
            color: #0068e0;
        }


        .rate-disclaimer {
            margin: 25px 0;
            font-size: 16px;
            line-height: 1.5;
            text-align: left;
            color: #666;
        }

        .rate-checkbox {
            display: flex;
            align-items: center;
            margin: 15px 0;
            gap: 10px;
            justify-content: flex-start;
            color: #666;
        }

        .rate-button {
            width: 100%;
            padding: 15px;
            background: #0068e0;
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-size: 16px;
            margin: 20px 0;
        }

        .rate-button:hover {
            background: #0052b3;
        }
        /* Стили для экрана обмена */
        /* Стили для экрана обмена */
        .exchange-container {
            display: none;
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .exchange-title {
            font-size: 24px;
            text-align: left;
            margin-bottom: 30px;
            font-weight: bold;
            color: #0068e0;
        }

        .exchange-options {
            display: flex;
            justify-content: space-around;
            margin-bottom: 30px;
        }

        .exchange-option {
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            padding: 10px 20px;
            border-radius: 5px;
            background: transparent;
            border: none;
            color: #0068e0;
        }

        .exchange-option.active {
            background: rgba(0, 104, 224, 0.2);
        }

        .exchange-input {
            width: 70%;
            padding: 15px;
            margin-bottom: 30px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #ddd;
            border-radius: 8px;
            color: #333;
            font-size: 16px;
        }

        .exchange-divider {
            border: none;
            height: 1px;
            background: rgba(0, 0, 0, 0.1);
            margin: 20px 0;
        }

        .exchange-section-title {
            font-size: 18px;
            margin-bottom: 20px;
            font-weight: bold;
            color: #0068e0;
        }

        .exchange-field {
            margin-bottom: 20px;
        }

        .exchange-field-title {
            margin-bottom: 10px;
            font-size: 14px;
            color: #555;
        }

        .exchange-field-input {
            width: 70%;
            padding: 12px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #ddd;
            border-radius: 8px;
            color: #333;
            font-size: 16px;
        }

        .exchange-checkbox {
            display: flex;
            align-items: center;
            margin: 15px 0;
        }

        .exchange-checkbox input {
            margin-right: 10px;
            width: 18px;
            height: 18px;
        }

        .exchange-button {
            width: 100%;
            padding: 15px;
            background: #0068e0;
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            font-size: 16px;
            margin: 10px 0;
        }

        .exchange-button:hover {
            background: #0052b3;
        }

        .sell-menu {
            display: none;
        }

        /* Стили для экрана "Все заявки" */
        .orders-container {
            display: none;
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
            text-align: center;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .orders-title {
            font-size: 24px;
            text-align: left;
            margin-bottom: 30px;
            font-weight: bold;
            color: #0068e0;
        }

        .orders-empty {
            font-size: 16px;
            margin: 40px 0;
            color: #666;
        }

        .orders-button {
            width: 100%;
            padding: 15px;
            background: #0068e0;
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 20px;
        }

        .orders-button:hover {
            background: #0052b3;
        }
        /* Стили для экрана поддержки */
        .support-container {
            display: none;
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .support-title {
            font-size: 24px;
            text-align: left;
            margin-bottom: 30px;
            font-weight: bold;
            color: #0068e0;
        }

        .support-text {
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 20px;
            color: #555;
        }

        .support-contact {
            margin: 25px 0;
            font-size: 16px;
            color: #555;
        }

        .support-link {
            color: #0068e0;
            text-decoration: none;
            font-weight: bold;
        }

        .support-button {
            width: 100%;
            padding: 15px;
            background: #0068e0;
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            margin: 10px 0;
            text-align: center;
        }

        .support-button:hover {
            background: #0052b3;
        }

        .chat-button {
            background: #0068e0;
        }

        .chat-button:hover {
            background: #0052b3;
        }
         /* Стили для экрана "О нас" */
        .about-container {
            display: none;
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .about-title {
            font-size: 24px;
            text-align: left;
            margin-bottom: 30px;
            font-weight: bold;
            color: #0068e0;
        }

        .about-text {
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 15px;
            color: #555;
        }

        .about-address {
            margin: 25px 0;
            font-size: 16px;
            line-height: 1.5;
            color: #555;
        }

        .about-button {
            width: 100%;
            padding: 15px;
            background: #0068e0;
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            margin: 20px 0;
            text-align: center;
        }

        .about-button:hover {
            background: #0052b3;
        }
         /* Стили для экрана AML проверки */
        .aml-container {
            display: none;
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .aml-title {
            font-size: 24px;
            text-align: left;
            margin-bottom: 30px;
            font-weight: bold;
            color: #0068e0;
        }

        .aml-subtitle {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 20px;
            color: #555;
        }

        .aml-field {
            margin-bottom: 20px;
        }

        .aml-field-title {
            margin-bottom: 10px;
            font-size: 14px;
            color: #555;
        }

        .aml-field-input {
            width: 70%;
            padding: 12px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #ddd;
            border-radius: 8px;
            color: #333;
            font-size: 16px;
        }

        .aml-checks-left {
            font-size: 14px;
            margin-bottom: 20px;
            color: #666;
        }

        .aml-notice {
            font-size: 14px;
            margin: 20px 0;
            line-height: 1.5;
            color: #555;
        }

        .aml-button {
            width: 100%;
            padding: 15px;
            background: #0068e0;
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            margin: 10px 0;
            text-align: center;
        }

        .aml-button:hover {
            background: #0052b3;
        }

        .check-button {
            background: #0068e0;
        }

        .check-button:hover {
            background: #0052b3;
        }
        /* Стили для экрана биржи */
        .mosca-container {
            display: none;
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .mosca-title {
            font-size: 24px;
            text-align: left;
            margin-bottom: 30px;
            font-weight: bold;
            color: #0068e0;
        }

        .mosca-text {
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 20px;
            color: #555;
        }

        .mosca-link {
            color: #0068e0;
            font-size: 16px;
            word-break: break-all;
            display: block;
            margin: 20px 0;
            text-decoration: none;
            font-weight: bold;
        }

        .mosca-button {
            width: 100%;
            padding: 15px;
            background: #0068e0;
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            margin: 20px 0;
            text-align: center;
        }

        .mosca-button:hover {
            background: #0052b3;
        }

        .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 40, 120, 0.7);
            backdrop-filter: blur(10px);
        }

        .notification {
            padding: 15px;
            margin: 15px 0;
            border-radius: 8px;
            text-align: center;
            display: none;
            color: white;
        }

        .notification.success {
            background: rgba(0, 150, 0, 0.8);
        }

        .notification.error {
            background: rgba(200, 0, 0, 0.8);
        }

        #searchInput {
            width: 70%;
            padding: 15px;
            margin-bottom: 15px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #ddd;
            border-radius: 8px;
            color: #333;
            font-size: 16px;
        }

        #searchButton {
            margin-bottom: 20px;
        }

        .order-status {
            font-weight: bold;
            margin-bottom: 15px;
            color: #0068e0;
        }

        .order-details {
            background: rgba(255, 255, 255, 0.9);
            padding: 15px;
            border-radius: 8px;
            line-height: 1.6;
            color: #555;
            margin-bottom: 15px;
            border: 1px solid #ddd;
        }
        /* Стили админ-панели */
        .admin-container {
            display: none;
            max-width: 500px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 12px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .admin-title {
            font-size: 24px;
            text-align: left;
            margin-bottom: 30px;
            font-weight: bold;
            color: #0068e0;
        }

        .admin-tabs {
            display: flex;
            margin-bottom: 20px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }

        .admin-tab {
            padding: 10px 20px;
            background: none;
            border: none;
            color: #555;
            cursor: pointer;
            opacity: 0.7;
            font-weight: bold;
        }

        .admin-tab.active {
            opacity: 1;
            color: #0068e0;
            border-bottom: 2px solid #0068e0;
        }

        .admin-tab-content {
            display: none;
            margin-top: 20px;
        }

        .admin-tab-content.active {
            display: block;
        }

        .admin-orders-list {
            background: rgba(255, 255, 255, 0.9);
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 20px;
            max-height: 400px;
            overflow-y: auto;
            border: 1px solid #ddd;
        }

        .admin-order-item {
            padding: 12px;
            margin-bottom: 10px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 6px;
            cursor: pointer;
            border: 1px solid #ddd;
            transition: all 0.3s ease;
        }

        .admin-order-item:hover {
            background: rgba(0, 104, 224, 0.1);
        }

        .admin-order-status {
            display: inline-block;
            padding: 3px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: bold;
        }

        .status-pending {
            background: #FFC107;
            color: #000;
        }

        .status-processing {
            background: #2196F3;
            color: white;
        }

        .status-completed {
            background: #4CAF50;
            color: white;
        }

        .status-cancelled {
            background: #F44336;
            color: white;
        }

        .admin-pagination {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }

        .admin-pagination button {
            padding: 5px 10px;
            background: rgba(0, 104, 224, 0.1);
            border: none;
            color: #0068e0;
            border-radius: 4px;
            cursor: pointer;
            font-weight: bold;
        }

        .admin-pagination button:hover {
            background: rgba(0, 104, 224, 0.2);
        }

        .admin-back-button {
            width: 100%;
            padding: 15px;
            background: #0068e0;
            border: none;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            margin-top: 30px;
        }

        .admin-back-button:hover {
            background: #0052b3;
        }

        /* Модальное окно */
        .admin-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        .admin-modal-content {
            background: white;
            padding: 30px;
            border-radius: 10px;
            max-width: 500px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            color: #333;
        }

        .admin-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 20px 0;
        }

        .admin-actions button {
            padding: 8px 15px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-weight: bold;
        }

        .status-btn {
            background: #0068e0;
            color: white;
        }

        .delete-btn {
            background: #f44336;
            color: white;
        }

        .close-modal {
            background: #0068e0;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-top: 10px;
            font-weight: bold;
        }

        .close-modal:hover {
            background: #0052b3;
        }

        .admin-notification {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            padding: 12px 24px;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            z-index: 1000;
            animation: fadeInOut 3s ease-in-out;
            opacity: 0;
        }

        .admin-notification.success {
            background: rgba(0, 150, 0, 0.9);
        }

        .admin-notification.error {
            background: rgba(200, 0, 0, 0.9);
        }

        @keyframes fadeInOut {
            0% { opacity: 0; transform: translateX(-50%) translateY(20px); }
            20% { opacity: 1; transform: translateX(-50%) translateY(0); }
            80% { opacity: 1; transform: translateX(-50%) translateY(0); }
            100% { opacity: 0; transform: translateX(-50%) translateY(-20px); }
        }

        .admin-filter {
            margin-bottom: 15px;
            display: flex;
            gap: 10px;
        }

        .admin-filter select {
            padding: 8px 12px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #ddd;
            border-radius: 4px;
            color: #333;
            font-weight: bold;
        }

        .admin-filter button {
            padding: 8px 12px;
            background: #0068e0;
            border: none;
            border-radius: 4px;
            color: white;
            cursor: pointer;
            font-weight: bold;
        }

        .admin-filter button:hover {
            background: #0052b3;
        }

        .status-new {
            background: #FFC107;
            color: #000;
        }

        .status-processing {
            background: #2196F3;
            color: white;
        }

        .status-completed {
            background: #4CAF50;
            color: white;
        }
/* Добавить в секцию стилей */
.course-management-form {
  padding: 20px;
}

.admin-field {
  margin-bottom: 20px;
}

.admin-field label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: #555;
}

.admin-field-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
}

.admin-button {
  padding: 10px 20px;
  background: #0068e0;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.3s;
}

.admin-button:hover {
  background: #0052b3;
}