diff --git a/cms/djangoapps/contentstore/course_admin.py b/cms/djangoapps/contentstore/course_admin.py
new file mode 100644
index 000000000000..3eb67f78341d
--- /dev/null
+++ b/cms/djangoapps/contentstore/course_admin.py
@@ -0,0 +1,496 @@
+"""Services for the private Studio course administration page.
+
+Reruns use Studio's existing cloning task. SQL stores only the reservation,
+enrollment modes and certificate configuration; learner records are never copied.
+"""
+
+import json
+import logging
+import re
+from copy import deepcopy
+from datetime import datetime, timezone
+
+from django.core.exceptions import PermissionDenied, ValidationError
+from django.db import IntegrityError, transaction
+from django.utils.dateparse import parse_datetime
+from opaque_keys import InvalidKeyError
+from opaque_keys.edx.keys import CourseKey
+from opaque_keys.edx.locator import CourseLocator
+
+from common.djangoapps.course_action_state.models import CourseRerunState
+from common.djangoapps.course_modes.models import CourseMode
+from lms.djangoapps.certificates.api import (
+    create_course_certificate_generation_settings,
+    get_course_certificate_generation_settings,
+)
+from openedx.core.djangoapps.content.course_overviews.models import CourseOverview
+from xmodule.modulestore import EdxJSONEncoder, ModuleStoreEnum
+from xmodule.modulestore.django import modulestore
+from xmodule.modulestore.exceptions import ItemNotFoundError
+
+LOGGER = logging.getLogger(__name__)
+RUN_PATTERN = re.compile(r"^(\d{4})_C([1-9]\d*)$", re.IGNORECASE)
+DATE_FIELDS = frozenset(('start', 'end', 'enrollment_start', 'enrollment_end', 'certificate_available_date'))
+BOOLEAN_FIELDS = frozenset(('self_paced', 'invitation_only'))
+COURSE_FIELDS = DATE_FIELDS | BOOLEAN_FIELDS | {'catalog_visibility'}
+SETTINGS_FIELDS = COURSE_FIELDS | {'mode', 'certificate_mode', 'shift_content_dates'}
+
+
+def _require_admin(user):
+    """Keep service calls as restricted as the HTTP entry points."""
+    if not user.is_authenticated or not user.is_active or not user.is_staff:
+        raise PermissionDenied()
+
+
+def validate_settings(payload, require_dates=False):
+    """Validate the small, explicit settings contract; omitted values stay unchanged.
+
+    Date-only and timezone-less inputs use UTC. The page sends offsets explicitly.
+    Empty optional dates clear their field; start and end cannot be cleared.
+    """
+    if not isinstance(payload, dict):
+        raise ValidationError('Настройки должны быть объектом JSON.')
+    unknown = set(payload) - SETTINGS_FIELDS
+    if unknown:
+        raise ValidationError(f'Неизвестные настройки: {", ".join(sorted(unknown))}.')
+    result = dict(payload)
+    for name in DATE_FIELDS & result.keys():
+        value = result[name]
+        if value in (None, ''):
+            result[name] = None
+        else:
+            try:
+                parsed = value if isinstance(value, datetime) else parse_datetime(value)
+            except (TypeError, ValueError) as exc:
+                raise ValidationError(f'Некорректная дата: {name}.') from exc
+            if parsed is None:
+                raise ValidationError(f'Некорректная дата: {name}.')
+            result[name] = (
+                parsed.replace(tzinfo=timezone.utc) if parsed.tzinfo is None else parsed.astimezone(timezone.utc)
+            )
+    for name in ('start', 'end'):
+        if (require_dates or name in result) and result.get(name) is None:
+            raise ValidationError(f'Укажите дату {name}.')
+    for name in (BOOLEAN_FIELDS | {'shift_content_dates'}) & result.keys():
+        if not isinstance(result[name], bool):
+            raise ValidationError(f'{name}: требуется true или false.')
+    choices = {
+        'catalog_visibility': ('both', 'about', 'none'),
+        'mode': ('copy', 'honor', 'audit'),
+        'certificate_mode': ('copy', 'enabled', 'disabled'),
+    }
+    for name, allowed in choices.items():
+        if name in result and result[name] not in allowed:
+            raise ValidationError(f'Недопустимое значение {name}.')
+    _validate_dates(result)
+    return result
+
+
+def _validate_dates(values):
+    """Validate complete or partial course/enrollment calendars."""
+    for start_name, end_name in (('start', 'end'), ('enrollment_start', 'enrollment_end')):
+        start, end = values.get(start_name), values.get(end_name)
+        if start and end and start >= end:
+            raise ValidationError(f'{end_name} должна быть позже {start_name}.')
+    if values.get('enrollment_end') and values.get('end') and values['enrollment_end'] > values['end']:
+        raise ValidationError('Окончание записи не может быть позже окончания курса.')
+    if values.get('enrollment_start') and values.get('end') and values['enrollment_start'] > values['end']:
+        raise ValidationError('Начало записи не может быть позже окончания курса.')
+
+
+def _source_course(raw_key):
+    """Require a real, unversioned split-store course."""
+    try:
+        key = raw_key if isinstance(raw_key, CourseKey) else CourseKey.from_string(raw_key)
+    except (InvalidKeyError, TypeError) as exc:
+        raise ValidationError('Некорректный идентификатор курса.') from exc
+    if (type(key) is not CourseLocator or key.deprecated  # pylint: disable=unidiomatic-typecheck
+            or key.branch or key.version_guid):
+        raise ValidationError('Поддерживаются только курсы course-v1 без версии или ветки.')
+    course = modulestore().get_course(key, depth=0)
+    if course is None:
+        raise ValidationError('Курс не найден.')
+    return course
+
+
+def _known_course_keys():
+    """Include Mongo courses, SQL overviews and all outstanding run reservations."""
+    keys = {course.id for course in modulestore().get_course_summaries()}
+    keys.update(CourseOverview.objects.values_list('id', flat=True))
+    keys.update(CourseRerunState.objects.filter(action='rerun').values_list('course_key', flat=True))
+    return keys
+
+
+def next_course_key(source_key, year, known_keys):
+    """Choose the next numeric YYYY_Cn within this organization/course/year."""
+    maximum = 0
+    for key in known_keys:
+        if not isinstance(key, CourseKey):
+            key = CourseKey.from_string(key)
+        if key.org.casefold() != source_key.org.casefold() or key.course.casefold() != source_key.course.casefold():
+            continue
+        match = RUN_PATTERN.fullmatch(key.run or '')
+        if match and int(match.group(1)) == year:
+            maximum = max(maximum, int(match.group(2)))
+    return CourseLocator(org=source_key.org, course=source_key.course, run=f'{year}_C{maximum + 1}')
+
+
+def _generation_values(course, settings):
+    """Resolve the latest certificate settings, requiring an active template to enable."""
+    original = get_course_certificate_generation_settings(course.id)
+    values = {
+        'self_generation_enabled': original['self_generation_enabled'] if original else False,
+        'language_specific_templates_enabled': original['language_specific_templates_enabled'] if original else False,
+        'include_hours_of_effort': original['include_hours_of_effort'] if original else None,
+    }
+    policy = settings.get('certificate_mode', 'copy')
+    if policy != 'copy':
+        values['self_generation_enabled'] = policy == 'enabled'
+    if values['self_generation_enabled']:
+        certificates = (course.certificates or {}).get('certificates', [])
+        if not any(certificate.get('is_active') for certificate in certificates):
+            raise ValidationError('Сначала настройте и активируйте сертификат курса в Studio.')
+    return values
+
+
+def _settings_for_course(course, settings, rerun=False):
+    """Validate resulting dates, including unchanged values on an existing course."""
+    values = {name: getattr(course, name) for name in DATE_FIELDS}
+    if rerun:
+        values.update(enrollment_start=None, enrollment_end=None, certificate_available_date=None)
+    values.update(settings)
+    _validate_dates(values)
+    if rerun or settings.get('certificate_mode') == 'enabled':
+        _generation_values(course, settings)
+
+
+def _result(source_key, course_key=None, state='failed', message='', state_id=None):
+    return {
+        'source_course_id': str(source_key),
+        'course_id': str(course_key) if course_key else None,
+        'state': state,
+        'message': message,
+        'state_id': state_id,
+    }
+
+
+def _error_message(exc):
+    if isinstance(exc, ValidationError):
+        return ' '.join(exc.messages)
+    return 'Операция не выполнена. Подробности записаны в журнал Studio.'
+
+
+def _prepare_course(raw_key, settings, seen):
+    course = _source_course(raw_key)
+    family = (course.id.org.casefold(), course.id.course.casefold())
+    if family in seen:
+        raise ValidationError('Выберите только один исходный запуск для одного курса.')
+    seen.add(family)
+    _settings_for_course(course, settings, rerun=True)
+    return course
+
+
+def preview_course_reruns(user, course_keys, settings):
+    """Preflight each selection without reserving a key or starting a task."""
+    _require_admin(user)
+    settings = validate_settings(settings, require_dates=True)
+    known, seen, results = _known_course_keys(), set(), []
+    for raw_key in course_keys:
+        try:
+            course = _prepare_course(raw_key, settings, seen)
+            destination = next_course_key(course.id, settings['start'].year, known)
+            known.add(destination)
+            results.append(_result(course.id, destination, 'preview', 'Готов к перезапуску.'))
+        except Exception as exc:  # pylint: disable=broad-except
+            LOGGER.exception('Course admin preflight failed for %s', raw_key)
+            results.append(_result(raw_key, message=_error_message(exc)))
+    return results
+
+
+def _reserve_rerun(course, user, year, known, expected=None):
+    """The SQL unique constraint arbitrates simultaneous requests for the next run.
+
+Never use the existing manager's initiated()/get_or_create(): it overwrites a
+competing worker's reservation. Each collision gets a separate savepoint.
+"""
+    if expected:
+        try:
+            expected = CourseKey.from_string(expected)
+        except (InvalidKeyError, TypeError) as exc:
+            raise ValidationError('Некорректный идентификатор из предварительного просмотра.') from exc
+        match = RUN_PATTERN.fullmatch(expected.run or '')
+        if (type(expected) is not CourseLocator  # pylint: disable=unidiomatic-typecheck
+                or expected.branch or expected.version_guid
+                or expected.org != course.id.org or expected.course != course.id.course
+                or not match or int(match.group(1)) != year):
+            raise ValidationError('Идентификатор запуска не соответствует выбранному курсу и году.')
+        previous = CourseRerunState.objects.filter(course_key=expected, action='rerun').first()
+        if previous:
+            if previous.source_course_key == course.id and previous.created_user_id == user.id:
+                return previous, False
+            raise ValidationError('Этот запуск уже зарезервирован. Обновите предварительный просмотр.')
+        if expected != next_course_key(course.id, year, known):
+            raise ValidationError('Список запусков изменился. Обновите предварительный просмотр.')
+    for _ in range(1000):
+        destination = expected or next_course_key(course.id, year, known)
+        known.add(destination)
+        if modulestore().has_course(destination, ignore_case=True):
+            if expected:
+                raise ValidationError('Курс уже существует. Обновите предварительный просмотр.')
+            continue
+        try:
+            with transaction.atomic():
+                reservation = CourseRerunState.objects.create(
+                    course_key=destination,
+                    action='rerun',
+                    state='in_progress',
+                    source_course_key=course.id,
+                    created_user=user,
+                    updated_user=user,
+                    display_name=course.display_name or str(course.id),
+                    should_display=True,
+                    message='',
+                )
+                return reservation, True
+        except IntegrityError:
+            # Another request reserved this run between the read and insert.
+            if expected:
+                previous = CourseRerunState.objects.filter(course_key=expected, action='rerun').first()
+                if previous and previous.source_course_key == course.id and previous.created_user_id == user.id:
+                    return previous, False
+                raise ValidationError('Этот запуск уже зарезервирован. Обновите предварительный просмотр.') from None
+            continue
+    raise ValidationError('Не удалось зарезервировать запуск. Повторите запрос.')
+
+
+def queue_course_reruns(user, course_keys, settings, expected_course_ids=None):
+    """Reserve distinct destinations and dispatch one existing Studio task per course."""
+    from cms.djangoapps.contentstore.tasks import rerun_course  # pylint: disable=import-outside-toplevel
+
+    _require_admin(user)
+    settings = validate_settings(settings, require_dates=True)
+    if expected_course_ids is not None:
+        if isinstance(expected_course_ids, list) and len(expected_course_ids) == len(course_keys):
+            expected_course_ids = dict(zip(map(str, course_keys), expected_course_ids))
+        if not isinstance(expected_course_ids, dict) or set(expected_course_ids) != set(map(str, course_keys)):
+            raise ValidationError('Предварительный просмотр должен включать все выбранные курсы.')
+        if not all(isinstance(value, str) and value for value in expected_course_ids.values()):
+            raise ValidationError('Предварительный просмотр содержит некорректные идентификаторы.')
+    known, seen, results = _known_course_keys(), set(), []
+    for raw_key in course_keys:
+        reservation = None
+        try:
+            course = _prepare_course(raw_key, settings, seen)
+            reservation, created = _reserve_rerun(
+                course, user, settings['start'].year, known,
+                expected=expected_course_ids[str(raw_key)] if expected_course_ids is not None else None,
+            )
+            destination = reservation.course_key
+            if not created:
+                results.append(_result(
+                    course.id, destination, reservation.state,
+                    'Этот запрос уже принят; новый запуск не создан.', reservation.pk,
+                ))
+                continue
+            fields = {name: value for name, value in settings.items() if name in COURSE_FIELDS}
+            fields.update(
+                display_name=course.display_name,
+                wiki_slug=f'{destination.org}.{destination.course}.{destination.run}',
+                advertised_start=None,
+                video_upload_pipeline={},
+            )
+            for name in ('enrollment_start', 'enrollment_end', 'certificate_available_date'):
+                fields.setdefault(name, None)
+            if settings.get('certificate_mode') == 'enabled':
+                fields['cert_html_view_enabled'] = True
+            result = _result(course.id, destination, 'in_progress', 'Задача поставлена в очередь.', reservation.pk)
+            # Enqueue only once the unique reservation is committed. With autocommit
+            # this executes immediately; it also remains safe under ATOMIC_REQUESTS.
+
+            def dispatch(state=reservation, source=course.id, overrides=fields, row=result):
+                try:
+                    rerun_course.delay(
+                        str(source), str(state.course_key), user.id,
+                        json.dumps(overrides, cls=EdxJSONEncoder),
+                        admin_settings=json.loads(json.dumps(settings, cls=EdxJSONEncoder)),
+                    )
+                except Exception:  # pylint: disable=broad-except
+                    LOGGER.exception('Could not enqueue admin rerun for %s', state.course_key)
+                    CourseRerunState.objects.failed(course_key=state.course_key)
+                    row.update(state='failed', message='Не удалось отправить задачу в очередь. Проверьте Celery.')
+            transaction.on_commit(dispatch)
+            results.append(result)
+        except Exception as exc:  # pylint: disable=broad-except
+            LOGGER.exception('Course admin rerun failed for %s', raw_key)
+            if reservation:
+                CourseRerunState.objects.failed(course_key=reservation.course_key)
+            results.append(_result(
+                raw_key, reservation.course_key if reservation else None,
+                message=_error_message(exc), state_id=reservation.pk if reservation else None,
+            ))
+    return results
+
+
+def _ensure_mode(course_key, slug):
+    """Add a free mode without removing or modifying existing paid tracks."""
+    CourseMode.objects.get_or_create(
+        course_id=course_key, mode_slug=slug, currency='usd',
+        defaults={'mode_display_name': 'Honor' if slug == 'honor' else 'Audit', 'min_price': 0},
+    )
+
+
+def configure_rerun(source_key, destination_key, settings):
+    """Copy only course-level SQL settings after the Studio clone has completed.
+
+Caller wraps this and its final success state in the same SQL transaction.
+The clone already carries grading, content, active certificate design and other
+Studio course fields. Ecommerce identifiers belong to the source product and
+must be provisioned separately for a new course run.
+"""
+    settings = validate_settings(settings, require_dates=True)
+    source = _source_course(source_key)
+    generation_values = _generation_values(source, settings)
+    CourseOverview.get_from_id(destination_key)
+    policy = settings.get('mode', 'copy')
+    if policy == 'copy':
+        modes = list(CourseMode.objects.filter(course_id=source_key))
+        for mode in modes:
+            values = {
+                field.name: getattr(mode, field.name)
+                for field in CourseMode._meta.concrete_fields
+                if field.name not in ('id', 'course', 'mode_slug', 'currency')
+            }
+            delta = settings['start'] - source.start if source.start else None
+            if delta and values['_expiration_datetime']:
+                values['_expiration_datetime'] += delta
+            if delta and values['expiration_date']:
+                values['expiration_date'] += delta
+            for name in ('sku', 'android_sku', 'ios_sku', 'bulk_sku'):
+                values[name] = None
+            CourseMode.objects.update_or_create(
+                course_id=destination_key, mode_slug=mode.mode_slug, currency=mode.currency, defaults=values,
+            )
+        if not modes:
+            default = CourseMode.DEFAULT_MODE
+            CourseMode.objects.get_or_create(
+                course_id=destination_key, mode_slug=default.slug, currency=default.currency,
+                defaults={
+                    'mode_display_name': default.name, 'min_price': default.min_price,
+                    'suggested_prices': default.suggested_prices, 'description': default.description,
+                },
+            )
+    else:
+        _ensure_mode(destination_key, policy)
+    create_course_certificate_generation_settings(destination_key, generation_values)
+
+
+def shift_rerun_content_dates(source_key, destination_key, user_id, settings):
+    """Shift explicit section/component dates in each branch without publishing drafts.
+
+Use the split store's branch-local update primitive intentionally: the normal
+Studio update auto-publishes chapters/sequentials, replacing published content
+with draft content. The two existing branches must remain independent here.
+Advanced schedules embedded in third-party XBlock JSON are not rewritten.
+"""
+    if not settings.get('shift_content_dates', True):
+        return
+    from xmodule.modulestore.split_mongo.split import SplitMongoModuleStore  # pylint: disable=import-outside-toplevel
+
+    settings = validate_settings(settings, require_dates=True)
+    source = _source_course(source_key)
+    if not source.start:
+        return
+    delta = settings['start'] - source.start
+    if not delta:
+        return
+    store = modulestore()._get_modulestore_for_courselike(destination_key)  # pylint: disable=protected-access
+    with store.bulk_operations(destination_key):
+        published_changed = False
+        for branch in (ModuleStoreEnum.BranchName.published, ModuleStoreEnum.BranchName.draft):
+            try:
+                blocks = store.get_items(destination_key.for_branch(branch))
+            except ItemNotFoundError:
+                # A draft-only source may have no published branch.
+                continue
+            for block in blocks:
+                if block.category == 'course':
+                    continue
+                changed = False
+                for name in ('start', 'due'):
+                    field = block.fields.get(name)
+                    if field and field.is_set_on(block) and getattr(block, name) is not None:
+                        setattr(block, name, getattr(block, name) + delta)
+                        changed = True
+                if changed:
+                    # Drop the snapshot version so multiple updates advance this
+                    # branch's current head instead of writing detached versions.
+                    block.location = block.location.version_agnostic()
+                    SplitMongoModuleStore.update_item(store, block, user_id)
+                    published_changed = published_changed or branch == ModuleStoreEnum.BranchName.published
+        if published_changed:
+            store._flag_publish_event(destination_key)  # pylint: disable=protected-access
+
+
+def save_course_settings(user, course_keys, settings):
+    """Apply selected fields to each existing course; preserve unselected settings."""
+    _require_admin(user)
+    settings = validate_settings(settings)
+    results, seen = [], set()
+    for raw_key in course_keys:
+        previous_fields = None
+        try:
+            course = _source_course(raw_key)
+            if course.id in seen:
+                raise ValidationError('Курс указан повторно.')
+            seen.add(course.id)
+            _settings_for_course(course, settings)
+            with transaction.atomic():
+                CourseOverview.get_from_id(course.id)
+                # Serialize SQL configuration updates for this existing course.
+                CourseOverview.objects.select_for_update().get(id=course.id)
+                course = _source_course(course.id)
+                _settings_for_course(course, settings)
+                if settings.get('mode', 'copy') != 'copy':
+                    _ensure_mode(course.id, settings['mode'])
+                generation_values = None
+                if settings.get('certificate_mode', 'copy') != 'copy':
+                    generation_values = _generation_values(course, settings)
+                touched = set(settings) & COURSE_FIELDS
+                if settings.get('certificate_mode') == 'enabled':
+                    touched.add('cert_html_view_enabled')
+                previous_fields = {
+                    name: (course.fields[name].is_set_on(course), deepcopy(getattr(course, name)))
+                    for name in touched
+                }
+                for name, value in settings.items():
+                    if name in COURSE_FIELDS:
+                        setattr(course, name, value)
+                if settings.get('certificate_mode') == 'enabled':
+                    course.cert_html_view_enabled = True
+                modulestore().update_item(course, user.id)
+                CourseOverview.load_from_module_store(course.id)
+                if generation_values is not None:
+                    create_course_certificate_generation_settings(course.id, generation_values)
+            results.append(_result(course.id, course.id, 'saved', 'Настройки сохранены.'))
+        except Exception as exc:  # pylint: disable=broad-except
+            LOGGER.exception('Course admin settings failed for %s', raw_key)
+            message = _error_message(exc)
+            if previous_fields:
+                # SQL rolled back above, but Mongo does not participate in its
+                # transaction. Restore precisely the touched fields on failure.
+                try:
+                    with transaction.atomic():
+                        CourseOverview.objects.select_for_update().get(id=course.id)
+                        restored = _source_course(course.id)
+                        for name, (was_set, value) in previous_fields.items():
+                            if was_set:
+                                setattr(restored, name, value)
+                            else:
+                                delattr(restored, name)
+                        modulestore().update_item(restored, user.id)
+                        CourseOverview.load_from_module_store(restored.id)
+                except Exception:  # pylint: disable=broad-except
+                    LOGGER.exception('Could not restore course settings for %s', raw_key)
+                    message += ' Часть настроек могла сохраниться; проверьте курс в Studio.'
+            results.append(_result(raw_key, raw_key, message=message))
+    return results
diff --git a/cms/djangoapps/contentstore/rest_api/v1/serializers/course_details.py b/cms/djangoapps/contentstore/rest_api/v1/serializers/course_details.py
index 6c2660428e66..436e9be6fa61 100644
--- a/cms/djangoapps/contentstore/rest_api/v1/serializers/course_details.py
+++ b/cms/djangoapps/contentstore/rest_api/v1/serializers/course_details.py
@@ -34,6 +34,7 @@ class CourseDetailsSerializer(serializers.Serializer):
     description = serializers.CharField(allow_blank=True)
     duration = serializers.CharField(allow_blank=True)
     effort = serializers.CharField(allow_null=True, allow_blank=True)
+    # complexity = serializers.CharField(allow_null=True, allow_blank=True, required=False)
     end_date = serializers.DateTimeField(allow_null=True)
     enrollment_end = serializers.DateTimeField(allow_null=True)
     enrollment_start = serializers.DateTimeField(allow_null=True)
diff --git a/cms/djangoapps/contentstore/rest_api/v1/views/course_details.py b/cms/djangoapps/contentstore/rest_api/v1/views/course_details.py
index d5ccf3c6165e..e6ad4b95979f 100644
--- a/cms/djangoapps/contentstore/rest_api/v1/views/course_details.py
+++ b/cms/djangoapps/contentstore/rest_api/v1/views/course_details.py
@@ -151,5 +151,13 @@ def put(self, request: Request, course_id: str):
         except ValidationError as err:
             return JsonResponseBadRequest({"error": err.message})
 
+        from openedx.core.djangoapps.content.course_overviews.models import CourseOverview
+
+        print("REQUEST DATA:", course_id, request.data)
+        complexity = request.data.get("complexity")
+
+        if complexity:
+            CourseOverview.objects.filter(id=course_key).update(complexity=complexity)
+
         serializer = CourseDetailsSerializer(updated_data)
         return Response(serializer.data)
diff --git a/cms/djangoapps/contentstore/tasks.py b/cms/djangoapps/contentstore/tasks.py
index b6cb2af53d56..60976e556ade 100644
--- a/cms/djangoapps/contentstore/tasks.py
+++ b/cms/djangoapps/contentstore/tasks.py
@@ -22,6 +22,7 @@
 from django.contrib.auth import get_user_model
 from django.core.exceptions import SuspiciousOperation
 from django.core.files import File
+from django.db import transaction
 from django.test import RequestFactory
 from django.utils.text import get_valid_filename
 from edx_django_utils.monitoring import (
@@ -131,12 +132,72 @@ def clone_instance(instance, field_values):
     return instance
 
 
+def copy_custom_course_overview_fields(source_course_key, destination_course_key, raise_on_error=False):
+    """
+    Copy custom CourseOverview fields from source course to rerun course.
+    """
+    from openedx.core.djangoapps.content.course_overviews.models import CourseOverview
+
+    try:
+        source_overview = CourseOverview.objects.get(id=source_course_key)
+
+        try:
+            destination_overview = CourseOverview.objects.get(id=destination_course_key)
+        except CourseOverview.DoesNotExist:
+            destination_overview = CourseOverview.get_from_id(destination_course_key)
+
+        destination_overview.faculty = source_overview.faculty
+        destination_overview.directions = source_overview.directions
+        destination_overview.complexity = source_overview.complexity
+
+        destination_overview.save(update_fields=[
+            "faculty",
+            "directions",
+            "complexity",
+        ])
+
+        LOGGER.info(
+            "my-log: copied custom overview fields during course rerun: %s -> %s, faculty=%s, directions=%s, complexity=%s",
+            source_course_key,
+            destination_course_key,
+            source_overview.faculty,
+            source_overview.directions,
+            source_overview.complexity,
+        )
+
+    except Exception:
+        LOGGER.exception(
+            "my-log: failed to copy custom overview fields during course rerun: %s -> %s",
+            source_course_key,
+            destination_course_key,
+        )
+        if raise_on_error:
+            raise
+
+
 @shared_task
 @set_code_owner_attribute
-def rerun_course(source_course_key_string, destination_course_key_string, user_id, fields=None):
+def rerun_course(source_course_key_string, destination_course_key_string, user_id, fields=None, admin_settings=None):
     """
     Reruns a course in a new celery task.
     """
+    if admin_settings is not None:
+        # Celery may redeliver a task. Hold the destination reservation lock so
+        # concurrent deliveries cannot clone or overwrite one another's status.
+        with transaction.atomic():
+            state = CourseRerunState.objects.select_for_update().get(
+                course_key=CourseKey.from_string(destination_course_key_string), action='rerun',
+            )
+            if state.state != 'in_progress':
+                return state.state
+            return _rerun_course(
+                source_course_key_string, destination_course_key_string, user_id, fields, admin_settings,
+            )
+    return _rerun_course(source_course_key_string, destination_course_key_string, user_id, fields)
+
+
+def _rerun_course(source_course_key_string, destination_course_key_string, user_id, fields=None, admin_settings=None):
+    """Implementation shared by native Studio reruns and reserved admin reruns."""
     # import here, at top level this import prevents the celery workers from starting up correctly
     from edxval.api import copy_course_videos
 
@@ -152,34 +213,53 @@ def rerun_course(source_course_key_string, destination_course_key_string, user_i
         with store.default_store('split'):
             store.clone_course(source_course_key, destination_course_key, user_id, fields=fields)
 
-        update_unit_discussion_state_from_discussion_blocks(destination_course_key, user_id)
+        if admin_settings is not None:
+            from cms.djangoapps.contentstore.course_admin import shift_rerun_content_dates
+            shift_rerun_content_dates(source_course_key, destination_course_key, user_id, admin_settings)
 
-        # set initial permissions for the user to access the course.
-        initialize_permissions(destination_course_key, User.objects.get(id=user_id))
+        copy_custom_course_overview_fields(
+            source_course_key,
+            destination_course_key,
+            raise_on_error=admin_settings is not None,
+        )
 
-        # update state: Succeeded
-        CourseRerunState.objects.succeeded(course_key=destination_course_key)
+        update_unit_discussion_state_from_discussion_blocks(destination_course_key, user_id)
 
         # call edxval to attach videos to the rerun
         copy_course_videos(source_course_key, destination_course_key)
 
-        # Copy OrganizationCourse
-        organization_course = OrganizationCourse.objects.filter(course_id=source_course_key_string).first()
-
-        if organization_course:
-            clone_instance(organization_course, {'course_id': destination_course_key_string})
-
-        # Copy RestrictedCourse
-        restricted_course = RestrictedCourse.objects.filter(course_key=source_course_key).first()
-
-        if restricted_course:
-            country_access_rules = CountryAccessRule.objects.filter(restricted_course=restricted_course)
-            new_restricted_course = clone_instance(restricted_course, {'course_key': destination_course_key})
-            for country_access_rule in country_access_rules:
-                clone_instance(country_access_rule, {'restricted_course': new_restricted_course})
-
-        org_data = ensure_organization(source_course_key.org)
-        add_organization_course(org_data, destination_course_key)
+        # Success includes every copy and the admin workflow's SQL configuration.
+        # Keep SQL copies in one transaction, and apply admin configuration after
+        # modulestore signals so pacing handlers cannot overwrite certificate settings.
+        with transaction.atomic():
+            # Set initial permissions for the user to access the course.
+            creator = User.objects.get(id=user_id)
+            if admin_settings is not None:
+                # The private bulk workflow reserves directly instead of invoking the
+                # single-course HTTP helper that normally grants these roles.
+                CourseInstructorRole(destination_course_key).add_users(creator)
+                CourseStaffRole(destination_course_key).add_users(creator)
+            initialize_permissions(destination_course_key, creator)
+
+            # Copy OrganizationCourse
+            organization_course = OrganizationCourse.objects.filter(course_id=source_course_key_string).first()
+            if organization_course:
+                clone_instance(organization_course, {'course_id': destination_course_key_string})
+
+            # Copy RestrictedCourse
+            restricted_course = RestrictedCourse.objects.filter(course_key=source_course_key).first()
+            if restricted_course:
+                country_access_rules = CountryAccessRule.objects.filter(restricted_course=restricted_course)
+                new_restricted_course = clone_instance(restricted_course, {'course_key': destination_course_key})
+                for country_access_rule in country_access_rules:
+                    clone_instance(country_access_rule, {'restricted_course': new_restricted_course})
+
+            org_data = ensure_organization(source_course_key.org)
+            add_organization_course(org_data, destination_course_key)
+            if admin_settings is not None:
+                from cms.djangoapps.contentstore.course_admin import configure_rerun
+                configure_rerun(source_course_key, destination_course_key, admin_settings)
+            CourseRerunState.objects.succeeded(course_key=destination_course_key)
         return "succeeded"
 
     except DuplicateCourseError:
diff --git a/cms/djangoapps/contentstore/tests/test_course_admin.py b/cms/djangoapps/contentstore/tests/test_course_admin.py
new file mode 100644
index 000000000000..3320666a4ede
--- /dev/null
+++ b/cms/djangoapps/contentstore/tests/test_course_admin.py
@@ -0,0 +1,133 @@
+"""Unit tests for the private course administration service."""
+
+from contextlib import nullcontext
+from datetime import datetime, timezone
+from types import SimpleNamespace
+from unittest.mock import Mock, patch
+
+from django.core.exceptions import PermissionDenied, ValidationError
+from django.test import SimpleTestCase
+from opaque_keys.edx.locator import CourseLocator
+
+from cms.djangoapps.contentstore import course_admin
+
+
+SOURCE = CourseLocator(org='FBB', course='BNJjTSOB', run='2026_C1')
+
+
+class CourseAdminSettingsTests(SimpleTestCase):
+    """The bulk API accepts only explicit, internally consistent settings."""
+
+    def test_dates_are_normalized_to_utc(self):
+        result = course_admin.validate_settings({
+            'start': '2027-01-01T09:00:00+05:00',
+            'end': '2027-05-31T09:00:00+05:00',
+            'self_paced': True,
+            'catalog_visibility': 'about',
+        }, require_dates=True)
+
+        self.assertEqual(result['start'], datetime(2027, 1, 1, 4, tzinfo=timezone.utc))
+        self.assertEqual(result['end'], datetime(2027, 5, 31, 4, tzinfo=timezone.utc))
+        self.assertTrue(result['self_paced'])
+
+    def test_rejects_unknown_settings_invalid_choices_and_non_boolean_values(self):
+        invalid_payloads = (
+            {'unexpected': 'value'},
+            {'catalog_visibility': 'public'},
+            {'mode': 'verified'},
+            {'certificate_mode': 'yes'},
+            {'self_paced': 'true'},
+        )
+        for payload in invalid_payloads:
+            with self.subTest(payload=payload), self.assertRaises(ValidationError):
+                course_admin.validate_settings(payload)
+
+    def test_rejects_inconsistent_course_and_enrollment_periods(self):
+        invalid_payloads = (
+            {'start': '2027-02-01T00:00:00Z', 'end': '2027-01-01T00:00:00Z'},
+            {'enrollment_start': '2027-03-01T00:00:00Z',
+             'enrollment_end': '2027-02-01T00:00:00Z'},
+            {'end': '2027-03-01T00:00:00Z', 'enrollment_end': '2027-04-01T00:00:00Z'},
+        )
+        for payload in invalid_payloads:
+            with self.subTest(payload=payload), self.assertRaises(ValidationError):
+                course_admin.validate_settings(payload)
+
+    def test_service_rejects_non_admin_and_inactive_staff(self):
+        for user in (
+            SimpleNamespace(is_authenticated=False, is_active=True, is_staff=True),
+            SimpleNamespace(is_authenticated=True, is_active=True, is_staff=False),
+            SimpleNamespace(is_authenticated=True, is_active=False, is_staff=True),
+        ):
+            with self.subTest(user=user), self.assertRaises(PermissionDenied):
+                course_admin.preview_course_reruns(user, [], {
+                    'start': '2027-01-01T00:00:00Z', 'end': '2027-02-01T00:00:00Z',
+                })
+
+
+class CourseAdminRunTests(SimpleTestCase):
+    """Automatic run numbers work with numeric C suffixes and legacy sources."""
+
+    def test_next_run_uses_highest_numeric_suffix_for_year_and_family(self):
+        known = {
+            CourseLocator(org='FBB', course='BNJjTSOB', run='2027_C2'),
+            CourseLocator(org='fbb', course='bnjjtsob', run='2027_C10'),
+            CourseLocator(org='FBB', course='BNJjTSOB', run='2026_C99'),
+            CourseLocator(org='FBB', course='OTHER', run='2027_C50'),
+            CourseLocator(org='FBB', course='BNJjTSOB', run='2021-2022_C1'),
+        }
+
+        result = course_admin.next_course_key(SOURCE, 2027, known)
+
+        self.assertEqual(str(result), 'course-v1:FBB+BNJjTSOB+2027_C11')
+
+    def test_certificate_generation_requires_an_active_studio_certificate(self):
+        source = SimpleNamespace(id=SOURCE, certificates={'certificates': [{'is_active': False}]})
+        current = {
+            'self_generation_enabled': True,
+            'language_specific_templates_enabled': False,
+            'include_hours_of_effort': None,
+        }
+        with patch.object(course_admin, 'get_course_certificate_generation_settings', return_value=current):
+            with self.assertRaises(ValidationError):
+                course_admin._generation_values(source, {'certificate_mode': 'copy'})
+
+            source.certificates['certificates'][0]['is_active'] = True
+            result = course_admin._generation_values(source, {'certificate_mode': 'copy'})
+
+        self.assertTrue(result['self_generation_enabled'])
+
+    def test_shift_content_dates_updates_published_and_draft_branches_independently(self):
+        source_start = datetime(2026, 1, 1, tzinfo=timezone.utc)
+        published = self._block(datetime(2026, 2, 1, tzinfo=timezone.utc))
+        draft = self._block(datetime(2026, 2, 3, tzinfo=timezone.utc))
+        store = Mock()
+        store.bulk_operations.return_value = nullcontext()
+        store.get_items.side_effect = ([published], [draft])
+        mixed_store = Mock()
+        mixed_store._get_modulestore_for_courselike.return_value = store
+        settings = {
+            'start': '2027-01-01T00:00:00Z',
+            'end': '2027-05-31T00:00:00Z',
+            'shift_content_dates': True,
+        }
+
+        with patch.object(course_admin, '_source_course', return_value=SimpleNamespace(start=source_start)), \
+                patch.object(course_admin, 'modulestore', return_value=mixed_store), \
+                patch('xmodule.modulestore.split_mongo.split.SplitMongoModuleStore.update_item') as update:
+            course_admin.shift_rerun_content_dates(SOURCE, SOURCE, 7, settings)
+
+        self.assertEqual(published.start, datetime(2027, 2, 1, tzinfo=timezone.utc))
+        self.assertEqual(draft.start, datetime(2027, 2, 3, tzinfo=timezone.utc))
+        self.assertEqual(update.call_count, 2)
+        store._flag_publish_event.assert_called_once_with(SOURCE)
+
+    @staticmethod
+    def _block(start):
+        date_field = Mock()
+        date_field.is_set_on.return_value = True
+        location = Mock()
+        location.version_agnostic.return_value = location
+        return SimpleNamespace(
+            category='chapter', fields={'start': date_field}, start=start, location=location,
+        )
diff --git a/cms/djangoapps/contentstore/views/course_admin.py b/cms/djangoapps/contentstore/views/course_admin.py
new file mode 100644
index 000000000000..03b3724fe59d
--- /dev/null
+++ b/cms/djangoapps/contentstore/views/course_admin.py
@@ -0,0 +1,285 @@
+"""Private Studio console for global administrators managing course runs."""
+
+import json
+import logging
+import re
+from datetime import timezone
+from functools import wraps
+
+from django.conf import settings
+from django.core import signing
+from django.core.exceptions import ValidationError
+from django.core.paginator import Paginator
+from django.http import JsonResponse
+from django.middleware.csrf import get_token
+from django.urls import reverse
+from django.views.decorators.cache import never_cache
+from django.views.decorators.csrf import csrf_protect, ensure_csrf_cookie
+from django.views.decorators.http import require_GET, require_POST
+from opaque_keys import InvalidKeyError
+from opaque_keys.edx.keys import CourseKey
+from opaque_keys.edx.locator import CourseLocator
+
+from cms.djangoapps.contentstore import course_admin as service
+from cms.djangoapps.contentstore.utils import get_schedule_details_url
+from common.djangoapps.course_action_state.models import CourseRerunState
+from common.djangoapps.course_modes.models import CourseMode
+from common.djangoapps.edxmako.shortcuts import render_to_response
+from common.djangoapps.student.roles import GlobalStaff
+from lms.djangoapps.certificates.api import get_self_generation_enabled_for_courses
+from openedx.core.djangoapps.content.course_overviews.models import CourseOverview
+from xmodule.modulestore.django import modulestore
+
+
+LOG = logging.getLogger(__name__)
+PREVIEW_SALT = 'studio.course-admin.preview.v1'
+RUN_PATTERN = re.compile(r'^(\d{4})_C([1-9]\d*)$', re.IGNORECASE)
+
+
+def admin_required(view):
+    """Check every endpoint, including reads, independently of navigation."""
+    @wraps(view)
+    def wrapped(request, *args, **kwargs):
+        if not (request.user.is_authenticated and request.user.is_active and GlobalStaff().has_user(request.user)):
+            return JsonResponse({'error': 'Доступ разрешён только администраторам платформы.'}, status=403)
+        return view(request, *args, **kwargs)
+    return wrapped
+
+
+def parse_filters(values):
+    """Accept bounded, literal filters from either a query string or JSON."""
+    if not isinstance(values, dict) and not hasattr(values, 'getlist'):
+        raise ValueError('Некорректные фильтры.')
+    result = {}
+    for field in ('q', 'org', 'run', 'year'):
+        value = values.get(field, '')
+        if not isinstance(value, str) or len(value) > 255:
+            raise ValueError('Некорректное значение фильтра.')
+        result[field] = value.strip()
+    if result['year'] and not re.fullmatch(r'[1-9]\d{3}', result['year']):
+        raise ValueError('Год должен состоять из четырёх цифр.')
+    latest = values.get('latest', True)
+    if latest not in (True, False, '1', '0', 'true', 'false', 'on', ''):
+        raise ValueError('Некорректный фильтр последнего запуска.')
+    result['latest'] = latest in (True, '1', 'true', 'on')
+    return result
+
+
+def filter_courses(courses, filters):
+    """Filter arbitrary legacy runs, then select the latest matching family run."""
+    selected = []
+    for course in courses:
+        key = course['key']
+        if filters['org'] and filters['org'].casefold() != key.org.casefold():
+            continue
+        if filters['run'] and filters['run'].casefold() != key.run.casefold():
+            continue
+        if filters['year'] and not key.run.startswith(filters['year']):
+            continue
+        searchable = f"{key} {course['name']} {course.get('faculty') or ''}".casefold()
+        if filters['q'] and filters['q'].casefold() not in searchable:
+            continue
+        selected.append(course)
+    if filters['latest']:
+        families = {}
+        for course in selected:
+            key = course['key']
+            family = (key.org.casefold(), key.course.casefold())
+            previous = families.get(family)
+            if previous is None or _run_order(course) > _run_order(previous):
+                families[family] = course
+        selected = list(families.values())
+    return sorted(selected, key=lambda course: (course['name'].casefold(), str(course['key'])))
+
+
+def _run_order(course):
+    """Compare C10 numerically; legacy runs fall back to their course start."""
+    match = RUN_PATTERN.fullmatch(course['key'].run)
+    start = course.get('start')
+    year = int(match[1]) if match else (start.year if start else 0)
+    sequence = int(match[2]) if match else 0
+    return year, sequence, str(start or ''), course['key'].run
+
+
+def _courses():
+    """Use Studio's inventory, including drafts absent from the SQL overview cache."""
+    overviews = {str(course.id): course for course in CourseOverview.objects.all()}
+    courses = []
+    for summary in modulestore().get_course_summaries():
+        key = summary.id
+        # Native reruns require split course keys; libraries/CCX are not courses to clone here.
+        if type(key) is not CourseLocator or key.deprecated:  # pylint: disable=unidiomatic-typecheck
+            continue
+        overview = overviews.get(str(key))
+        courses.append({
+            'key': key,
+            'name': summary.display_name or str(key),
+            'start': getattr(overview, 'start', None),
+            'end': getattr(overview, 'end', None),
+            'enrollment_start': getattr(overview, 'enrollment_start', None),
+            'enrollment_end': getattr(overview, 'enrollment_end', None),
+            'visibility': getattr(overview, 'catalog_visibility', None),
+            'faculty': getattr(overview, 'faculty', ''),
+            'self_paced': getattr(overview, 'self_paced', False),
+            'invitation_only': getattr(overview, 'invitation_only', False),
+            'certificate_available_date': getattr(overview, 'certificate_available_date', None),
+        })
+    return courses
+
+
+def _display_course(course, modes, generation):
+    row = dict(course)
+    key = row.pop('key')
+    row.update(id=str(key), org=key.org, run=key.run)
+    row['mode_labels'] = ', '.join(modes.get(str(key), [])) or f'{CourseMode.DEFAULT_MODE_SLUG} (по умолчанию)'
+    row['certificate_generation'] = 'Включена' if generation.get(str(key)) else 'Выключена'
+    row['self_paced_label'] = 'В своём темпе' if row.pop('self_paced') else 'По расписанию преподавателя'
+    row['invitation_only_label'] = 'Запись только по приглашению' if row.pop('invitation_only') else 'Открытая запись'
+    for field in ('start', 'end', 'enrollment_start', 'enrollment_end', 'certificate_available_date'):
+        value = row[field]
+        row[field] = value.astimezone(timezone.utc).strftime('%Y-%m-%d %H:%M') if value else ''
+    row['details_url'] = get_schedule_details_url(key) or reverse(
+        'settings_handler', kwargs={'course_key_string': str(key)},
+    )
+    return row
+
+
+def _state_result(state):
+    return {
+        'source_course_id': str(state.source_course_key),
+        'course_id': str(state.course_key),
+        'state': state.state,
+        'message': ('Перезапуск завершён.' if state.state == 'succeeded' else
+                    'Ошибка перезапуска. Подробности доступны в журнале CMS worker.' if state.state == 'failed' else
+                    'Курс создаётся в фоновой задаче.'),
+    }
+
+
+@never_cache
+@admin_required
+@ensure_csrf_cookie
+@require_GET
+def course_admin_page(request):
+    """Render a direct-link-only management console, without adding any menu entry."""
+    try:
+        filters = parse_filters(request.GET)
+    except ValueError as exc:
+        return JsonResponse({'error': str(exc)}, status=400)
+    courses = filter_courses(_courses(), filters)
+    page = Paginator(courses, 50).get_page(request.GET.get('page', 1))
+    page_keys = [course['key'] for course in page.object_list]
+    modes = {}
+    for mode in CourseMode.objects.filter(course_id__in=page_keys).order_by('mode_slug', 'currency'):
+        modes.setdefault(str(mode.course_id), []).append(f'{mode.mode_slug} ({mode.currency})')
+    generation = get_self_generation_enabled_for_courses(page_keys)
+    recent = CourseRerunState.objects.find_all(created_user=request.user).order_by('-created_time')[:50]
+    return render_to_response('course-admin.html', {
+        'courses': [_display_course(course, modes, generation) for course in page.object_list],
+        'course_filters': filters,
+        'page': page.number,
+        'num_pages': page.paginator.num_pages,
+        'total': page.paginator.count,
+        'endpoint_url': reverse('course_admin_action'),
+        'status_url': reverse('course_admin_status'),
+        'initial_results': [_state_result(state) for state in recent],
+        'timezone_label': 'UTC (Казахстан: UTC+5)',
+        'csrf_token': get_token(request),
+    })
+
+
+def _selected_keys(payload):
+    all_matching = payload.get('all_matching', False)
+    if not isinstance(all_matching, bool):
+        raise ValueError('Некорректный способ выбора курсов.')
+    if all_matching:
+        keys = [course['key'] for course in filter_courses(_courses(), parse_filters(payload.get('filters', {})))]
+    else:
+        identifiers = payload.get('course_ids', [])
+        if not isinstance(identifiers, list) or not all(isinstance(value, str) for value in identifiers):
+            raise ValueError('Передайте список идентификаторов курсов.')
+        keys = []
+        for identifier in dict.fromkeys(identifiers):
+            key = CourseKey.from_string(identifier)
+            if (type(key) is not CourseLocator or key.deprecated or key.branch  # pylint: disable=unidiomatic-typecheck
+                    or key.version_guid):
+                raise ValueError('Поддерживаются только обычные курсы Studio с идентификатором course-v1.')
+            keys.append(key)
+    limit = getattr(settings, 'COURSE_ADMIN_MAX_BATCH_SIZE', 1000)
+    if not keys or len(keys) > limit:
+        raise ValueError(f'Выберите от 1 до {limit} курсов. Уточните фильтры для большой выборки.')
+    return keys
+
+
+@never_cache
+@admin_required
+@require_POST
+@csrf_protect
+def course_admin_action(request):
+    """Validate a complete batch before dispatch; report operational failures per course."""
+    try:
+        payload = json.loads(request.body)
+        if not isinstance(payload, dict):
+            raise ValueError('Ожидается JSON-объект.')
+        action = payload.get('action')
+        if action not in ('preview', 'rerun', 'save'):
+            raise ValueError('Неизвестное действие.')
+        raw_settings = payload.get('settings', {})
+        if not isinstance(raw_settings, dict):
+            raise ValueError('Некорректные настройки.')
+        normalized = service.validate_settings(raw_settings, require_dates=action != 'save')
+        keys = _selected_keys(payload)
+        if action == 'preview':
+            results = service.preview_course_reruns(request.user, keys, normalized)
+            targets = {row['source_course_id']: row['course_id'] for row in results if row['state'] == 'preview'}
+            token = signing.dumps({
+                'user_id': request.user.pk, 'course_ids': [str(key) for key in keys],
+                'settings': raw_settings, 'targets': targets,
+            }, salt=PREVIEW_SALT, compress=True)
+            return JsonResponse({'results': results, 'preview_token': token})
+        if action == 'rerun':
+            token = payload.get('preview_token')
+            if not isinstance(token, str):
+                raise ValueError('Сначала выполните предварительный просмотр перезапуска.')
+            preview = signing.loads(token, salt=PREVIEW_SALT, max_age=3600)
+            if (preview['user_id'] != request.user.pk or preview['settings'] != raw_settings
+                    or set(preview['course_ids']) != {str(key) for key in keys}
+                    or set(preview['targets']) != {str(key) for key in keys}):
+                raise ValueError('Выбор курсов или настройки изменились. Повторите предварительный просмотр.')
+            results = service.queue_course_reruns(request.user, keys, normalized,
+                                                  expected_course_ids=preview['targets'])
+        else:
+            if not normalized:
+                raise ValueError('Выберите хотя бы одну настройку для сохранения.')
+            results = service.save_course_settings(request.user, keys, normalized)
+        LOG.info('Course admin action=%s user=%s courses=%s settings=%s results=%s', action, request.user.pk,
+                 [str(key) for key in keys], normalized,
+                 [(row['course_id'], row['state']) for row in results])
+        return JsonResponse({'results': results})
+    except (signing.BadSignature, KeyError):
+        return JsonResponse({
+            'error': 'Предварительный просмотр истёк или недействителен. Выполните его снова.',
+        }, status=400)
+    except (ValueError, TypeError, InvalidKeyError, ValidationError) as exc:
+        message = '; '.join(exc.messages) if isinstance(exc, ValidationError) else str(exc)
+        return JsonResponse({'error': message}, status=400)
+
+
+@never_cache
+@admin_required
+@require_GET
+def course_admin_status(request):
+    """Fetch durable rerun results without relying on the Celery result backend."""
+    try:
+        identifiers = request.GET.get('course_ids', '').split(',')
+        if not 1 <= len(identifiers) <= 50:
+            raise ValueError('Запрашивайте от 1 до 50 статусов за один запрос.')
+        keys = [CourseKey.from_string(identifier) for identifier in identifiers]
+    except (ValueError, InvalidKeyError) as exc:
+        return JsonResponse({'error': str(exc)}, status=400)
+    states = {str(state.course_key): state for state in CourseRerunState.objects.find_all(course_key__in=keys)}
+    return JsonResponse({'results': [
+        _state_result(states[str(key)]) if str(key) in states else {
+            'source_course_id': '', 'course_id': str(key), 'state': 'unknown',
+            'message': 'Запись о перезапуске не найдена. Обновите страницу.',
+        } for key in keys
+    ]})
diff --git a/cms/djangoapps/contentstore/views/tests/test_course_admin.py b/cms/djangoapps/contentstore/views/tests/test_course_admin.py
new file mode 100644
index 000000000000..a711fc73f609
--- /dev/null
+++ b/cms/djangoapps/contentstore/views/tests/test_course_admin.py
@@ -0,0 +1,322 @@
+"""HTTP authorization, signed previews and selection rules for the private course console."""
+
+import json
+from datetime import datetime, timezone
+from types import SimpleNamespace
+from unittest.mock import patch
+
+from django.conf import settings
+from django.core import signing
+from django.core.exceptions import ValidationError
+from django.http import HttpResponse
+from django.middleware.csrf import get_token
+from django.test import RequestFactory, SimpleTestCase, override_settings
+from opaque_keys.edx.locator import CourseLocator
+
+from cms.djangoapps.contentstore.views import course_admin as views
+
+
+SOURCE = 'course-v1:FBB+BNJjTSOB+2026_C1'
+TARGET = 'course-v1:FBB+BNJjTSOB+2026_C2'
+OTHER = 'course-v1:FBB+OTHER+2026_C1'
+DATES = {'start': '2026-09-01T00:00:00Z', 'end': '2026-12-31T00:00:00Z'}
+
+
+def course(run='2026_C1', org='FBB', number='BNJjTSOB', name='Biotechnology', start=None):
+    """Create an inventory row without a database or a Mongo course."""
+    return {
+        'key': CourseLocator(org=org, course=number, run=run), 'name': name,
+        'start': start, 'end': None, 'enrollment_start': None, 'enrollment_end': None,
+        'faculty': 'Biology', 'visibility': 'both',
+    }
+
+
+@override_settings(COURSE_ADMIN_MAX_BATCH_SIZE=500)
+class CourseAdminViewTests(SimpleTestCase):
+    """Exercise real Django decorators, requests and signatures with service boundaries mocked."""
+
+    def setUp(self):
+        super().setUp()
+        self.factory = RequestFactory()
+        self.user = SimpleNamespace(pk=10, id=10, is_authenticated=True, is_active=True, is_staff=True)
+        self.source = CourseLocator.from_string(SOURCE)
+        self.preview_rows = [{
+            'source_course_id': SOURCE, 'course_id': TARGET, 'state': 'preview', 'message': 'Ready',
+        }]
+        self.inventory = self.enterContext(patch.object(views, '_courses', return_value=[course()]))
+        self.validate = self.enterContext(patch.object(
+            views.service, 'validate_settings', side_effect=lambda values, **kwargs: dict(values),
+        ))
+        self.preview = self.enterContext(patch.object(
+            views.service, 'preview_course_reruns', return_value=self.preview_rows,
+        ))
+        self.queue = self.enterContext(patch.object(views.service, 'queue_course_reruns', return_value=[]))
+        self.save = self.enterContext(patch.object(views.service, 'save_course_settings', return_value=[]))
+        self.states = self.enterContext(patch.object(views.CourseRerunState, 'objects'))
+        self.modes = self.enterContext(patch.object(views.CourseMode, 'objects'))
+        self.modes.filter.return_value.order_by.return_value = []
+        self.generation = self.enterContext(patch.object(
+            views, 'get_self_generation_enabled_for_courses', return_value={},
+        ))
+
+    def request(self, method='post', payload=None, user=None, csrf=True, **extra):
+        """Build a request with a real, matched CSRF cookie and masked header token."""
+        if method == 'post':
+            request = self.factory.post('/course-admin/action/', json.dumps(payload),
+                                        content_type='application/json', **extra)
+        else:
+            request = getattr(self.factory, method)('/course-admin/', payload or {}, **extra)
+        request.user = user or self.user
+        if csrf:
+            token = get_token(request)
+            request.COOKIES[settings.CSRF_COOKIE_NAME] = request.META['CSRF_COOKIE']
+            request.META['HTTP_X_CSRFTOKEN'] = token
+        return request
+
+    def action(self, action='preview', **values):
+        payload = {'action': action, 'course_ids': [SOURCE], 'settings': dict(DATES)}
+        payload.update(values)
+        return views.course_admin_action(self.request(payload=payload))
+
+    @staticmethod
+    def body(response):
+        return json.loads(response.content)
+
+    def token(self, **changes):
+        data = {'user_id': self.user.pk, 'course_ids': [SOURCE], 'settings': dict(DATES),
+                'targets': {SOURCE: TARGET}}
+        data.update(changes)
+        return signing.dumps(data, salt=views.PREVIEW_SALT)
+
+    def test_every_endpoint_rejects_anonymous_nonstaff_and_inactive_admins(self):
+        for endpoint in (views.course_admin_page, views.course_admin_action, views.course_admin_status):
+            for overrides in ({'is_authenticated': False}, {'is_staff': False}, {'is_active': False}):
+                with self.subTest(endpoint=endpoint.__name__, user=overrides):
+                    user = SimpleNamespace(**(vars(self.user) | overrides))
+                    response = endpoint(self.request(payload={}, user=user, csrf=False))
+                    self.assertEqual(response.status_code, 403)
+                    self.assertIn('no-store', response['Cache-Control'])
+        self.inventory.assert_not_called()
+        self.validate.assert_not_called()
+        self.preview.assert_not_called()
+        self.queue.assert_not_called()
+        self.save.assert_not_called()
+        self.states.find_all.assert_not_called()
+
+    def test_read_endpoints_reject_post_and_write_endpoint_rejects_get(self):
+        for endpoint in (views.course_admin_page, views.course_admin_status):
+            with self.subTest(endpoint=endpoint.__name__):
+                self.assertEqual(endpoint(self.request(payload={})).status_code, 405)
+        self.assertEqual(views.course_admin_action(self.request(method='get')).status_code, 405)
+        self.validate.assert_not_called()
+
+    def test_action_requires_csrf_for_each_operation(self):
+        for operation in ('preview', 'rerun', 'save'):
+            with self.subTest(operation=operation):
+                request = self.request(payload={'action': operation}, csrf=False)
+                self.assertEqual(views.course_admin_action(request).status_code, 403)
+        self.validate.assert_not_called()
+
+    def test_action_rejects_wrong_csrf_and_untrusted_origin(self):
+        request = self.request(payload={'action': 'save'})
+        request.META['HTTP_X_CSRFTOKEN'] = 'x' * 64
+        self.assertEqual(views.course_admin_action(request).status_code, 403)
+        request = self.request(payload={'action': 'save'}, HTTP_ORIGIN='https://untrusted.example')
+        self.assertEqual(views.course_admin_action(request).status_code, 403)
+        self.validate.assert_not_called()
+
+    def test_preview_is_read_only_and_signs_exact_selection_settings_and_targets(self):
+        response = self.action()
+        self.assertEqual(response.status_code, 200)
+        body = self.body(response)
+        self.assertEqual(body['results'], self.preview_rows)
+        decoded = signing.loads(body['preview_token'], salt=views.PREVIEW_SALT)
+        self.assertEqual(decoded, {'user_id': self.user.pk, 'course_ids': [SOURCE],
+                                   'settings': DATES, 'targets': {SOURCE: TARGET}})
+        self.preview.assert_called_once_with(self.user, [self.source], DATES)
+        self.validate.assert_called_once_with(DATES, require_dates=True)
+        self.queue.assert_not_called()
+        self.save.assert_not_called()
+        self.assertIn('no-store', response['Cache-Control'])
+
+    def test_rerun_forwards_preview_mapping_and_repeated_token_unchanged(self):
+        token = self.body(self.action())['preview_token']
+        for _ in range(2):
+            self.assertEqual(self.action('rerun', preview_token=token).status_code, 200)
+        self.assertEqual(self.queue.call_count, 2)
+        for call in self.queue.call_args_list:
+            self.assertEqual(call.args, (self.user, [self.source], DATES))
+            self.assertEqual(call.kwargs, {'expected_course_ids': {SOURCE: TARGET}})
+        # The service owns reservation idempotency; the HTTP layer must not recompute a new target.
+        self.assertEqual(self.preview.call_count, 1)
+
+    def test_rerun_rejects_missing_corrupted_and_expired_tokens(self):
+        with patch('django.core.signing.time.time', return_value=1000):
+            expired = self.token()
+        for token in (None, '', 'corrupt', self.token() + 'x', expired):
+            with self.subTest(token=token):
+                self.assertEqual(self.action('rerun', preview_token=token).status_code, 400)
+        self.queue.assert_not_called()
+
+    def test_rerun_rejects_cross_user_changed_settings_changed_ids_and_partial_preview(self):
+        variants = (
+            {'user_id': 20}, {'settings': dict(DATES, catalog_visibility='none')},
+            {'course_ids': [OTHER]}, {'targets': {}}, {'targets': {SOURCE: TARGET, OTHER: OTHER}},
+        )
+        for changes in variants:
+            with self.subTest(changes=changes):
+                response = self.action('rerun', preview_token=self.token(**changes))
+                self.assertEqual(response.status_code, 400)
+        self.queue.assert_not_called()
+
+    def test_preview_with_one_failed_course_cannot_be_submitted_as_a_complete_batch(self):
+        self.preview.return_value = self.preview_rows + [{
+            'source_course_id': OTHER, 'course_id': None, 'state': 'failed', 'message': 'Missing',
+        }]
+        ids = [SOURCE, OTHER]
+        response = self.action(course_ids=ids)
+        self.assertEqual(response.status_code, 200)
+        response = self.action('rerun', course_ids=ids, preview_token=self.body(response)['preview_token'])
+        self.assertEqual(response.status_code, 400)
+        self.queue.assert_not_called()
+
+    def test_explicit_selection_deduplicates_ids_and_preserves_order(self):
+        self.assertEqual(self.action(course_ids=[SOURCE, OTHER, SOURCE]).status_code, 200)
+        self.assertEqual(self.preview.call_args.args[1], [self.source, CourseLocator.from_string(OTHER)])
+
+    def test_all_matching_selects_server_inventory_beyond_one_display_page(self):
+        self.inventory.return_value = [course(number=f'course{index}') for index in range(60)]
+        response = self.action(all_matching=True, filters={'latest': False}, course_ids=[OTHER])
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(len(self.preview.call_args.args[1]), 60)
+        self.assertNotIn(CourseLocator.from_string(OTHER), self.preview.call_args.args[1])
+
+    def test_changed_all_matching_inventory_invalidates_preview(self):
+        token = self.body(self.action(all_matching=True, filters={}))['preview_token']
+        self.inventory.return_value.append(course(number='NEW'))
+        response = self.action('rerun', all_matching=True, filters={}, preview_token=token)
+        self.assertEqual(response.status_code, 400)
+        self.queue.assert_not_called()
+
+    @override_settings(COURSE_ADMIN_MAX_BATCH_SIZE=1)
+    def test_empty_and_oversized_selections_rejected_before_service_action(self):
+        for identifiers in ([], [SOURCE, OTHER]):
+            with self.subTest(identifiers=identifiers):
+                self.assertEqual(self.action(course_ids=identifiers).status_code, 400)
+        self.inventory.return_value = [course(), course(number='OTHER')]
+        self.assertEqual(self.action(all_matching=True).status_code, 400)
+        self.preview.assert_not_called()
+
+    def test_malformed_payload_settings_filters_and_identifiers_rejected(self):
+        variants = (
+            {'action': 'delete'}, {'settings': []}, {'course_ids': SOURCE}, {'course_ids': [1]},
+            {'course_ids': ['not-a-course']}, {'course_ids': ['FBB/BNJjTSOB/2026_C1']},
+            {'course_ids': ['library-v1:FBB+LIB']}, {'all_matching': 'true'},
+            {'all_matching': True, 'filters': []}, {'all_matching': True, 'filters': {'year': '26'}},
+        )
+        for values in variants:
+            with self.subTest(values=values):
+                self.assertEqual(self.action(**values).status_code, 400)
+        request = self.factory.post('/course-admin/action/', '{', content_type='application/json')
+        request.user = self.user
+        request._dont_enforce_csrf_checks = True  # Test JSON decoding independently of CSRF tests above.
+        self.assertEqual(views.course_admin_action(request).status_code, 400)
+        self.assertEqual(views.course_admin_action(self.request(payload=[])).status_code, 400)
+        self.preview.assert_not_called()
+        self.queue.assert_not_called()
+        self.save.assert_not_called()
+
+    def test_service_settings_validation_errors_return_400_without_mutation(self):
+        self.validate.side_effect = ValidationError(['Invalid start date', 'Invalid visibility'])
+        response = self.action('save', settings={'start': 'bad', 'catalog_visibility': 'public'})
+        self.assertEqual(response.status_code, 400)
+        self.assertIn('Invalid start date', self.body(response)['error'])
+        self.save.assert_not_called()
+
+    def test_save_accepts_partial_settings_without_preview_and_rejects_empty_settings(self):
+        response = self.action('save', settings={'catalog_visibility': 'none'})
+        self.assertEqual(response.status_code, 200)
+        self.validate.assert_called_with({'catalog_visibility': 'none'}, require_dates=False)
+        self.save.assert_called_once_with(self.user, [self.source], {'catalog_visibility': 'none'})
+        self.assertEqual(self.action('save', settings={}).status_code, 400)
+        self.assertEqual(self.save.call_count, 1)
+        self.queue.assert_not_called()
+
+    def test_page_paginates_and_sets_csrf_cookie(self):
+        self.inventory.return_value = [course(number=f'course{index}') for index in range(60)]
+        self.states.find_all.return_value.order_by.return_value = []
+        with patch.object(views, 'render_to_response', return_value=HttpResponse('console')) as render, \
+                patch.object(views, '_display_course', side_effect=lambda row, modes, generation: {
+                    'id': str(row['key']),
+                }), \
+                patch.object(views, 'reverse', return_value='/endpoint/'):
+            response = views.course_admin_page(self.request(method='get', payload={'page': '2'}))
+        self.assertEqual(response.status_code, 200)
+        context = render.call_args.args[1]
+        self.assertEqual((context['total'], context['num_pages'], context['page']), (60, 2, 2))
+        self.assertEqual(len(context['courses']), 10)
+        self.assertIn(settings.CSRF_COOKIE_NAME, response.cookies)
+        self.assertTrue(context['csrf_token'])
+
+    def test_page_rejects_invalid_filters_before_inventory_read(self):
+        response = views.course_admin_page(self.request(method='get', payload={'year': 'bad'}))
+        self.assertEqual(response.status_code, 400)
+        self.inventory.assert_not_called()
+
+    def test_status_returns_persisted_state_and_unknown_without_task_backend(self):
+        state = SimpleNamespace(source_course_key=self.source, course_key=CourseLocator.from_string(TARGET),
+                                state='failed')
+        self.states.find_all.return_value = [state]
+        response = views.course_admin_status(self.request(
+            method='get', payload={'course_ids': ','.join((TARGET, OTHER))},
+        ))
+        self.assertEqual(response.status_code, 200)
+        rows = self.body(response)['results']
+        self.assertEqual([(row['course_id'], row['state']) for row in rows], [(TARGET, 'failed'), (OTHER, 'unknown')])
+        self.queue.assert_not_called()
+        self.states.find_all.assert_called_once_with(
+            course_key__in=[CourseLocator.from_string(TARGET), CourseLocator.from_string(OTHER)],
+        )
+
+    def test_status_rejects_missing_invalid_and_oversized_ids(self):
+        for value in ('', 'invalid', ','.join([SOURCE] * 51)):
+            with self.subTest(value=value):
+                response = views.course_admin_status(self.request(method='get', payload={'course_ids': value}))
+                self.assertEqual(response.status_code, 400)
+        self.states.find_all.assert_not_called()
+
+
+class CourseAdminFilterTests(SimpleTestCase):
+    """Selection preserves course families and supports historical run identifiers."""
+
+    def test_latest_compares_numeric_run_and_keeps_organizations_separate(self):
+        rows = [course('2026_C2'), course('2026_C10'), course('2025_C20'), course('2026_C1', org='kaznu')]
+        result = views.filter_courses(rows, views.parse_filters({}))
+        self.assertEqual({str(row['key']) for row in result}, {
+            'course-v1:FBB+BNJjTSOB+2026_C10', 'course-v1:kaznu+BNJjTSOB+2026_C1',
+        })
+
+    def test_legacy_runs_remain_selectable_and_use_start_for_latest(self):
+        rows = [course('C3', start=datetime(2021, 10, 1, tzinfo=timezone.utc)),
+                course('2022-2023_C1', start=datetime(2022, 11, 7, tzinfo=timezone.utc)),
+                course('2021C2', start=datetime(2021, 1, 25, tzinfo=timezone.utc))]
+        selected = views.filter_courses(rows, views.parse_filters({}))
+        self.assertEqual(selected[0]['key'].run, '2022-2023_C1')
+        selected = views.filter_courses(rows, views.parse_filters({'run': 'C3'}))
+        self.assertEqual(selected[0]['key'].run, 'C3')
+        self.assertEqual(len(views.filter_courses(rows, views.parse_filters({'latest': False}))), 3)
+
+    def test_filters_apply_before_latest_and_match_literals_case_insensitively(self):
+        rows = [course('2025_C1'), course('2026_C1'), course('2025_C2', org='OTHER')]
+        selected = views.filter_courses(rows, views.parse_filters({'year': '2025', 'org': 'fbb', 'q': 'biology'}))
+        self.assertEqual([str(row['key']) for row in selected], ['course-v1:FBB+BNJjTSOB+2025_C1'])
+        self.assertEqual(views.filter_courses(rows, views.parse_filters({'q': '.*'})), [])
+
+    def test_filter_validation_bounds_and_normalization(self):
+        for values in ([], {'q': ['x']}, {'q': 'x' * 256}, {'org': None}, {'year': '0000'},
+                       {'year': '20266'}, {'latest': 'yes'}):
+            with self.subTest(values=values), self.assertRaises(ValueError):
+                views.parse_filters(values)
+        normalized = views.parse_filters({'q': ' Biology ', 'latest': 'false'})
+        self.assertEqual(normalized['q'], 'Biology')
+        self.assertFalse(normalized['latest'])
diff --git a/cms/envs/common.py b/cms/envs/common.py
index 65425f566597..5fb375d6a407 100644
--- a/cms/envs/common.py
+++ b/cms/envs/common.py
@@ -1608,6 +1608,9 @@
 # remember to check that you are not creating new
 # RemovedInDjango19Warnings in the test logs.
 INSTALLED_APPS = [
+    'lms.djangoapps.news',
+    'lms.djangoapps.univerapi',
+
     # Standard apps
     'django.contrib.auth',
     'django.contrib.contenttypes',
@@ -2701,17 +2704,17 @@
 DISABLE_DEPRECATED_SIGNUP_URL = False
 
 ##### LOGISTRATION RATE LIMIT SETTINGS #####
-LOGISTRATION_RATELIMIT_RATE = '100/5m'
-LOGISTRATION_PER_EMAIL_RATELIMIT_RATE = '30/5m'
-LOGISTRATION_API_RATELIMIT = '20/m'
-LOGIN_AND_REGISTER_FORM_RATELIMIT = '100/5m'
+LOGISTRATION_RATELIMIT_RATE = '3000/5m'
+LOGISTRATION_PER_EMAIL_RATELIMIT_RATE = '300/5m'
+LOGISTRATION_API_RATELIMIT = '1000/m'
+LOGIN_AND_REGISTER_FORM_RATELIMIT = '3000/5m'
 RESET_PASSWORD_TOKEN_VALIDATE_API_RATELIMIT = '30/7d'
 RESET_PASSWORD_API_RATELIMIT = '30/7d'
 
 ##### REGISTRATION RATE LIMIT SETTINGS #####
-REGISTRATION_VALIDATION_RATELIMIT = '30/7d'
-REGISTRATION_RATELIMIT = '60/7d'
-OPTIONAL_FIELD_API_RATELIMIT = '10/h'
+REGISTRATION_VALIDATION_RATELIMIT = '3000/7d'
+REGISTRATION_RATELIMIT = '6000/7d'
+OPTIONAL_FIELD_API_RATELIMIT = '100/h'
 
 ##### PASSWORD RESET RATE LIMIT SETTINGS #####
 PASSWORD_RESET_IP_RATE = '1/m'
diff --git a/cms/static/js/course_admin.js b/cms/static/js/course_admin.js
new file mode 100644
index 000000000000..20a22b79eb3f
--- /dev/null
+++ b/cms/static/js/course_admin.js
@@ -0,0 +1,373 @@
+/* global fetch */
+(function() {
+    'use strict';
+
+    var root = document.getElementById('course-admin');
+    if (!root) {
+        return;
+    }
+
+    var settingsForm = document.getElementById('course-settings');
+    var courseCheckboxes = Array.from(root.querySelectorAll('input[name="course_ids"]'));
+    var selectPage = document.getElementById('select-page');
+    var allMatching = document.getElementById('all-matching');
+    var previewButton = document.getElementById('preview-rerun');
+    var rerunButton = document.getElementById('rerun-courses');
+    var saveButton = document.getElementById('save-settings');
+    var actionMessage = document.getElementById('action-message');
+    var pollMessage = document.getElementById('poll-message');
+    var resultBody = document.getElementById('operation-results');
+    var results = new Map();
+    var appliedFilters = JSON.parse(root.dataset.filters);
+    var total = Number(root.dataset.total);
+    var busy = false;
+    var previewSignature = null;
+    var previewTargets = null;
+    var previewToken = null;
+    var pollTimer = null;
+    var polling = false;
+    var pollDelay = 3000;
+    var stateLabels = {
+        preview: 'Проверено',
+        queued: 'В очереди',
+        in_progress: 'Создаётся',
+        succeeded: 'Готово',
+        failed: 'Ошибка',
+        saved: 'Сохранено'
+    };
+
+    function selectedIds() {
+        return courseCheckboxes.filter(function(input) { return input.checked; })
+            .map(function(input) { return input.value; });
+    }
+
+    function selectedCount() {
+        return allMatching.checked ? total : selectedIds().length;
+    }
+
+    function notify(message, kind) {
+        actionMessage.textContent = message;
+        actionMessage.className = 'notice' + (kind ? ' ' + kind : '');
+        actionMessage.hidden = !message;
+    }
+
+    function updateControls() {
+        var count = selectedCount();
+        var selectedOnPage = selectedIds().length;
+        document.getElementById('selection-count').textContent = 'Выбрано: ' + count;
+        selectPage.checked = allMatching.checked || (courseCheckboxes.length > 0 && selectedOnPage === courseCheckboxes.length);
+        selectPage.indeterminate = !allMatching.checked && selectedOnPage > 0 && selectedOnPage < courseCheckboxes.length;
+        selectPage.disabled = busy || allMatching.checked || !courseCheckboxes.length;
+        allMatching.disabled = busy || !total;
+        courseCheckboxes.forEach(function(input) { input.disabled = busy || allMatching.checked; });
+        previewButton.disabled = busy || !count;
+        saveButton.disabled = busy || !count;
+        rerunButton.disabled = busy || !count || !previewSignature;
+        Array.from(settingsForm.elements).forEach(function(input) {
+            if (input.tagName !== 'BUTTON' && input.type !== 'hidden') {
+                var clearInput = settingsForm.elements.namedItem('clear_' + input.name);
+                input.disabled = busy || Boolean(clearInput && clearInput.checked);
+            }
+        });
+        root.setAttribute('aria-busy', busy ? 'true' : 'false');
+    }
+
+    function invalidatePreview() {
+        previewSignature = null;
+        previewTargets = null;
+        previewToken = null;
+        document.getElementById('preview-hint').textContent = 'Сначала выберите курсы и проверьте новые ID. После изменения настроек проверку нужно повторить.';
+        updateControls();
+    }
+
+    function collectPayload(action) {
+        var settings = {};
+        ['start', 'end', 'enrollment_start', 'enrollment_end', 'certificate_available_date'].forEach(function(name) {
+            var input = settingsForm.elements.namedItem(name);
+            var clearInput = settingsForm.elements.namedItem('clear_' + name);
+            if (clearInput && clearInput.checked) {
+                settings[name] = null;
+            } else if (input.value) {
+                // datetime-local has no zone. This form explicitly collects UTC, independent of the browser zone.
+                var date = new Date(input.value + 'Z');
+                if (Number.isNaN(date.getTime())) {
+                    throw new Error('Проверьте дату: ' + name + '.');
+                }
+                settings[name] = date.toISOString();
+            }
+        });
+        ['catalog_visibility', 'mode', 'certificate_mode', 'self_paced', 'invitation_only'].forEach(function(name) {
+            var value = settingsForm.elements.namedItem(name).value;
+            if (value !== '') {
+                settings[name] = name === 'self_paced' || name === 'invitation_only' ? value === 'true' : value;
+            }
+        });
+        if (action !== 'save') {
+            if (!settings.start || !settings.end) {
+                throw new Error('Для нового запуска заполните начало и конец курса в UTC.');
+            }
+            settings.mode = settings.mode || 'copy';
+            settings.certificate_mode = settings.certificate_mode || 'copy';
+            settings.shift_content_dates = settingsForm.elements.namedItem('shift_content_dates').checked;
+        } else if (!Object.keys(settings).length) {
+            throw new Error('Заполните хотя бы одно поле или выберите настройку для изменения.');
+        }
+        if (settings.start && settings.end && settings.start >= settings.end) {
+            throw new Error('Конец курса должен быть позже начала.');
+        }
+        if (settings.enrollment_start && settings.enrollment_end && settings.enrollment_start >= settings.enrollment_end) {
+            throw new Error('Конец записи должен быть позже начала записи.');
+        }
+        if (!selectedCount()) {
+            throw new Error('Выберите хотя бы один курс.');
+        }
+        return {
+            action: action,
+            course_ids: allMatching.checked ? [] : selectedIds(),
+            all_matching: allMatching.checked,
+            filters: appliedFilters,
+            settings: settings
+        };
+    }
+
+    function signature(payload) {
+        return JSON.stringify({
+            course_ids: payload.course_ids,
+            all_matching: payload.all_matching,
+            filters: payload.filters,
+            settings: payload.settings
+        });
+    }
+
+    async function readResponse(response) {
+        var body;
+        try {
+            body = await response.json();
+        } catch (error) {
+            throw new Error('Сервер вернул неожиданный ответ. Проверьте авторизацию и обновите страницу.');
+        }
+        if (!response.ok) {
+            var detail = body.error || body.message;
+            if (typeof detail !== 'string') {
+                detail = 'Запрос не выполнен (HTTP ' + response.status + ').';
+            }
+            var requestError = new Error(detail);
+            requestError.status = response.status;
+            requestError.results = body.results;
+            throw requestError;
+        }
+        if (!Array.isArray(body.results)) {
+            throw new Error('В ответе сервера отсутствует список результатов. Обновите страницу для проверки операций.');
+        }
+        return body;
+    }
+
+    function renderResults() {
+        resultBody.replaceChildren();
+        var counts = {};
+        results.forEach(function(result) {
+            var row = document.createElement('tr');
+            [result.source_course_id, result.course_id].forEach(function(id) {
+                var cell = document.createElement('td');
+                cell.className = 'result-id';
+                var code = document.createElement('code');
+                code.textContent = id || '—';
+                cell.appendChild(code);
+                row.appendChild(cell);
+            });
+            var stateCell = document.createElement('td');
+            var state = document.createElement('span');
+            var knownState = Object.prototype.hasOwnProperty.call(stateLabels, result.state);
+            state.className = 'status' + (knownState ? ' status-' + result.state : '');
+            state.textContent = knownState ? stateLabels[result.state] : (result.state || 'Неизвестно');
+            stateCell.appendChild(state);
+            row.appendChild(stateCell);
+            var message = document.createElement('td');
+            message.className = 'result-message';
+            message.textContent = result.message || '';
+            row.appendChild(message);
+            resultBody.appendChild(row);
+            counts[result.state] = (counts[result.state] || 0) + 1;
+        });
+        document.getElementById('results-panel').hidden = !results.size;
+        document.getElementById('results-summary').textContent = Object.keys(stateLabels)
+            .filter(function(state) { return counts[state]; })
+            .map(function(state) { return stateLabels[state] + ': ' + counts[state]; }).join(' · ');
+    }
+
+    function mergeResults(newResults, isPreview) {
+        if (isPreview) {
+            results.forEach(function(result, key) {
+                if (result.state === 'preview') {
+                    results.delete(key);
+                }
+            });
+        }
+        (newResults || []).forEach(function(result) {
+            // A status lookup may return an unknown destination without its source.
+            // Reuse the source from the pending row so the update replaces it and
+            // polling does not continue forever under a second map key.
+            if (!result.source_course_id && result.course_id) {
+                results.forEach(function(existing) {
+                    if (!result.source_course_id && existing.course_id === result.course_id) {
+                        result = Object.assign({}, result, {source_course_id: existing.source_course_id});
+                    }
+                });
+            }
+            if (!Object.prototype.hasOwnProperty.call(stateLabels, result.state)) {
+                result = Object.assign({}, result, {
+                    state: 'failed',
+                    message: result.message || 'Состояние операции недоступно. Проверьте курс в Studio.'
+                });
+            }
+            var key = (result.source_course_id || '') + '→' + (result.course_id || '');
+            results.set(key, result);
+        });
+        renderResults();
+    }
+
+    function pendingIds() {
+        var ids = [];
+        results.forEach(function(result) {
+            if ((result.state === 'queued' || result.state === 'in_progress') && result.course_id) {
+                ids.push(result.course_id);
+            }
+        });
+        return Array.from(new Set(ids));
+    }
+
+    function schedulePoll() {
+        if (!pollTimer && !polling && pendingIds().length) {
+            pollTimer = window.setTimeout(poll, pollDelay);
+        }
+    }
+
+    async function poll() {
+        pollTimer = null;
+        var ids = pendingIds();
+        if (!ids.length) {
+            return;
+        }
+        polling = true;
+        try {
+            // Keep status URLs bounded when the administrator selected all matching courses.
+            for (var offset = 0; offset < ids.length; offset += 20) {
+                var url = new URL(root.dataset.statusUrl, window.location.href);
+                url.searchParams.set('course_ids', ids.slice(offset, offset + 20).join(','));
+                var response = await fetch(url.toString(), {
+                    credentials: 'same-origin',
+                    cache: 'no-store',
+                    headers: {Accept: 'application/json'}
+                });
+                var body = await readResponse(response);
+                mergeResults(body.results, false);
+            }
+            pollMessage.hidden = true;
+            pollDelay = 3000;
+        } catch (error) {
+            pollMessage.textContent = 'Не удалось обновить состояние: ' + error.message + ' Проверка будет повторена автоматически.';
+            pollMessage.hidden = false;
+            pollDelay = Math.min(pollDelay * 2, 30000);
+        } finally {
+            polling = false;
+            schedulePoll();
+        }
+    }
+
+    async function submitAction(action) {
+        if (busy || !settingsForm.reportValidity()) {
+            return;
+        }
+        var payload;
+        try {
+            payload = collectPayload(action);
+            if (action === 'rerun' && previewSignature !== signature(payload)) {
+                throw new Error('Настройки изменились. Сначала повторите проверку новых запусков.');
+            }
+            if (action === 'rerun') {
+                payload.preview_targets = previewTargets;
+                payload.preview_token = previewToken;
+            }
+        } catch (error) {
+            notify(error.message, 'error');
+            return;
+        }
+        busy = true;
+        updateControls();
+        notify(action === 'preview' ? 'Проверяем курсы и новые номера запусков…' : 'Отправляем операцию. Дождитесь ответа сервера…');
+        try {
+            var response = await fetch(root.dataset.endpoint, {
+                method: 'POST',
+                credentials: 'same-origin',
+                headers: {
+                    'Content-Type': 'application/json',
+                    Accept: 'application/json',
+                    'X-CSRFToken': settingsForm.elements.namedItem('csrfmiddlewaretoken').value
+                },
+                body: JSON.stringify(payload)
+            });
+            var body = await readResponse(response);
+            mergeResults(body.results, action === 'preview');
+            var failed = body.results.filter(function(result) { return result.state === 'failed'; }).length;
+            if (action === 'preview') {
+                var previewReady = Boolean(body.preview_token) && body.results.length > 0 && body.results.every(function(result) {
+                    return result.state === 'preview' && result.source_course_id && result.course_id;
+                });
+                previewSignature = previewReady ? signature(payload) : null;
+                previewToken = previewReady ? body.preview_token : null;
+                previewTargets = previewReady ? {} : null;
+                if (previewReady) {
+                    body.results.forEach(function(result) { previewTargets[result.source_course_id] = result.course_id; });
+                }
+                document.getElementById('preview-hint').textContent = previewReady
+                    ? 'Проверено запусков: ' + body.results.length + '. Новые ID показаны ниже. Нажмите «Создать новые запуски», чтобы начать.'
+                    : 'Проверьте сообщения по каждому курсу и повторите проверку после исправления ошибок.';
+                notify(previewReady ? 'Предварительная проверка завершена. Новые курсы ещё не созданы.' : 'Не все курсы прошли проверку. Подробности ниже.', previewReady ? 'success' : 'error');
+            } else {
+                invalidatePreview();
+                notify(failed
+                    ? 'Операция завершилась с ошибками для ' + failed + ' курсов. Проверьте результаты ниже.'
+                    : (action === 'rerun' ? 'Запрос принят. Следите за состоянием создания курсов ниже.' : 'Настройки сохранены. Результаты по каждому курсу показаны ниже.'), failed ? 'error' : 'success');
+            }
+            schedulePoll();
+        } catch (error) {
+            var safeRerunRetry = action === 'rerun' && (!error.status || error.status >= 500);
+            if (!safeRerunRetry) {
+                invalidatePreview();
+            }
+            if (Array.isArray(error.results)) {
+                mergeResults(error.results, action === 'preview');
+                schedulePoll();
+            }
+            var message = error.message;
+            if (safeRerunRetry) {
+                message += ' Можно повторить создание: сохранены те же ID и параметры, чтобы не создать дубликаты.';
+            } else if (action !== 'preview') {
+                message += ' Если запрос успел выполниться, изменения уже применены. Перед повтором обновите страницу и проверьте результаты.';
+            }
+            notify(message, 'error');
+        } finally {
+            busy = false;
+            updateControls();
+        }
+    }
+
+    selectPage.addEventListener('change', function() {
+        courseCheckboxes.forEach(function(input) { input.checked = selectPage.checked; });
+        invalidatePreview();
+    });
+    allMatching.addEventListener('change', invalidatePreview);
+    courseCheckboxes.forEach(function(input) { input.addEventListener('change', invalidatePreview); });
+    settingsForm.addEventListener('input', invalidatePreview);
+    settingsForm.addEventListener('change', invalidatePreview);
+    document.getElementById('course-filters').addEventListener('input', invalidatePreview);
+    document.getElementById('course-filters').addEventListener('change', invalidatePreview);
+    settingsForm.addEventListener('submit', function(event) { event.preventDefault(); });
+    previewButton.addEventListener('click', function() { submitAction('preview'); });
+    rerunButton.addEventListener('click', function() { submitAction('rerun'); });
+    saveButton.addEventListener('click', function() { submitAction('save'); });
+
+    mergeResults(JSON.parse(root.dataset.initialResults), false);
+    updateControls();
+    schedulePoll();
+}());
diff --git a/cms/templates/course-admin.html b/cms/templates/course-admin.html
new file mode 100644
index 000000000000..2c0234386020
--- /dev/null
+++ b/cms/templates/course-admin.html
@@ -0,0 +1,228 @@
+## coding=utf-8
+<%page expression_filter="h"/>
+<%namespace name="static" file="static_content.html"/>
+<%!
+import json
+from urllib.parse import urlencode
+%>
+<%
+    pagination_filters = {key: value for key, value in course_filters.items() if value not in ('', None, False)}
+    pagination_filters['latest'] = '1' if course_filters.get('latest') else '0'
+    visibility_labels = {'both': 'Каталог и страница курса', 'about': 'Только страница курса', 'none': 'Скрыт'}
+%>
+<!doctype html>
+<html lang="ru">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="robots" content="noindex, nofollow">
+  <title>Управление курсами — Studio</title>
+  <style>
+    :root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #203047; background: #f3f5f8; }
+    * { box-sizing: border-box; }
+    body { margin: 0; font-size: 15px; line-height: 1.5; }
+    main { max-width: 1480px; margin: auto; padding: 36px 28px 64px; }
+    h1 { margin: 8px 0; font-size: 32px; line-height: 1.2; letter-spacing: -.5px; }
+    h2 { font-size: 21px; margin: 0 0 8px; }
+    p { margin: 0 0 14px; }
+    a { color: #1556a1; text-underline-offset: 3px; }
+    .eyebrow { color: #50647d; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
+    .intro { max-width: 920px; color: #506078; margin: 12px 0 24px; }
+    .panel { background: #fff; border: 1px solid #dce2e9; border-radius: 12px; padding: 24px; margin: 20px 0; }
+    .section-heading { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
+    .muted, .hint { color: #58687c; }
+    .hint { font-size: 13px; margin: 6px 0 0; }
+    .grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
+    .field { display: flex; flex-direction: column; gap: 6px; }
+    .field > span, legend { font-weight: 600; }
+    input:not([type=checkbox]), select { width: 100%; min-height: 42px; padding: 8px 11px; border: 1px solid #b8c4d2; border-radius: 6px; color: #203047; background: #fff; font: inherit; }
+    input[type=checkbox] { width: 18px; height: 18px; margin: 0; accent-color: #1556a1; flex-shrink: 0; }
+    .check { display: inline-flex; align-items: center; gap: 9px; font-weight: 400; }
+    .check.small { font-size: 13px; }
+    .toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 18px; }
+    button, .page-link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 16px; background: #fff; color: #1556a1; border: 1px solid #9badc3; border-radius: 6px; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; }
+    button.primary { background: #1556a1; border-color: #1556a1; color: #fff; }
+    button:hover:not(:disabled), .page-link:hover { filter: brightness(.92); }
+    button:disabled { opacity: .48; cursor: not-allowed; }
+    :focus-visible { outline: 3px solid #d39219; outline-offset: 3px; }
+    input:disabled { background: #eef1f5; }
+    .table-wrap { overflow-x: auto; margin: 18px -24px 0; }
+    table { border-collapse: collapse; width: 100%; text-align: left; font-size: 14px; }
+    caption { text-align: left; padding: 0 24px 10px; }
+    th { color: #526178; background: #f5f7fa; font-weight: 600; }
+    th, td { padding: 13px 16px; border-bottom: 1px solid #e5e9ef; vertical-align: top; }
+    th:first-child, td:first-child { padding-left: 24px; }
+    td:last-child, th:last-child { padding-right: 24px; }
+    .course-name { min-width: 250px; }
+    .course-name a { font-weight: 600; }
+    code { display: block; font-size: 12px; overflow-wrap: anywhere; color: #59687a; margin-top: 4px; }
+    .dates { min-width: 175px; }
+    .dates span { display: block; }
+    .pagination { display: flex; justify-content: flex-end; align-items: center; gap: 12px; margin-top: 18px; }
+    fieldset { padding: 0; margin: 22px 0 0; border: 0; min-width: 0; }
+    legend { padding: 0; margin: 0 0 12px; }
+    .note { padding: 14px 16px; background: #f2f6fc; border-left: 3px solid #557aab; border-radius: 3px; color: #425773; font-size: 14px; margin: 18px 0; }
+    .actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
+    .save-action { border-top: 1px solid #e1e6ed; margin-top: 24px; padding-top: 22px; }
+    .save-action p { margin-bottom: 12px; }
+    .notice { margin-top: 16px; padding: 12px 15px; border-radius: 6px; background: #edf4fc; overflow-wrap: anywhere; }
+    .notice.error { color: #9b2626; background: #fff0f0; }
+    .notice.success { color: #226642; background: #edf8f1; }
+    [hidden] { display: none !important; }
+    .status { display: inline-block; border-radius: 20px; padding: 3px 10px; font-size: 12px; font-weight: 600; background: #edf1f7; white-space: nowrap; }
+    .status-succeeded, .status-saved { color: #226642; background: #e7f5ec; }
+    .status-failed { color: #9b2626; background: #ffeded; }
+    .status-queued, .status-in_progress { color: #895e06; background: #fff4d9; }
+    .result-id { min-width: 235px; }
+    .result-message { min-width: 210px; overflow-wrap: anywhere; }
+    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
+    @media (max-width: 1000px) { .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
+    @media (max-width: 600px) { main { padding: 22px 14px 40px; } .panel { padding: 18px; } h1 { font-size: 27px; } .grid { grid-template-columns: 1fr; } .table-wrap { margin-left: -18px; margin-right: -18px; } .actions button { width: 100%; } }
+  </style>
+  <script src="${static.url('js/course_admin.js')}" defer></script>
+</head>
+<body>
+<main id="course-admin" data-endpoint="${endpoint_url}" data-status-url="${status_url}"
+      data-filters="${json.dumps(course_filters)}" data-initial-results="${json.dumps(initial_results)}" data-total="${total}">
+  <header>
+    <div class="eyebrow">Studio · Только для администраторов</div>
+    <h1>Управление курсами</h1>
+    <p class="intro">Выберите курсы, проверьте новые номера запусков и создайте их с общими настройками.
+      Здесь же можно изменить даты, видимость, режимы обучения и сертификаты существующих курсов.</p>
+  </header>
+  <noscript><p class="notice error">Для массового управления курсами включите JavaScript в браузере.</p></noscript>
+
+  <section class="panel" aria-labelledby="courses-heading">
+    <div class="section-heading"><h2 id="courses-heading">1. Выберите курсы</h2><span class="muted">Найдено: ${total}</span></div>
+    <form id="course-filters" method="get">
+      <div class="grid">
+        <label class="field"><span>Название или ID</span><input name="q" type="search" value="${course_filters.get('q', '')}" placeholder="Название, FBB или course-v1:…"></label>
+        <label class="field"><span>Организация</span><input name="org" value="${course_filters.get('org', '')}" placeholder="Например, FBB"></label>
+        <label class="field"><span>Запуск</span><input name="run" value="${course_filters.get('run', '')}" placeholder="Например, 2026_C1"></label>
+        <label class="field"><span>Год запуска</span><input name="year" type="number" min="1900" max="9999" value="${course_filters.get('year', '')}" placeholder="2026"></label>
+      </div>
+      <div class="toolbar">
+        <input type="hidden" name="latest" value="0">
+        <label class="check"><input type="checkbox" name="latest" value="1" ${'checked' if course_filters.get('latest') else ''}> Только последний запуск каждого курса</label>
+        <button type="submit">Найти курсы</button>
+      </div>
+    </form>
+    <div class="toolbar">
+      <label class="check"><input id="select-page" type="checkbox"> Выбрать на этой странице</label>
+      <label class="check"><input id="all-matching" type="checkbox" ${'disabled' if not total else ''}> Все найденные курсы (${total})</label>
+      <span id="selection-count" class="muted" aria-live="polite">Выбрано: 0</span>
+    </div>
+    <div class="table-wrap">
+      <table>
+        <caption class="sr-only">Курсы, соответствующие применённым фильтрам</caption>
+        <thead><tr><th><span class="sr-only">Выбор</span></th><th>Курс</th><th>Организация / запуск</th><th>Обучение (${timezone_label})</th><th>Запись (${timezone_label})</th><th>Видимость</th></tr></thead>
+        <tbody>
+        % for course in courses:
+          <tr>
+            <td><input type="checkbox" name="course_ids" value="${course['id']}" aria-label="Выбрать курс ${course['name']}"></td>
+            <td class="course-name"><a href="${course['details_url']}" target="_blank" rel="noopener noreferrer">${course['name']}</a><code>${course['id']}</code>
+              % if course.get('mode_labels'):
+                <div class="hint">Режимы: ${course['mode_labels']}</div>
+              % endif
+              % if course.get('certificate_generation'):
+                <div class="hint">Генерация сертификатов: ${course['certificate_generation']}</div>
+              % endif
+              % if course.get('self_paced_label'):
+                <div class="hint">${course['self_paced_label']}</div>
+              % endif
+              % if course.get('invitation_only_label'):
+                <div class="hint">${course['invitation_only_label']}</div>
+              % endif
+              % if course.get('certificate_available_date'):
+                <div class="hint">Сертификаты с: ${course['certificate_available_date']} UTC</div>
+              % endif
+            </td>
+            <td>${course['org']}<br>${course['run']}
+              % if course.get('faculty'):
+                <div class="hint">${course['faculty']}</div>
+              % endif
+            </td>
+            <td class="dates"><span>С: ${course.get('start') or '—'}</span><span>До: ${course.get('end') or '—'}</span></td>
+            <td class="dates"><span>С: ${course.get('enrollment_start') or '—'}</span><span>До: ${course.get('enrollment_end') or '—'}</span></td>
+            <td>${visibility_labels.get(course.get('visibility'), course.get('visibility') or '—')}</td>
+          </tr>
+        % endfor
+        % if not courses:
+          <tr><td colspan="6">Курсы не найдены. Измените фильтры.</td></tr>
+        % endif
+        </tbody>
+      </table>
+    </div>
+    % if num_pages > 1:
+    <nav class="pagination" aria-label="Страницы списка курсов">
+      % if page > 1:
+      <a class="page-link" href="?${urlencode(dict(pagination_filters, page=page - 1))}">Назад</a>
+      % endif
+      <span>Страница ${page} из ${num_pages}</span>
+      % if page < num_pages:
+      <a class="page-link" href="?${urlencode(dict(pagination_filters, page=page + 1))}">Далее</a>
+      % endif
+    </nav>
+    % endif
+    <p class="hint">Выбор отдельных курсов действует на текущей странице. «Все найденные курсы» охватывает все страницы применённых фильтров.</p>
+  </section>
+
+  <section class="panel" aria-labelledby="settings-heading">
+    <h2 id="settings-heading">2. Задайте общие настройки</h2>
+    <p class="muted">При сохранении существующих курсов пустые поля и «Без изменений» сохраняют текущие настройки. Для нового запуска обязательны начало и конец курса.</p>
+    <form id="course-settings">
+      <input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}">
+      <fieldset>
+        <legend>Расписание · ${timezone_label}</legend>
+        <div class="grid">
+          <label class="field"><span>Начало курса</span><input type="datetime-local" name="start" step="60"><span class="hint">Обязательно для перезапуска</span></label>
+          <label class="field"><span>Конец курса</span><input type="datetime-local" name="end" step="60"><span class="hint">Обязательно для перезапуска</span></label>
+          <div class="field"><label for="enrollment-start">Начало записи</label><input id="enrollment-start" type="datetime-local" name="enrollment_start" step="60"><label class="check small"><input type="checkbox" name="clear_enrollment_start"> Убрать ограничение даты</label></div>
+          <div class="field"><label for="enrollment-end">Конец записи</label><input id="enrollment-end" type="datetime-local" name="enrollment_end" step="60"><label class="check small"><input type="checkbox" name="clear_enrollment_end"> Убрать ограничение даты</label></div>
+        </div>
+        <p class="hint">Введите время в UTC. Например, 09:00 по времени Алматы (UTC+5) = 04:00 UTC.</p>
+        <p class="hint">В новом запуске пустые даты записи и доступности сертификатов снимают прежние ограничения по датам.</p>
+      </fieldset>
+      <fieldset>
+        <legend>Доступ и обучение</legend>
+        <div class="grid">
+          <label class="field"><span>Видимость</span><select name="catalog_visibility"><option value="">Без изменений</option><option value="both">Каталог и страница курса</option><option value="about">Только страница курса</option><option value="none">Скрыт</option></select></label>
+          <label class="field"><span>Режим зачисления</span><select name="mode"><option value="">Без изменений / копировать</option><option value="honor">Honor — бесплатный режим</option><option value="audit">Audit — без сертификата</option></select></label>
+          <label class="field"><span>Генерация сертификатов</span><select name="certificate_mode"><option value="">Без изменений / копировать</option><option value="enabled">Включить</option><option value="disabled">Выключить</option></select></label>
+          <label class="field"><span>Темп обучения</span><select name="self_paced"><option value="">Без изменений</option><option value="true">В своём темпе</option><option value="false">По расписанию преподавателя</option></select></label>
+          <label class="field"><span>Запись по приглашению</span><select name="invitation_only"><option value="">Без изменений</option><option value="true">Только по приглашению</option><option value="false">Открытая запись</option></select></label>
+          <div class="field"><label for="certificate-available-date">Дата доступности сертификатов (UTC)</label><input id="certificate-available-date" type="datetime-local" name="certificate_available_date" step="60"><label class="check small"><input type="checkbox" name="clear_certificate_available_date"> Убрать ограничение даты</label></div>
+        </div>
+        <p class="hint">Включение генерации требует активного настроенного сертификата курса, а также включённых системных настроек HTML-сертификатов и генерации. Выбор режима Honor сам по себе не настраивает сертификат.</p>
+        <p class="hint">Видимость управляет каталогом и страницей описания курса. Она не закрывает учебные материалы для уже записанных студентов.</p>
+      </fieldset>
+      <fieldset>
+        <legend>Расписание содержимого при перезапуске</legend>
+        <label class="check"><input type="checkbox" name="shift_content_dates" checked> Перенести даты разделов и заданий относительно нового начала</label>
+        <p class="hint">Действует только при создании нового запуска. Календари внешних инструментов и задания ORA могут требовать отдельной проверки.</p>
+      </fieldset>
+      <div class="note">Новый ID сохраняет организацию и код курса. Год берётся из даты начала в UTC, а номер C выбирается следующим свободным: например, 2026_C1 → 2026_C2. Материалы копируются штатным перезапуском Studio. Если отключить перенос, даты разделов и заданий останутся прежними.</div>
+      <div class="actions">
+        <button id="preview-rerun" type="button" disabled>Проверить новые запуски</button>
+        <button id="rerun-courses" type="button" class="primary" disabled>Создать новые запуски</button>
+      </div>
+      <p id="preview-hint" class="hint">Сначала выберите курсы и проверьте новые ID. После изменения настроек проверку нужно повторить.</p>
+      <div class="save-action">
+        <p><strong>Изменить выбранные существующие курсы</strong><br><span class="muted">Применяет заполненные поля к выбранным курсам. Новые запуски не создаются.</span></p>
+        <button id="save-settings" type="button" disabled>Сохранить все настройки</button>
+      </div>
+    </form>
+    <p id="action-message" class="notice" role="status" aria-live="polite" hidden></p>
+  </section>
+
+  <section class="panel" id="results-panel" aria-labelledby="results-heading" hidden>
+    <div class="section-heading"><h2 id="results-heading">3. Результаты операций</h2><span id="results-summary" class="muted" aria-live="polite"></span></div>
+    <p class="hint">Перезапуск выполняется в фоне. Состояние обновляется автоматически; после обновления страницы незавершённые операции появятся снова.</p>
+    <p id="poll-message" class="notice error" role="status" hidden></p>
+    <div class="table-wrap">
+      <table><caption class="sr-only">Предварительная проверка и состояние массовых операций</caption><thead><tr><th>Исходный курс</th><th>Курс / новый запуск</th><th>Состояние</th><th>Сообщение</th></tr></thead><tbody id="operation-results"></tbody></table>
+    </div>
+  </section>
+</main>
+</body>
+</html>
diff --git a/cms/urls.py b/cms/urls.py
index d01e89d9d276..020264fa574d 100644
--- a/cms/urls.py
+++ b/cms/urls.py
@@ -20,6 +20,11 @@
 from cms.djangoapps.contentstore import views as contentstore_views
 from cms.djangoapps.contentstore.views.block import xblock_edit_view
 from cms.djangoapps.contentstore.views.organization import OrganizationListView
+from cms.djangoapps.contentstore.views.course_admin import (
+    course_admin_action,
+    course_admin_page,
+    course_admin_status,
+)
 from openedx.core.apidocs import api_info
 from openedx.core.djangoapps.password_policy import compliance as password_policy_compliance
 from openedx.core.djangoapps.password_policy.forms import PasswordPolicyAwareAdminAuthForm
@@ -69,6 +74,10 @@
     path('server_error', contentstore_views.server_error, name='server_error'),
     path('organizations', OrganizationListView.as_view(), name='organizations'),
     path('api/toggles/', include('openedx.core.djangoapps.waffle_utils.urls')),
+    # Deliberately absent from Studio navigation; every endpoint requires global staff.
+    path('course-admin/', course_admin_page, name='course_admin'),
+    path('course-admin/action/', course_admin_action, name='course_admin_action'),
+    path('course-admin/status/', course_admin_status, name='course_admin_status'),
 
     # noop to squelch ajax errors
     path('event', contentstore_views.event, name='event'),
diff --git a/lms/djangoapps/certificates/api.py b/lms/djangoapps/certificates/api.py
index d6c77f4e721b..ee3838d314da 100644
--- a/lms/djangoapps/certificates/api.py
+++ b/lms/djangoapps/certificates/api.py
@@ -355,6 +355,42 @@ def set_cert_generation_enabled(course_key, is_enabled):
         log.info("Disabled self-generated certificates for course '%s'.", str(course_key))
 
 
+def get_course_certificate_generation_settings(course_key):
+    """Return the latest per-course certificate-generation settings as plain data."""
+    course_settings = CertificateGenerationCourseSetting.get(course_key)
+    if course_settings is None:
+        return None
+    return {
+        "self_generation_enabled": course_settings.self_generation_enabled,
+        "language_specific_templates_enabled": course_settings.language_specific_templates_enabled,
+        "include_hours_of_effort": course_settings.include_hours_of_effort,
+    }
+
+
+def get_self_generation_enabled_for_courses(course_keys):
+    """Return the effective latest self-generation flag for each supplied course."""
+    result = {}
+    course_settings = CertificateGenerationCourseSetting.objects.filter(
+        course_key__in=course_keys,
+    ).order_by("created", "pk")
+    for item in course_settings:
+        result[str(item.course_key)] = item.self_generation_enabled
+    return result
+
+
+def create_course_certificate_generation_settings(course_key, values):
+    """Append per-course settings so historical duplicate rows remain well-defined."""
+    allowed = {
+        "self_generation_enabled",
+        "language_specific_templates_enabled",
+        "include_hours_of_effort",
+    }
+    unknown = set(values) - allowed
+    if unknown:
+        raise ValueError(f"Unsupported certificate generation settings: {sorted(unknown)}")
+    return CertificateGenerationCourseSetting.objects.create(course_key=course_key, **values)
+
+
 def is_certificate_invalidated(student, course_key):
     """Check whether the certificate belonging to the given student (in given course) has been invalidated.
 
diff --git a/lms/djangoapps/certificates/tests/test_generation_settings_api.py b/lms/djangoapps/certificates/tests/test_generation_settings_api.py
new file mode 100644
index 000000000000..71001f6978c7
--- /dev/null
+++ b/lms/djangoapps/certificates/tests/test_generation_settings_api.py
@@ -0,0 +1,41 @@
+"""Tests for the public certificate-generation settings API."""
+
+from django.test import TestCase
+from opaque_keys.edx.locator import CourseLocator
+
+from lms.djangoapps.certificates import api
+
+
+class CertificateGenerationSettingsApiTests(TestCase):
+    """The API handles historical duplicate rows using the most recent value."""
+
+    def setUp(self):
+        super().setUp()
+        self.course_key = CourseLocator(org='FBB', course='BNJjTSOB', run='2026_C1')
+
+    def test_create_and_get_latest_settings(self):
+        api.create_course_certificate_generation_settings(self.course_key, {
+            'self_generation_enabled': False,
+            'language_specific_templates_enabled': False,
+            'include_hours_of_effort': None,
+        })
+        api.create_course_certificate_generation_settings(self.course_key, {
+            'self_generation_enabled': True,
+            'language_specific_templates_enabled': True,
+            'include_hours_of_effort': True,
+        })
+
+        result = api.get_course_certificate_generation_settings(self.course_key)
+
+        self.assertEqual(result, {
+            'self_generation_enabled': True,
+            'language_specific_templates_enabled': True,
+            'include_hours_of_effort': True,
+        })
+        self.assertEqual(api.get_self_generation_enabled_for_courses([self.course_key]), {
+            str(self.course_key): True,
+        })
+
+    def test_create_rejects_unknown_fields(self):
+        with self.assertRaises(ValueError):
+            api.create_course_certificate_generation_settings(self.course_key, {'enabled': True})
diff --git a/lms/djangoapps/certificates/views/webview.py b/lms/djangoapps/certificates/views/webview.py
index 3b6cc75e4890..1a2651166508 100644
--- a/lms/djangoapps/certificates/views/webview.py
+++ b/lms/djangoapps/certificates/views/webview.py
@@ -121,7 +121,8 @@ def _update_certificate_context(context, course, course_overview, user_certifica
     else:
         date = display_date_for_certificate(course, user_certificate)
     # Translators:  The format of the date includes the full name of the month
-    context['certificate_date_issued'] = strftime_localized(date, settings.CERTIFICATE_DATE_FORMAT)
+    # context['certificate_date_issued'] = strftime_localized(date, settings.CERTIFICATE_DATE_FORMAT)
+    context['certificate_date_issued'] = date.strftime("%d.%m.%Y")
 
     # Translators:  This text represents the verification of the certificate
     context['document_meta_description'] = _('This is a valid {platform_name} certificate for {user_name}, '
diff --git a/lms/djangoapps/course_api/serializers.py b/lms/djangoapps/course_api/serializers.py
index 5fc711376784..bd4e981d2e9d 100644
--- a/lms/djangoapps/course_api/serializers.py
+++ b/lms/djangoapps/course_api/serializers.py
@@ -17,7 +17,6 @@
 from openedx.core.djangoapps.models.course_details import CourseDetails
 from openedx.core.lib.api.fields import AbsoluteURLField
 
-
 class _MediaSerializer(serializers.Serializer):  # pylint: disable=abstract-method
     """
     Nested serializer to represent a media object.
@@ -100,6 +99,7 @@ class CourseSerializer(serializers.Serializer):  # pylint: disable=abstract-meth
 
     blocks_url = serializers.SerializerMethodField()
     effort = serializers.CharField()
+    # complexity = serializers.SerializerMethodField()
     end = serializers.DateTimeField()
     enrollment_start = serializers.DateTimeField()
     enrollment_end = serializers.DateTimeField()
@@ -120,6 +120,9 @@ class CourseSerializer(serializers.Serializer):  # pylint: disable=abstract-meth
     # 'course_id' is a deprecated field, please use 'id' instead.
     course_id = serializers.CharField(source='id', read_only=True)
 
+    def get_complexity(self, obj):
+        return CourseDetails.fetch_about_attribute(obj.id, 'complexity')
+
     def get_hidden(self, course_overview):
         """
         Get the representation for SerializerMethodField `hidden`
diff --git a/lms/djangoapps/courseware/views/views.py b/lms/djangoapps/courseware/views/views.py
index 3e7a3fae8ae4..fe0786f45935 100644
--- a/lms/djangoapps/courseware/views/views.py
+++ b/lms/djangoapps/courseware/views/views.py
@@ -285,37 +285,22 @@ def user_groups(user):
     return group_names
 
 
+
 @ensure_csrf_cookie
 @cache_if_anonymous()
 def courses(request):
     """
-    Render "find courses" page.  The course selection work is done in courseware.courses.
+    Render "find courses" page. Only show courses with catalog_visibility = both.
     """
-    courses_list = []
-    course_discovery_meanings = getattr(settings, 'COURSE_DISCOVERY_MEANINGS', {})
-    set_default_filter = ENABLE_COURSE_DISCOVERY_DEFAULT_LANGUAGE_FILTER.is_enabled()
-    if not settings.FEATURES.get('ENABLE_COURSE_DISCOVERY'):
-        courses_list = get_courses(
-            request.user,
-            filter_={"catalog_visibility": CATALOG_VISIBILITY_CATALOG_AND_ABOUT},
-        )
-
-        if configuration_helpers.get_value("ENABLE_COURSE_SORTING_BY_START_DATE",
-                                           settings.FEATURES["ENABLE_COURSE_SORTING_BY_START_DATE"]):
-            courses_list = sort_by_start_date(courses_list)
-        else:
-            courses_list = sort_by_announcement(courses_list)
-
-    # Add marketable programs to the context.
-    programs_list = get_programs_with_type(request.site, include_hidden=False)
-
+    courses_list = get_courses(
+        request.user,
+        filter_={"catalog_visibility": CATALOG_VISIBILITY_CATALOG_AND_ABOUT},
+    )
+    # Do not change courses2 to courses
     return render_to_response(
-        "courseware/courses.html",
+        "courseware/courses2.html",
         {
             'courses': courses_list,
-            'course_discovery_meanings': course_discovery_meanings,
-            'set_default_filter': set_default_filter,
-            'programs_list': programs_list,
         }
     )
 
@@ -866,13 +851,17 @@ def course_about(request, course_id):  # pylint: disable=too-many-statements
 
         # Overview
         overview = CourseOverview.get_from_id(course.id)
-
+        same_name_courses = CourseOverview.objects.filter(
+            display_name=overview.display_name
+        ).order_by('start')
         sidebar_html_enabled = ENABLE_COURSE_ABOUT_SIDEBAR_HTML.is_enabled()
 
         allow_anonymous = check_public_access(course, [COURSE_VISIBILITY_PUBLIC, COURSE_VISIBILITY_PUBLIC_OUTLINE])
+        complexity = overview.complexity
 
         context = {
             'course': course,
+            'complexity': complexity,
             'course_details': course_details,
             'staff_access': staff_access,
             'studio_url': studio_url,
@@ -897,6 +886,7 @@ def course_about(request, course_id):  # pylint: disable=too-many-statements
             'course_image_urls': overview.image_urls,
             'sidebar_html_enabled': sidebar_html_enabled,
             'allow_anonymous': allow_anonymous,
+            'same_name_courses': same_name_courses,
         }
 
         course_about_template = 'courseware/course_about.html'
@@ -985,7 +975,10 @@ def _progress(request, course_key, student_id):
             student_id = int(student_id)
         # Check for ValueError if 'student_id' cannot be converted to integer.
         except ValueError:
-            raise Http404  # lint-amnesty, pylint: disable=raise-missing-from
+            try:
+                user_by_username = User.objects.get(username=student_id)
+            except User.DoesNotExist:
+                raise Http404
 
     course = get_course_with_access(request.user, 'load', course_key)
 
@@ -1007,9 +1000,12 @@ def _progress(request, course_key, student_id):
         if not has_access_on_students_profiles:
             raise Http404
         try:
-            student = User.objects.get(id=student_id)
+            if user_by_username:
+                student = user_by_username
+            else:
+                student = User.objects.get(id=student_id)
         except User.DoesNotExist:
-            raise Http404  # lint-amnesty, pylint: disable=raise-missing-from
+            raise Http404 # lint-amnesty, pylint: disable=raise-missing-from
 
     # NOTE: To make sure impersonation by instructor works, use
     # student instead of request.user in the rest of the function.
diff --git a/lms/djangoapps/grades/rest_api/serializers.py b/lms/djangoapps/grades/rest_api/serializers.py
index b5c757f31bc6..c3969a947ff4 100644
--- a/lms/djangoapps/grades/rest_api/serializers.py
+++ b/lms/djangoapps/grades/rest_api/serializers.py
@@ -57,7 +57,7 @@ class StudentGradebookEntrySerializer(serializers.Serializer):
     external_user_key = serializers.CharField(required=False)
     percent = serializers.FloatField()
     section_breakdown = SectionBreakdownSerializer(many=True)
-
+    profile_name = serializers.CharField(required=False, allow_null=True)
 
 class SubsectionGradeOverrideSerializer(serializers.Serializer):
     """
diff --git a/lms/djangoapps/grades/rest_api/v1/gradebook_views.py b/lms/djangoapps/grades/rest_api/v1/gradebook_views.py
index c295563da565..14c5e38c6313 100644
--- a/lms/djangoapps/grades/rest_api/v1/gradebook_views.py
+++ b/lms/djangoapps/grades/rest_api/v1/gradebook_views.py
@@ -507,6 +507,8 @@ def _gradebook_entry(self, user, course, graded_subsections, course_grade):
             kwargs=dict(course_id=str(course.id), student_id=user.id)
         )
         user_entry['user_id'] = user.id
+        profile = getattr(user, 'profile', None)
+        user_entry['profile_name'] = getattr(profile, 'name', None)
 
         def is_masters_student():
             # If this is a multiple-user lookup (didn't use the username param) we insert
@@ -654,7 +656,7 @@ def get(self, request, course_key):  # lint-amnesty, pylint: disable=too-many-st
                 # TODO: In django 3.0+, we can directly filter on this 'exists' rather than annotating
                 q_objects.append(Q(has_excluded_role=False))
             entries = []
-            related_models = ['user']
+            related_models = ['user', 'user__profile']
             users = self._paginate_users(course_key, q_objects, related_models, annotations=annotations)
 
             users_counts = self._get_users_counts(course_key, q_objects, annotations=annotations)
diff --git a/lms/djangoapps/instructor_task/tasks_helper/grades.py b/lms/djangoapps/instructor_task/tasks_helper/grades.py
index 5358af370897..b9cb4ca19454 100644
--- a/lms/djangoapps/instructor_task/tasks_helper/grades.py
+++ b/lms/djangoapps/instructor_task/tasks_helper/grades.py
@@ -462,20 +462,26 @@ def get_enrolled_learners_for_course(course_id, verified_only=False):
             }
             if verified_only:
                 filter_kwargs['courseenrollment__mode'] = CourseMode.VERIFIED
-
-            user_ids_list = get_user_model().objects.filter(**filter_kwargs).values_list('id', flat=True).order_by('id')
-            user_chunks = grouper(user_ids_list)
-            for user_ids in user_chunks:
-                user_ids = [user_id for user_id in user_ids if user_id is not None]
-                min_id = min(user_ids)
-                max_id = max(user_ids)
-                users = get_user_model().objects.filter(
-                    id__gte=min_id,
-                    id__lte=max_id,
-                    **filter_kwargs
-                ).select_related('profile')
-
-                yield users
+            #
+            users_qs = get_user_model().objects.filter(**filter_kwargs).select_related('profile').order_by('id')
+            chunk_size = 100
+
+            for i in range(0, users_qs.count(), chunk_size):
+                yield users_qs[i:i + chunk_size]
+            #
+            # user_ids_list = get_user_model().objects.filter(**filter_kwargs).values_list('id', flat=True).order_by('id')
+            # user_chunks = grouper(user_ids_list)
+            # for user_ids in user_chunks:
+            #     user_ids = [user_id for user_id in user_ids if user_id is not None]
+            #     min_id = min(user_ids)
+            #     max_id = max(user_ids)
+            #     users = get_user_model().objects.filter(
+            #         id__gte=min_id,
+            #         id__lte=max_id,
+            #         **filter_kwargs
+            #     ).select_related('profile')
+            #
+            #     yield users
 
         return get_enrolled_learners_for_course(
             course_id=self.context.course_id,
@@ -743,7 +749,7 @@ def _error_headers(self):
 
     def _problem_grades_header(self):
         """Problem Grade report header."""
-        return OrderedDict([('id', 'Student ID'), ('email', 'Email'), ('username', 'Username')])
+        return OrderedDict([('id', 'Student ID'), ('email', 'Email'),('name', 'Name'), ('username', 'Username')])
 
     def _rows_for_users(self, users):
         """
@@ -761,10 +767,20 @@ def _rows_for_users(self, users):
                 # There was an error grading this student.
                 if not err_msg:
                     err_msg = 'Unknown error'
+                # error_rows.append(
+                #     [student.id, student.email, student.username] +
+                #     [err_msg]
+                # )
                 error_rows.append(
-                    [student.id, student.email, student.username] +
+                    [
+                        student.id,
+                        student.email,
+                        getattr(student.profile, "name", ""),  # ← ДОБАВИЛИ
+                        student.username
+                    ] +
                     [err_msg]
                 )
+
                 continue
 
             earned_possible_values = []
@@ -780,8 +796,18 @@ def _rows_for_users(self, users):
                         earned_possible_values.append(['Not Attempted', problem_score.possible])
 
             enrollment_status = _user_enrollment_status(student, self.context.course_id)
+            # success_rows.append(
+            #     [student.id, student.email, student.username] +
+            #     [enrollment_status, course_grade.percent] +
+            #     _flatten(earned_possible_values)
+            # )
             success_rows.append(
-                [student.id, student.email, student.username] +
+                [
+                    student.id,
+                    student.email,
+                    getattr(student.profile, "name", ""),  # ← ДОБАВИЛИ
+                    student.username
+                ] +
                 [enrollment_status, course_grade.percent] +
                 _flatten(earned_possible_values)
             )
diff --git a/lms/djangoapps/news/admin.py b/lms/djangoapps/news/admin.py
new file mode 100644
index 000000000000..8443d1c799ac
--- /dev/null
+++ b/lms/djangoapps/news/admin.py
@@ -0,0 +1,7 @@
+from django.contrib import admin
+from .models import News
+
+@admin.register(News)
+class NewsAdmin(admin.ModelAdmin):
+    list_display = ('title', 'created_at')
+    search_fields = ('title', 'content')
\ No newline at end of file
diff --git a/lms/djangoapps/news/forms.py b/lms/djangoapps/news/forms.py
new file mode 100644
index 000000000000..98cbb2bb4df6
--- /dev/null
+++ b/lms/djangoapps/news/forms.py
@@ -0,0 +1,10 @@
+from django import forms
+from .models import News
+
+class NewsForm(forms.ModelForm):
+    class Meta:
+        model = News
+        fields = ['title', 'content', 'image']
+        widgets = {
+            'content': forms.Textarea(attrs={'rows': 10}),
+        }
\ No newline at end of file
diff --git a/lms/djangoapps/news/migrations/0001_initial.py b/lms/djangoapps/news/migrations/0001_initial.py
new file mode 100644
index 000000000000..67310398ac14
--- /dev/null
+++ b/lms/djangoapps/news/migrations/0001_initial.py
@@ -0,0 +1,30 @@
+# Generated by Django 4.2.20 on 2025-09-30 11:34
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='News',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=200, verbose_name='Заголовок')),
+                ('content', models.TextField(verbose_name='Содержание')),
+                ('image', models.ImageField(blank=True, null=True, upload_to='articles/', verbose_name='Изображение')),
+                ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='Дата создания')),
+                ('updated_at', models.DateTimeField(auto_now=True, verbose_name='Дата обновления')),
+            ],
+            options={
+                'verbose_name': 'Новость',
+                'verbose_name_plural': 'Новости',
+                'ordering': ['-created_at'],
+            },
+        ),
+    ]
diff --git a/lms/djangoapps/news/migrations/__init__.py b/lms/djangoapps/news/migrations/__init__.py
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/lms/djangoapps/news/models.py b/lms/djangoapps/news/models.py
new file mode 100644
index 000000000000..a8f19eb65335
--- /dev/null
+++ b/lms/djangoapps/news/models.py
@@ -0,0 +1,22 @@
+from django.db import models
+
+class News(models.Model):
+    title = models.CharField(max_length=200, verbose_name="Заголовок")
+    content = models.TextField(verbose_name="Содержание")
+    image = models.ImageField(
+        upload_to='articles/',
+        verbose_name="Изображение",
+        blank=True,
+        null=True
+    )
+    created_at = models.DateTimeField(auto_now_add=True, verbose_name="Дата создания")
+    updated_at = models.DateTimeField(auto_now=True, verbose_name="Дата обновления")
+
+    class Meta:
+        verbose_name = "Новость"
+        verbose_name_plural = "Новости"
+        ordering = ['-created_at']
+
+    def __str__(self):
+        return self.title
+
diff --git a/lms/djangoapps/news/views.py b/lms/djangoapps/news/views.py
new file mode 100644
index 000000000000..4f9ff586aafa
--- /dev/null
+++ b/lms/djangoapps/news/views.py
@@ -0,0 +1,539 @@
+from django.shortcuts import render, get_object_or_404, redirect
+from django.urls import reverse
+from common.djangoapps.edxmako.shortcuts import render_to_response
+from .models import News
+from .forms import NewsForm
+from django.contrib.auth.decorators import user_passes_test
+from common.djangoapps.student.models import CourseEnrollment, UserProfile
+from lms.djangoapps.certificates.data import CertificateStatuses
+from lms.djangoapps.certificates.models import GeneratedCertificate
+from lms.djangoapps.grades.models import PersistentCourseGrade
+from opaque_keys import InvalidKeyError
+from opaque_keys.edx.keys import CourseKey
+
+import json
+from django.utils import timezone
+from collections import Counter
+from openedx.core.djangoapps.content.course_overviews.models import CourseOverview
+# from ..commerce.api.v1.models import Course
+import logging
+import jwt
+import urllib.parse
+import random
+from datetime import datetime, timedelta
+
+from django.http import HttpResponseRedirect
+
+from django.http import Http404, HttpResponseBadRequest, JsonResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.conf import settings
+
+
+from django.db.models.functions import ExtractYear, TruncMonth
+from django.db.models import Avg, Count, Exists, Min, OuterRef, Q
+
+logger = logging.getLogger(__name__)
+
+def news_list(request):
+    news = News.objects.all()
+    context = {
+        'news_list': news,
+        'create_url': reverse('news_create'),
+    }
+    return render_to_response('news/list.html', context, request=request)
+
+def news_detail(request, news_id):  # используем news_id
+    news = get_object_or_404(News, pk=news_id)  # все равно используем pk для поиска
+    context = {
+        'news': news,
+        'list_url': reverse('news_list'),
+    }
+    return render_to_response('news/detail.html', context, request=request)
+
+
+@user_passes_test(lambda u: u.is_staff)
+def news_create(request):
+    if request.method == 'POST':
+        form = NewsForm(request.POST, request.FILES)
+        if form.is_valid():
+            form.save()
+            return redirect('news_list')
+    else:
+        form = NewsForm()
+
+    context = {
+        'form': form,
+        'list_url': reverse('news_list'),
+    }
+    return render_to_response('news/form.html', context, request=request)
+
+#
+from django.utils.translation import get_language, gettext as _
+
+FACULTY_TRANSLATIONS = {
+    "Биология и биотехнология": {
+        "kk": "Биология және биотехнология",
+        "en": "Biology and Biotechnology",
+    },
+    "Востоковедение": {
+        "kk": "Шығыстану",
+        "en": "Oriental Studies",
+    },
+    "Высшая школа экономики и бизнеса": {
+        "kk": "Экономика және бизнес жоғары мектебі",
+        "en": "Higher School of Economics and Business",
+    },
+    "Довузовское образование": {
+        "kk": "Жоғары оқу орнына дейінгі білім беру",
+        "en": "Pre-university Education",
+    },
+    "Журналистика": {
+        "kk": "Журналистика",
+        "en": "Journalism",
+    },
+    "Офис академических и цифровых инноваций": {
+        "kk": "Академиялық және цифрлық инновациялар кеңсесі",
+        "en": "Office of Academic and Digital Innovations",
+    },
+    "Информационные технологии и искусственный интеллект": {
+        "kk": "Ақпараттық технологиялар және жасанды интеллект",
+        "en": "Information Technology and Artificial Intelligence",
+    },
+    "История": {
+        "kk": "Тарих",
+        "en": "History",
+    },
+    "Кластер инжиниринга и наукоемких технологий": {
+        "kk": "Инжиниринг және жоғары технологиялар кластері",
+        "en": "Cluster of Engineering and High Technologies",
+    },
+    "Механико-математический": {
+        "kk": "Механика-математика",
+        "en": "Mechanics and Mathematics",
+    },
+    "Физико-технический": {
+        "kk": "Физика-техникалық",
+        "en": "Physics and Technology",
+    },
+    "Филологический": {
+        "kk": "Филология",
+        "en": "Philology",
+    },
+    "Философии и политологии": {
+        "kk": "Философия және саясаттану",
+        "en": "Philosophy and Political Science",
+    },
+    "Химии и химической технологии": {
+        "kk": "Химия және химиялық технологиялар",
+        "en": "Chemistry and Chemical Technology",
+    },
+    "Юридический": {
+        "kk": "Заң",
+        "en": "Law",
+    },
+    "Международных отношений": {
+        "kk": "Халықаралық қатынастар",
+        "en": "International Relations",
+    },
+    "Медицины и здравоохранения": {
+        "kk": "Медицина және денсаулық сақтау",
+        "en": "Medicine and Healthcare",
+    },
+}
+
+DIRECTION_TRANSLATIONS = {
+    "Социальные науки, журналистика и информация": {
+        "kk": "Әлеуметтік ғылымдар, журналистика және ақпарат",
+        "en": "Social sciences, Journalism and Information",
+    },
+    "Естественные науки, математика и статистика": {
+        "kk": "Жаратылыстану ғылымдары, математика және статистика",
+        "en": "Natural Sciences, Mathematics and Statistics",
+    },
+    "Искусство и гуманитарные науки": {
+        "kk": "Өнер және гуманитарлық ғылымдар",
+        "en": "Arts and Humanities",
+    },
+    "Бизнес, управление и право": {
+        "kk": "Бизнес, басқару және құқық",
+        "en": "Business, Management and Law",
+    },
+    "Педагогические науки": {
+        "kk": "Педагогикалық ғылымдар",
+        "en": "Pedagogical sciences",
+    },
+    "Информационно-коммуникационные технологии": {
+        "kk": "Ақпараттық-коммуникациялық технологиялар",
+        "en": "Information and communication technologies",
+    },
+    "Инженерные, обрабатывающие и строительные отрасли": {
+        "kk": "Инженерлік, өңдеу және құрылыс салалары",
+        "en": "Engineering, manufacturing and construction branches",
+    },
+    "Здравоохранение": {
+        "kk": "Денсаулық сақтау",
+        "en": "Healthcare",
+    },
+}
+
+
+def normalize_language_code():
+    language = get_language() or "ru"
+    return language.split("-")[0].split("_")[0]
+
+
+def translate_faculty(value):
+    if not value:
+        return ""
+
+    language = normalize_language_code()
+
+    if language == "ru":
+        return value
+
+    return FACULTY_TRANSLATIONS.get(value, {}).get(language, value)
+
+
+def translate_direction(value):
+    if not value:
+        return ""
+
+    language = normalize_language_code()
+
+    if language == "ru":
+        return value
+
+    return DIRECTION_TRANSLATIONS.get(value, {}).get(language, value)
+#
+@user_passes_test(lambda u: u.is_staff)
+def analyze(request):
+    course_org_filter = ["Test_kaznu", "rty", "123", "Demo"]
+    course_name_filter = ["AI Tools in Action: Boosting Productivity with Modern Workflows"]
+
+    now = timezone.now()
+    today = now.date()
+    current_year = today.year
+
+    year_start = now.replace(month=1, day=1, hour=0, minute=0, second=0, microsecond=0)
+    next_year_start = year_start.replace(year=current_year + 1)
+    all_courses_qs = (
+        CourseOverview.objects
+        .exclude(org__in=course_org_filter)
+        .exclude(display_name__in=course_name_filter)
+    )
+    # Count each nonempty title once, even across different course codes and runs.
+    unique_course_names = {
+        name.strip()
+        for name in all_courses_qs.values_list("display_name", flat=True)
+        if name and name.strip()
+    }
+
+    # Include every run starting this year, regardless of its end date or title.
+    current_year_courses = list(all_courses_qs.filter(
+        start__gte=year_start,
+        start__lt=next_year_start,
+    ))
+    max_year = current_year + 1
+
+    courses_by_year_qs = (
+        all_courses_qs
+        .exclude(start__isnull=True)
+        .filter(start__year__lte=max_year)
+        .annotate(year=ExtractYear("start"))
+        .values("year")
+        .annotate(total=Count("id"))
+        .order_by("year")
+    )
+    courses_by_year = [
+        {"year": row["year"], "total": row["total"]}
+        for row in courses_by_year_qs
+    ]
+
+    #
+    faculty_counter = Counter(
+        course.faculty for course in current_year_courses
+        if course.faculty
+    )
+
+    directions_counter = Counter(
+        course.directions for course in current_year_courses
+        if course.directions
+    )
+
+    language_counter = Counter(
+        course.language for course in current_year_courses
+        if course.language
+    )
+
+    courses_by_faculty = [
+        {"faculty": faculty, "total": total}
+        for faculty, total in faculty_counter.most_common(12)
+    ]
+
+    courses_by_directions = [
+        {"directions": directions, "total": total}
+        for directions, total in directions_counter.most_common(12)
+    ]
+
+    courses_by_lang = [
+        {"language": language, "total": total}
+        for language, total in language_counter.most_common()
+    ]
+
+    top_courses = sorted(
+        current_year_courses,
+        key=lambda course: course.start,
+        reverse=True
+    )
+
+    # Group runs across years by course identity, not by their editable titles.
+    course_run_counts = Counter(
+        (course_key.org, course_key.course)
+        for course_key in all_courses_qs.values_list("id", flat=True)
+    )
+
+    courses_json = [
+        {
+            "id": str(course.id),
+            "display_name": course.display_name or str(course.id),
+            "faculty": translate_faculty(course.faculty),
+            "directions": translate_direction(course.directions),
+            "language": course.language or "",
+            "start": course.start.strftime("%d.%m.%Y") if course.start else "",
+            "run_count": course_run_counts.get((course.id.org, course.id.course), 1),
+            "url": reverse("course_details", kwargs={"course_id": str(course.id)}),
+        }
+        for course in top_courses
+    ]
+    context = {
+        "courses_count": len(unique_course_names),
+        "current_year": current_year,
+        "current_year_courses_count": len(current_year_courses),
+        "faculty_count": len(faculty_counter),
+        "directions_count": len(directions_counter),
+        "generated_at": timezone.localtime().strftime("%d.%m.%Y %H:%M"),
+
+        "language_summary": [
+            {"label": row["language"], "total": row["total"]}
+            for row in courses_by_lang
+        ],
+
+        "faculty_labels": json.dumps(
+            [translate_faculty(row["faculty"]) for row in courses_by_faculty],
+            ensure_ascii=False
+        ),
+        "faculty_data": json.dumps([row["total"] for row in courses_by_faculty]),
+
+        "directions_labels": json.dumps(
+            [translate_direction(row["directions"]) for row in courses_by_directions],
+            ensure_ascii=False
+        ),
+        "directions_data": json.dumps([row["total"] for row in courses_by_directions]),
+
+        "year_labels": json.dumps([row["year"] for row in courses_by_year]),
+        "year_data": json.dumps([row["total"] for row in courses_by_year]),
+
+        "courses_json": json.dumps(courses_json, ensure_ascii=False),
+    }
+
+    return render_to_response("news/analyze.html", context, request=request)
+
+
+@user_passes_test(lambda u: u.is_staff)
+def course_details(request, course_id):
+    """Aggregate selected runs of the same course, deduplicating learner totals."""
+    try:
+        course_key = CourseKey.from_string(course_id)
+    except InvalidKeyError as exc:
+        raise Http404("Invalid course ID") from exc
+
+    course = get_object_or_404(CourseOverview, id=course_key)
+    # The run component and editable display name are not part of course identity.
+    available_runs = [
+        run for run in CourseOverview.objects.filter(org=course_key.org).order_by("-start", "id")
+        if (run.id.org, run.id.course) == (course_key.org, course_key.course)
+    ]
+    available_ids = {str(run.id) for run in available_runs}
+    if request.GET.get("scope") == "all":
+        selected_ids = available_ids
+    elif "selection" in request.GET or "run" in request.GET:
+        selected_ids = set(request.GET.getlist("run"))
+        if not selected_ids or not selected_ids.issubset(available_ids):
+            return HttpResponseBadRequest(_("Select at least one valid run of this course."))
+    else:
+        selected_ids = {str(course_key)}
+    selected_runs = [run for run in available_runs if str(run.id) in selected_ids]
+    selected_keys = [run.id for run in selected_runs]
+    # A single selection displays that run's metadata and course link.
+    if len(selected_runs) == 1:
+        course = selected_runs[0]
+    now = timezone.now()
+    enrollments = CourseEnrollment.objects.filter(course_id__in=selected_keys).order_by()
+    enrollment_stats = enrollments.aggregate(
+        total=Count("user_id", distinct=True),
+        enrollment_records=Count("id"),
+        first_enrollment=Min("created"),
+        active=Count("user_id", filter=Q(is_active=True), distinct=True),
+        recent=Count("user_id", filter=Q(created__gte=now - timedelta(days=30), created__lte=now), distinct=True),
+    )
+    # Use the same enrollment population for outcomes and their denominators.
+    # Match BOTH the learner and run, not just enrollment in any selected run.
+    matching_enrollment = CourseEnrollment.objects.filter(
+        course_id=OuterRef("course_id"), user_id=OuterRef("user_id"),
+    )
+    certificate_stats = GeneratedCertificate.objects.filter(
+        Exists(matching_enrollment),
+        course_id__in=selected_keys,
+        status=CertificateStatuses.downloadable,
+    ).aggregate(recipients=Count("user_id", distinct=True), issued=Count("id"))
+    certificate_count = certificate_stats["recipients"]
+    grade_stats = PersistentCourseGrade.objects.filter(
+        Exists(matching_enrollment),
+        course_id__in=selected_keys,
+    ).aggregate(
+        recorded=Count("user_id", distinct=True),
+        passed=Count("user_id", filter=Q(passed_timestamp__isnull=False), distinct=True),
+        average=Avg("percent_grade"),
+    )
+    first_enrollment = enrollment_stats.pop("first_enrollment")
+    total = enrollment_stats["total"]
+    stats = {
+        **enrollment_stats,
+        "inactive": total - enrollment_stats["active"],
+        "certificates": certificate_count,
+        "issued_certificates": certificate_stats["issued"],
+        "certificate_rate": round(certificate_count * 100 / total, 1) if total else 0,
+        "grades_recorded": grade_stats["recorded"],
+        "passed": grade_stats["passed"],
+        "average_grade": round(grade_stats["average"] * 100, 1) if grade_stats["average"] is not None else None,
+    }
+
+    # Include the complete enrollment history, with empty calendar months filled in.
+    current_month = now.replace(day=1, hour=0, minute=0, second=0, microsecond=0)
+    month = min(first_enrollment or now, now).replace(day=1, hour=0, minute=0, second=0, microsecond=0)
+    months = []
+    while month <= current_month:
+        months.append(month)
+        month = (month + timedelta(days=32)).replace(day=1)
+    monthly_counts = {
+        (row["month"].year, row["month"].month): row["total"]
+        for row in enrollments.filter(created__gte=months[0], created__lte=now)
+        .annotate(month=TruncMonth("created", tzinfo=now.tzinfo))
+        .values("month")
+        .annotate(total=Count("id"))
+        .order_by("month")
+    }
+    peak = max(monthly_counts.values(), default=0)
+    enrollment_history = []
+    for month in months:
+        count = monthly_counts.get((month.year, month.month), 0)
+        enrollment_history.append({
+            "label": month.strftime("%m.%Y"),
+            "total": count,
+            "height": round(count * 100 / peak, 1) if peak else 0,
+        })
+
+    context = {
+        "course": course,
+        "available_runs": available_runs,
+        "selected_ids": selected_ids,
+        "selected_runs": selected_runs,
+        "selection_url": reverse("course_details", kwargs={"course_id": str(course_key)}),
+        "stats": stats,
+        "faculty": translate_faculty(course.faculty),
+        "directions": translate_direction(course.directions),
+        "enrollment_history": enrollment_history,
+        "history_total": sum(row["total"] for row in enrollment_history),
+        "analysis_url": reverse("analyze"),
+        "course_url": reverse("about_course", kwargs={"course_id": str(course.id)}),
+        "generated_at": timezone.localtime(now).strftime("%d.%m.%Y %H:%M"),
+    }
+    return render_to_response("news/course_details.html", context, request=request)
+
+
+
+PROCTORING_URL = "https://farabi-proctoring.kaznu.kz/integration/simple/kaznu_open/start/"
+
+def go_to_exam(request):
+    SECRET_KEY = str(settings.PROCTORING_API_KEY)
+    # ✅ 1. Берем данные из frontend
+    user_id = request.user.id
+    username = request.user.username
+    unit_url = request.GET.get("unit_url", "/")
+    course_name = request.GET.get("course_name", "empty")
+    section_name = request.GET.get("section_name", "empty")
+
+
+    # можно взять реальные данные если нужно
+    try:
+        name = request.user.profile.name.strip()
+        parts = name.split(maxsplit=1)
+
+        firstname = parts[0] if len(parts) > 0 else ""
+        lastname = parts[1] if len(parts) > 1 else ""
+    except:
+        firstname, lastname = "None", "None"
+
+    exam_id = random.randint(10**7, 10**8 - 1)
+    session_id = random.randint(10**10, 10**11 - 1)
+    exam_name = f"Экзамен по {course_name}"
+    request.session["proctoring_session_id"] = session_id
+    logger.info(f"my-log: exam start {session_id}")
+
+
+    # 2. Время
+    now = datetime.utcnow()
+    start_iso = now.isoformat() + "Z"
+    end_iso = (now + timedelta(hours=2)).isoformat() + "Z"
+
+    # ✅ 3. Payload с динамическим возвратом
+    payload = {
+        "userId": user_id,
+        "lastName": lastname,
+        "firstName": firstname,
+        "thirdName": username,
+        "language": "ru",
+        "accountName": "kaznu_open",
+        "examId": exam_id,
+        "examName": exam_name,
+        "duration": 30,
+        "schedule": False,
+        "proctoring": "online",
+        "examDesc": f"<b>Курс:</b> {course_name}<br><b>Модуль:</b> {section_name}<br><br>Ссылка на задание</b> {unit_url}",
+        "rules": {
+            "websites": True,
+            "look_away": True,
+            "move_away": False,
+            "voices": True,
+        },
+        "startDate": start_iso,
+        "endDate": end_iso,
+        "sessionId": session_id,
+
+        # 🔥 ВАЖНО: возвращаем туда откуда пришли
+        "sessionUrl": unit_url,
+        "redirectUrl": unit_url,
+    }
+
+    # 4. JWT
+    token = jwt.encode(payload, SECRET_KEY, algorithm="HS256")
+
+    # 5. URL
+    encoded_token = urllib.parse.quote(token)
+    final_url = f"{PROCTORING_URL}?token={encoded_token}"
+
+    logger.info(f"my-log: request get {request.GET}")
+
+    return HttpResponseRedirect(final_url)
+
+
+def finish_exam(request):
+    session_id = request.session.get("proctoring_session_id")
+    logger.info(f"my-log: exam finished {session_id}")
+
+    redirect_url = request.GET.get("redirectUrl", "/")
+    logger.info(f"my-log: exam finished {redirect_url}")
+
+    url = f"https://farabi-proctoring.kaznu.kz/integration/simple/kaznu_open/finish/{session_id}/?redirectUrl={redirect_url}"
+
+    return HttpResponseRedirect(url)
diff --git a/lms/djangoapps/static_template_view/urls.py b/lms/djangoapps/static_template_view/urls.py
index 231913fbfcc1..0965a51b1244 100644
--- a/lms/djangoapps/static_template_view/urls.py
+++ b/lms/djangoapps/static_template_view/urls.py
@@ -5,6 +5,7 @@
 
 from django.conf import settings
 from django.urls import path, re_path
+from django.views.generic.base import RedirectView
 
 from lms.djangoapps.static_template_view import views
 
@@ -15,10 +16,15 @@
     path('faq', views.render, {'template': 'faq.html'}, name="faq"),
     path('help', views.render, {'template': 'help.html'}, name="help_edx"),
     path('jobs', views.render, {'template': 'jobs.html'}, name="jobs"),
-    path('news', views.render, {'template': 'news.html'}, name="news"),
     path('press', views.render, {'template': 'press.html'}, name="press"),
     path('media-kit', views.render, {'template': 'media-kit.html'}, name="media-kit"),
     path('copyright', views.render, {'template': 'copyright.html'}, name="copyright"),
+    path('competition', views.render, {'template': 'competition.html'}, name="competition"),
+    path('catalog_transfer', views.render, {'template': 'catalog_transfer.html'}, name="catalog_transfer"),
+    path('catalog', RedirectView.as_view(pattern_name='catalog_transfer', permanent=False), name="catalog"),
+    path('author', views.render, {'template': 'author.html'}, name="author"),
+    path('detect', views.render, {'template': 'detect.html'}, name="detect"),
+    path('honor_code', views.render, {'template': 'honor_code.html'}, name="honor_code"),
 
     # Press releases
     re_path(r'^press/([_a-zA-Z0-9-]+)$', views.render_press_release, name='press_release'),
diff --git a/lms/djangoapps/univerapi/admin.py b/lms/djangoapps/univerapi/admin.py
new file mode 100644
index 000000000000..ea5d68b7c457
--- /dev/null
+++ b/lms/djangoapps/univerapi/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/lms/djangoapps/univerapi/views.py b/lms/djangoapps/univerapi/views.py
new file mode 100644
index 000000000000..a58bd64c06a6
--- /dev/null
+++ b/lms/djangoapps/univerapi/views.py
@@ -0,0 +1,194 @@
+import jwt
+import requests
+from django.contrib.auth import login, authenticate, get_user_model
+from django.http import HttpResponseRedirect
+from django.views.decorators.csrf import csrf_exempt
+from rest_framework.views import APIView
+from rest_framework.response import Response
+from rest_framework import status
+from common.djangoapps.student.models import UserProfile
+
+SECRET_KEY = "$ecRet@3#$2958GPIs!1"
+User = get_user_model()
+
+
+class UniverTestView(APIView):
+    authentication_classes = []
+    permission_classes = []
+
+    @csrf_exempt
+    def get(self, request):
+        auth_token = request.GET.get('auth')
+        if not auth_token:
+            return Response({'error': 'Missing auth token'}, status=status.HTTP_400_BAD_REQUEST)
+
+        try:
+            decoded = jwt.decode(auth_token, SECRET_KEY, algorithms=['HS256'])
+            uname = decoded.get('uname')
+            upwd = decoded.get('upwd')
+
+            if not uname or not upwd:
+                return Response({'error': 'Invalid token payload'}, status=status.HTTP_400_BAD_REQUEST)
+
+            username = uname
+            email_value = f"{username}@open.edu.kz"
+
+            # Получаем данные профиля из Univer API
+            surname, name, gender, stage, birth_year = decode_token_and_fetch_profile(auth_token)
+
+            # Проверка пользователя
+            user = User.objects.filter(username=username).first()
+
+            if not user:
+                # Создание нового пользователя
+                user = User.objects.create(username=username, email=email_value)
+                user.set_password(upwd)
+                user.save()
+
+                UserProfile.objects.create(
+                    user=user,
+                    name=f"{name} {surname}",
+                    country='KZ',
+                    gender=gender,
+                    level_of_education=stage,
+                    year_of_birth=birth_year,
+                    mailing_address='Kaznu',
+                    goals='Цель обучаться на платформе ОпенКазну'
+                )
+            else:
+                # Обновляем пароль при изменении
+                if not user.check_password(upwd):
+                    user.set_password(upwd)
+                    user.save()
+
+                # Проверка и обновление профиля
+                profile, created = UserProfile.objects.get_or_create(user=user)
+                updated = False
+
+                if profile.name != f"{name} {surname}":
+                    profile.name = f"{name} {surname}"
+                    updated = True
+                if profile.gender != gender:
+                    profile.gender = gender
+                    updated = True
+                if profile.level_of_education != stage:
+                    profile.level_of_education = stage
+                    updated = True
+                if profile.year_of_birth != birth_year:
+                    profile.year_of_birth = birth_year
+                    updated = True
+                if profile.country != 'KZ':
+                    profile.country = 'KZ'
+                    updated = True
+                if profile.mailing_address != 'Kaznu':
+                    profile.mailing_address = 'Kaznu'
+                    updated = True
+
+                if updated:
+                    profile.save()
+
+            # Авторизация
+            auth_user = authenticate(username=username, password=upwd)
+            if auth_user is None:
+                return Response({'error': 'Authentication failed'}, status=status.HTTP_401_UNAUTHORIZED)
+
+            login(request, auth_user)
+            return HttpResponseRedirect('/dashboard')
+
+        except jwt.ExpiredSignatureError:
+            return Response({'error': 'Token expired'}, status=status.HTTP_401_UNAUTHORIZED)
+        except jwt.InvalidTokenError:
+            return Response({'error': 'Invalid token'}, status=status.HTTP_401_UNAUTHORIZED)
+        except Exception as e:
+            return Response({'error': str(e)}, status=status.HTTP_500_INTERNAL_SERVER_ERROR)
+
+def decode_token_and_fetch_profile(token, secret_key=SECRET_KEY):
+    """Декодирование токена и получение профиля пользователя с Univer API"""
+    try:
+        decoded = jwt.decode(token, secret_key, algorithms=['HS256'])
+    except jwt.InvalidSignatureError:
+        raise SystemExit("Ошибка: неверная подпись JWT")
+    except jwt.DecodeError as e:
+        raise SystemExit(f"Ошибка при декодировании JWT: {e}")
+
+    uname = decoded.get('uname')
+    upwd = decoded.get('upwd')
+    if not uname or not upwd:
+        raise SystemExit("Ошибка: в токене нет 'uname' или 'upwd'")
+
+    session = requests.Session()
+    resp = session.post(
+        "https://univerapi.kaznu.kz/user/loginMoodle",
+        data={'login': uname, 'password': upwd},
+    )
+    resp.raise_for_status()
+    data = resp.json()
+    if data.get('code') != 0:
+        raise SystemExit(f"loginMoodle вернул: {data.get('message', '')}")
+
+    def find_value(lst, key):
+        for d in lst:
+            if key in d and ':' in d[key]:
+                return d[key].split(':', 1)[1].strip()
+        return None
+
+    # 1. Пробуем студентский профиль
+    try:
+        student_resp = session.get("https://univerapi.kaznu.kz/student/profile")
+        if student_resp.status_code == 200:
+            student_data = student_resp.json()
+            if student_data.get('code') == 0 and 'data' in student_data:
+                info_list, personal_list = student_data['data']
+
+                surname = find_value(personal_list, 'sname')
+                name = find_value(personal_list, 'name')
+
+                raw_sex = (find_value(personal_list, 'sex') or '').lower()
+                if u'муж' in raw_sex:
+                    gender = 'm'
+                elif u'жен' in raw_sex:
+                    gender = 'f'
+                else:
+                    gender = 'o'
+
+                raw_stage = (find_value(info_list, 'stage') or '').lower()
+                if u'бакалав' in raw_stage:
+                    stage = 'b'
+                elif u'магис' in raw_stage:
+                    stage = 'm'
+                elif u'доктор' in raw_stage:
+                    stage = 'p'
+                else:
+                    stage = 'none'
+
+                birth_year = 1995
+                return surname, name, gender, stage, birth_year
+    except:
+        pass
+
+    # 2. Пробуем профиль преподавателя
+    try:
+        teacher_resp = session.get("https://univerapi.kaznu.kz/teacher/profile")
+        if teacher_resp.status_code == 200:
+            teacher_data = teacher_resp.json()
+            if teacher_data.get('code') == 0 and 'data' in teacher_data:
+                teacher_profile = teacher_data['data'][0]
+                surname = teacher_profile.get('sname', '')
+                name = teacher_profile.get('name', '')
+                gender = 'o'
+                stage = 'none'
+                birth_year = None
+                if 'dateOfBirth' in teacher_profile:
+                    try:
+                        birth_year = int(teacher_profile['dateOfBirth'].split('.')[-1])
+                    except (ValueError, IndexError):
+                        pass
+                return surname, name, gender, stage, birth_year
+    except:
+        pass
+
+    
+    return "Сотрудник", "Казну", "o", "none", 1995
+
+
+    return surname, name, gender, stage, birth_year
diff --git a/lms/envs/common.py b/lms/envs/common.py
index 763bd83b9d8e..4b93d72f6977 100644
--- a/lms/envs/common.py
+++ b/lms/envs/common.py
@@ -1985,7 +1985,7 @@ def _make_mako_template_dirs(settings):
     ('id', 'Bahasa Indonesia'),  # Indonesian
     ('it-it', 'Italiano (Italia)'),  # Italian (Italy)
     ('ja-jp', '日本語 (日本)'),  # Japanese (Japan)
-    ('kk-kz', 'қазақ тілі (Қазақстан)'),  # Kazakh (Kazakhstan)
+    ('kk', 'Қазақша'),  # Kazakh (Kazakhstan)
     ('km-kh', 'ភាសាខ្មែរ (កម្ពុជា)'),  # Khmer (Cambodia)
     ('kn', 'ಕನ್ನಡ'),  # Kannada
     ('ko-kr', '한국어 (대한민국)'),  # Korean (Korea)
@@ -3033,6 +3033,8 @@ def _make_locale_paths(settings):  # pylint: disable=missing-function-docstring
 # - Make it a plugin (which are auto-registered) and add it to the EDXAPP_PRIVATE_REQUIREMENTS configuration variable
 #   (See https://github.com/openedx/edx-django-utils/tree/master/edx_django_utils/plugins)
 INSTALLED_APPS = [
+    'lms.djangoapps.univerapi',
+    'lms.djangoapps.news',
     # Standard ones that are always installed...
     'django.contrib.auth',
     'django.contrib.contenttypes',
@@ -3441,7 +3443,7 @@ def _make_locale_paths(settings):  # pylint: disable=missing-function-docstring
 #    It's POST endpoint is rate-limited up to 30 requests per IP Address in a week by default.
 #    It was introduced because an attacker can guess or brute force a series of names to enumerate valid users.
 # .. setting_tickets: https://github.com/openedx/edx-platform/pull/24664
-REGISTRATION_VALIDATION_RATELIMIT = '30/7d'
+REGISTRATION_VALIDATION_RATELIMIT = '10000/7d'
 
 # .. setting_name: REGISTRATION_RATELIMIT
 # .. setting_default: 60/7d
@@ -3449,7 +3451,7 @@ def _make_locale_paths(settings):  # pylint: disable=missing-function-docstring
 #    It's POST end-point is rate-limited up to 60 requests per IP Address in a week by default.
 #    Purpose of this setting is to restrict an attacker from registering numerous fake accounts.
 # .. setting_tickets: https://github.com/openedx/edx-platform/pull/27060
-REGISTRATION_RATELIMIT = '60/7d'
+REGISTRATION_RATELIMIT = '10000/7d'
 
 SWAGGER_SETTINGS = {
     'DEFAULT_INFO': 'openedx.core.apidocs.api_info',
@@ -4881,7 +4883,7 @@ def _make_locale_paths(settings):  # pylint: disable=missing-function-docstring
 # .. toggle_use_cases: open_edx
 # .. toggle_creation_date: 2018-01-08
 # .. toggle_tickets: https://github.com/openedx/edx-platform/pull/16951
-RATELIMIT_ENABLE = True
+RATELIMIT_ENABLE = False
 
 # .. setting_name: RATELIMIT_RATE
 # .. setting_default: 120/m
@@ -4892,13 +4894,13 @@ def _make_locale_paths(settings):  # pylint: disable=missing-function-docstring
 # .. setting_use_cases: open_edx
 # .. setting_creation_date: 2018-01-08
 # .. setting_tickets: https://github.com/openedx/edx-platform/pull/16951
-RATELIMIT_RATE = '120/m'
+RATELIMIT_RATE = '1200/m'
 
 ##### LOGISTRATION RATE LIMIT SETTINGS #####
-LOGISTRATION_RATELIMIT_RATE = '100/5m'
-LOGISTRATION_PER_EMAIL_RATELIMIT_RATE = '30/5m'
-LOGISTRATION_API_RATELIMIT = '20/m'
-LOGIN_AND_REGISTER_FORM_RATELIMIT = '100/5m'
+LOGISTRATION_RATELIMIT_RATE = '6000/5m'
+LOGISTRATION_PER_EMAIL_RATELIMIT_RATE = '300/5m'
+LOGISTRATION_API_RATELIMIT = '1000/m'
+LOGIN_AND_REGISTER_FORM_RATELIMIT = '1000000/5m'
 RESET_PASSWORD_TOKEN_VALIDATE_API_RATELIMIT = '30/7d'
 RESET_PASSWORD_API_RATELIMIT = '30/7d'
 OPTIONAL_FIELD_API_RATELIMIT = '10/h'
diff --git a/lms/static/images/favicon.ico b/lms/static/images/favicon.ico
index 0347608a33d7..c9feabafecc0 100644
Binary files a/lms/static/images/favicon.ico and b/lms/static/images/favicon.ico differ
diff --git a/lms/static/images/logo.png b/lms/static/images/logo.png
index 640d80b956fb..e355386c98d2 100644
Binary files a/lms/static/images/logo.png and b/lms/static/images/logo.png differ
diff --git a/lms/static/images/sign1.png b/lms/static/images/sign1.png
new file mode 100644
index 000000000000..40e13c2af18c
Binary files /dev/null and b/lms/static/images/sign1.png differ
diff --git a/lms/static/images/sign2.jpg b/lms/static/images/sign2.jpg
new file mode 100644
index 000000000000..2aae0e1ca863
Binary files /dev/null and b/lms/static/images/sign2.jpg differ
diff --git a/lms/templates/certificates/_about-accomplishments.html b/lms/templates/certificates/_about-accomplishments.html
index be4d50a7ec9e..c847f75e4f7b 100644
--- a/lms/templates/certificates/_about-accomplishments.html
+++ b/lms/templates/certificates/_about-accomplishments.html
@@ -1,8 +1 @@
 <%page expression_filter="h"/>
-<section class="about-item about-accomplishments">
-    <h2 class="about-title hd-4">${accomplishment_copy_about}</h2>
-
-    <div class="about-copy copy copy-meta">
-        <p>${certificate_info_description}</p>
-    </div>
-</section>
diff --git a/lms/templates/certificates/_accomplishment-banner.html b/lms/templates/certificates/_accomplishment-banner.html
index 15cab1247697..742907217ca9 100644
--- a/lms/templates/certificates/_accomplishment-banner.html
+++ b/lms/templates/certificates/_accomplishment-banner.html
@@ -40,53 +40,3 @@
   </script>
 </%block>
 <div id="fb-root"></div>
-<div class="wrapper-banner wrapper-banner-user">
-    <section class="banner banner-user">
-        <div class="message message-block message-notice">
-            <h2 class="message-title hd-5 emphasized">${accomplishment_banner_opening}</h2>
-            <div class="wrapper-copy-and-actions">
-                <p class="message-copy copy copy-base emphasized">${accomplishment_banner_congrats}</p>
-                <div class="message-actions">
-                    <h3 class="sr-only">${_("Print or share your certificate:")}</h3>
-                    % if facebook_share_enabled:
-                      <button class="action action-share-facebook btn-inverse btn-small icon-only" id="action-share-facebook"
-                        ## xss-lint: disable=mako-invalid-html-filter
-                        onclick="FaceBook.share({share_link: '${share_url | n, js_escaped_string}'});">
-                          <span class="icon fa fa-facebook-official" aria-hidden="true"></span>
-                          <span class="action-label">${_("Post on Facebook")}</span>
-                      </button>
-                    %endif
-                    % if twitter_share_enabled:
-                      <button data-tooltip="${_('Share on Twitter')}"
-                        class="action action-share-twitter btn-inverse btn-small icon-only"
-                        title="${_('Share on Twitter')}"
-                        ## xss-lint: disable=mako-invalid-html-filter
-                        onclick="popupWindow('${twitter_url | n, js_escaped_string}', 'tweetWindow', 640, 480); return false;">
-                          <span class="icon fa fa-twitter" aria-hidden="true"></span>
-                          <span class="action-label">${_("Tweet this Accomplishment. Pop up window.")}</span>
-                      </button>
-                    %endif
-
-                    %if linked_in_url:
-                    <button class="action action-linkedin-profile btn-inverse btn-small icon-only" id="action-share-linkedin" title="${_('Add to LinkedIn Profile')}" data-course-id="${course_id}" data-certificate-mode="${course_mode}">
-                        <span class="icon fa fa-linkedin" aria-hidden="true"></span>
-                        <span class="action-label">${_("Add to LinkedIn Profile")}</span>
-                    </button>
-                    %endif
-
-                    %if badge:
-                    <button class="action action-share-mozillaopenbadges btn btn-overlay btn-small">
-                        <img class="icon icon-mozillaopenbadges" src="/static/certificates/images/ico-mozillaopenbadges.png" alt="Mozilla Open Badges Backpack">
-                        ${_("Add to Mozilla Backpack")}
-                    </button>
-                    %endif
-
-                    <button class="action action-print btn-inverse btn-small" id="action-print-view">
-                        <span class="icon fa fa-print" aria-hidden="true"></span>
-                        ${_("Print Certificate")}
-                    </button>
-                </div>
-            </div>
-        </div>
-    </section>
-</div>
diff --git a/lms/templates/certificates/_accomplishment-rendering.html b/lms/templates/certificates/_accomplishment-rendering.html
index 999c7a39f460..93876d40dd3f 100644
--- a/lms/templates/certificates/_accomplishment-rendering.html
+++ b/lms/templates/certificates/_accomplishment-rendering.html
@@ -2,117 +2,337 @@
 <%! from django.utils.translation import gettext as _ %>
 <%namespace name='static' file='../static_content.html'/>
 <%
+from datetime import datetime
 course_mode_class = course_mode if course_mode else ''
+
+# Преобразуем дату в формат дд.мм.гггг
+try:
+    date_obj = datetime.strptime(certificate_date_issued, "%B %d, %Y")
+    formatted_date = date_obj.strftime("%d.%m.%Y")
+except:
+    formatted_date = certificate_date_issued
+
+# Создаем URL для QR кода
+qr_code_url = "https://open.kaznu.kz/certificates/" + certificate_id_number
 %>
+<%! import re %>
 
-<main class="accomplishment accomplishment-main">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 
-    <div class="wrapper-accomplishment-rendering">
-        <div class="accomplishment-rendering">
-            <span class="deco-corner deco-corner-tl"></span>
-            <span class="deco-corner deco-corner-tr"></span>
-            <span class="deco-corner deco-corner-bl"></span>
-            <span class="deco-corner deco-corner-br"></span>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
 
-            <div class="accomplishment-type">
-                <span class="accomplishment-type-symbol">
-                    <img class="src" src="/static/certificates/images/ico-${course_mode_class}.png" alt="Image for course mode of type ${course_mode_class}">
-                </span>
+<style>
+  #certificate-container {
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch; /* Улучшает скролл на iOS */
+  }
 
-                <span class="accomplishment-type-label hd-3">${document_title}</span>
-            </div>
+  .mobile-warning {
+    display: none;
+    background: #fff3cd;
+    border: 1px solid #ffeaa7;
+    border-radius: 8px;
+    padding: 15px;
+    margin: 20px 0;
+    color: #856404;
+    text-align: center;
+    max-width: 600px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+  }
 
-            <div class="wrapper-statement-and-signatories">
-                <div class="accomplishment-statement">
-                    <p class="accomplishment-statement-lead">
-                        <strong class="accomplishment-recipient hd-1 emphasized">${accomplishment_copy_name}</strong>
-                        <span class="accomplishment-summary copy copy-lead">${accomplishment_copy_description_full}</span>
+  .mobile-warning.show {
+    display: block;
+  }
 
-                        <span class="accomplishment-course hd-1 emphasized">
-                            <span class="accomplishment-course-org">${accomplishment_copy_course_org}  </span>
-                            <span class="accomplishment-course-number">${course_number}</span>:
-                            <span class="accomplishment-course-name">${accomplishment_copy_course_name}</span>
-                        </span>
-                    </p>
+  .mobile-warning h4 {
+    margin: 0 0 10px 0;
+    color: #856404;
+    font-size: 16px;
+  }
 
-                    <p class="accomplishment-statement-detail copy copy-lead">${accomplishment_copy_course_description}</p>
-                </div>
+  .mobile-warning p {
+    margin: 5px 0;
+    font-size: 14px;
+  }
 
-                % if mode != 'base':
-                <div class="accomplishment-signatories">
-                    <h3 class="accomplishment-signatories-title sr-only">${_("Noted by")}</h3>
-
-                    <div class="wrapper-signatories">
-                        <div class="list-signatories">
-                            % if certificate_data:
-                                % for signatory in certificate_data.get('signatories', []):
-                                        <div class="signatory">
-                                            % if signatory.get('signature_image_path'):
-                                                <img class="signatory-signature" src="${static.url(signatory['signature_image_path'])}" alt="${signatory['name']}">
-                                            % endif
-                                            <h4 class="signatory-name hd-5">${signatory['name']}</h4>
-                                            <p class="signatory-credentials copy copy-micro">
-                                                <span class="role">${signatory['title']}</span>
-                                                <span class="organization">${signatory['organization']}</span>
-                                            </p>
-                                        </div>
-                                % endfor
-                            % endif
-                        </div>
-                    </div>
-                </div>
-                % endif
-            </div>
+  .mobile-warning .icon {
+    font-size: 24px;
+    margin-bottom: 10px;
+  }
 
-            <div class="accomplishment-orgs">
-                <h3 class="accomplishment-orgs-title sr-only">${_("Supported by the following organizations")}</h3>
-
-                <ul class="wrapper-orgs list-orgs">
-                    <li class="wrapper-organization">
-                        <div class="organization organization-edX">
-                            <img class="organization-logo" src="${logo_src}" alt="${platform_name}">
-                        </div>
-                    </li>
-
-                    % if organization_logo:
-                    <li class="wrapper-organization">
-                        <div class="organization">
-                            <img class="organization-logo" src="${organization_logo.url}" alt="${platform_name}">
-                        </div>
-                    </li>
-                    % endif
-                </ul>
-            </div>
+  @media (max-width: 768px) {
+    .mobile-warning {
+      display: block;
+    }
+
+    #certificate {
+      transform: scale(0.8);
+      transform-origin: top center;
+    }
+
+    .download-btn {
+      margin: 20px auto !important;
+      display: block;
+    }
+  }
+
+  /* Определение iPhone */
+  @media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
+    .mobile-warning {
+      display: block;
+    }
+  }
+
+  /* Исправления для iOS */
+  .certificate {
+    -webkit-transform: translateZ(0); /* Аппаратное ускорение */
+    transform: translateZ(0);
+  }
+</style>
+
+<!-- Блок предупреждения для мобильных устройств -->
+<div class="mobile-warning" id="mobileWarning">
+  <div class="icon">⚠️</div>
+  <h4>Внимание пользователям iPhone!</h4>
+  <p>На устройствах Apple сертификат может скачиваться некорректно.</p>
+  <p><strong>Рекомендуем:</strong> Для гарантированно качественного результата скачайте сертификат с компьютера или ноутбука.</p>
+  <p style="font-size: 12px; margin-top: 10px; opacity: 0.8;">
+    Если скачиваете с iPhone - проверьте качество файла после загрузки
+  </p>
+</div>
+
+<div style="width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align:center; font-family: 'Times New Roman', Times, serif !important;">
+  <div id="certificate-container">
+    <div class="certificate" id="certificate" style="position: relative; width: 298mm; height: 210mm; background-color: #001A72; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); overflow: hidden; -webkit-print-color-adjust: exact;">
+      <div class="certificate-inner" style="position: absolute; top: 40px; left: 40px; right: 40px; bottom: 40px; background-color: white; z-index: 15;">
+
+        <!-- ✅ QR код в левом верхнем углу -->
+        <div style="position: absolute; top: 10px; left: 10px; z-index: 25;">
+          <img
+            src="https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=${qr_code_url}"
+            alt="QR Code"
+            crossorigin="anonymous"
+            style="width: 100px; height: 100px; border: 1px solid #ddd;">
         </div>
-    </div>
 
-    <div class="wrapper-accomplishment-metadata">
-        <div class="accomplishment-metadata">
-            <h2 class="accomplishment-metadata-title hd-6">${accomplishment_copy_more_about}</h2>
-
-            <div class="wrapper-metadata">
-                <dl class="metadata accomplishment-recipient">
-                    <dt class="label sr-only">${_("Awarded to:")}</dt>
-                    <dd class="value copy copy-meta">
-                        <span class="recipient-img">
-                            <img class="src" src="/static/certificates/images/demo-user-profile.png" alt="Recipient Image">
-                        </span>
-                        <div class="recipient-details">
-                            <h3 class="recipient-name">${accomplishment_copy_name}</h3>
-                            <p class="recipient-username">${accomplishment_copy_username} @ ${platform_name}</p>
-                        </div>
-                    </dd>
-                </dl>
-                <dl class="metadata accomplishment-id">
-                    <dt class="label copy copy-meta">${certificate_id_number_title}:</dt>
-                    <dd class="value copy copy-base">${certificate_id_number}</dd>
-                </dl>
-                <dl class="metadata accomplishment-date">
-                    <dt class="label copy copy-meta">${certificate_date_issued_title}</dt>
-                    <dd class="value copy copy-base">${certificate_date_issued}</dd>
-                </dl>
+        <div style="width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 10px;">
+          <img src="https://open.kaznu.kz/theming/asset/images/logo.png" alt="KazNU Logo" style="width: 100px; height: auto; margin-bottom: 10px;">
+          <span style="font-size: 18px; color: #FFD700; letter-spacing: 2px;">FARABI UNIVERSITY</span>
+
+          <span style="font-size: 58px; color: #318CE7; font-weight: 400; margin-top: 25px; letter-spacing: 8px;">СЕРТИФИКАТ</span>
+          <div style="margin-top: 30px; font-size: 28px; color: #001A72; max-width: 700px;">
+            ${_("This certificate hereby confirms that")}
+          </div>
+          <span style="font-size: 38px; color: #001A72; border-bottom: 2px solid #001A72; min-width: 1000px; padding: 2px 8px; margin-top: 30px;">
+            ${accomplishment_copy_name}
+          </span>
+        </div>
+
+        <div style="width: 100%; margin-top: 30px; font-size: 18px; color: #001A72; font-weight: bolder; text-align: left; padding-left: 15px">
+          <div style="margin-bottom: 20px;">
+              ${_("Passed an online course")}:
+              <span style="font-weight: bold; color: #FABF67; margin-left: 10px;">${accomplishment_copy_course_name}</span>
+          </div>
+          <div style="margin-bottom: 20px;">
+              ${_("Date of issue")}:
+              <span style="font-weight: bold; color: #FABF67; margin-left: 10px;">${formatted_date}</span>
+          </div>
+          <div>
+              ${_("Registration number")}:
+              <span style="font-weight: bold; color: #FABF67; margin-left: 10px;">${certificate_id_number}</span>
+          </div>
+        </div>
+
+        <div style="position: absolute; bottom: 20px; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; z-index: 20;">
+          <div style="text-align: center; flex: 1; margin-top: 10px">
+            <img src="https://open.kaznu.kz/static/images/sign1.png" alt="Signature 1" style="width: 150px; height: auto;">
+            <div style="margin-top: 5px; font-size: 16px; color: #001A72; font-weight: bold;">Галеева А.К.</div>
+            <div style="margin-top: 5px; font-size: 16px; color: #001A72; font-weight: bold;">${_("Board Member - Vice-Rector for")} <br>${_("Academic Affairs")}</div>
+          </div>
+          <div style="text-align: center; flex: 1; margin-top: 58px;">
+            <img src="https://open.kaznu.kz/static/images/sign2.jpg" alt="Signature 2" style="width: 80px; height: auto;">
+            <div style="margin-top: 5px; font-size: 16px; color: #001A72; font-weight: bold;">Круговых И.И.</div>
+            <div style="margin-top: 5px; font-size: 16px; color: #001A72; font-weight: bold;">${_("Head of the Office of")} <br>${_("academic and digital innovation")}</div>
+          </div>
+          <div style="text-align: center; flex: 1; margin-top: 35px;">
+              % if mode != 'base' and certificate_data:
+                <%
+                signatories = certificate_data.get('signatories', [])
+                label = _("Course author")
+
+                if signatories:
+                    name_text = signatories[0].get('name', '')
+                    matches = re.findall(r'[А-ЯЁA-Z]\.[А-ЯЁA-Z]\.', name_text)
+                    if len(matches) > 1:
+                        label = _("Course authors")
+                %>
+
+                % for signatory in certificate_data.get('signatories', []):
+                  % if signatory.get('signature_image_path'):
+                    <div style="width: 110px; height: 60px; margin: 0 auto; display: flex; align-items: center; justify-content: center;">
+                      <img src="${static.url(signatory['signature_image_path'])}"
+                           alt="${signatory['name']}"
+                           style="max-width: 100%; max-height: 100%; object-fit: contain;">
+                    </div>
+                  % endif
+                  <div style="margin-top: 5px; font-size: 16px; color: #001A72; font-weight: bold;">
+                    ${signatory['name']}
+                  </div>
+                % endfor
+
+                <div style="margin-top: 5px; font-size: 16px; color: #001A72; font-weight: bold;">
+                  ${label}
+                </div>
+              % endif
             </div>
         </div>
+      </div>
+
+      <div class="certificate-inner2" style="position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background-color: white; z-index: 12;"></div>
+      <div class="triangle" style="position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 200px 0 0 250px; border-color: transparent transparent transparent #007BFF; z-index: 10;"></div>
+      <div class="triangle-secondary" style="position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 250px 0 0 300px; border-color: transparent transparent transparent #318CE7; z-index: 5;"></div>
+      <div class="triangle-top-left" style="position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 250px 200px 0; border-color: transparent #F4B759 transparent transparent; z-index: 13;"></div>
+      <div class="triangle-top-right" style="position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 300px 250px 0; border-color: transparent #FABF67 transparent transparent; z-index: 12;"></div>
     </div>
+  </div>
+</div>
+
+<button class="download-btn" style="margin-top: 20px; padding: 10px 20px; font-size: 16px; color: white; background-color: #007BFF; border: none; border-radius: 8px; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease; -webkit-appearance: none;" onmouseover="this.style.backgroundColor='#0056b3'" onmouseout="this.style.backgroundColor='#007BFF'" onclick="downloadCertificate()">Скачать сертификат</button>
+
+<script>
+  // Определяем мобильные устройства и показываем предупреждение
+  function isMobileDevice() {
+    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  }
+
+  function isiPhone() {
+    return /iPhone|iPad|iPod/i.test(navigator.userAgent);
+  }
+
+  document.addEventListener('DOMContentLoaded', function() {
+    if (isMobileDevice()) {
+      const warning = document.getElementById('mobileWarning');
+      if (warning) {
+        warning.style.display = 'block';
+
+        // Особое сообщение для iPhone
+        if (isiPhone()) {
+          const icon = warning.querySelector('.icon');
+          const title = warning.querySelector('h4');
+          title.innerHTML = '⚠️ Внимание пользователям iPhone!';
+          title.style.color = '#dc3545';
+        }
+      }
+    }
+
+    // Предзагрузка критических ресурсов
+    const criticalImages = [
+      'https://open.kaznu.kz/theming/asset/images/logo.png',
+      'https://open.kaznu.kz/static/images/sign1.png',
+      'https://open.kaznu.kz/static/images/sign2.jpg'
+    ];
+
+    criticalImages.forEach(src => {
+      const img = new Image();
+      img.src = src;
+    });
+  });
+
+  async function downloadCertificate() {
+    const button = document.querySelector('.download-btn');
+    const originalText = button.textContent;
+    const isIOS = isiPhone();
+
+    try {
+      // Показываем дополнительное предупреждение для iOS
+      if (isIOS) {
+        const confirmDownload = confirm(
+          'Внимание! На iPhone сертификат может скачаться некорректно.\n\n' +
+          'Для гарантированно качественного результата рекомендуем скачать сертификат с компьютера.\n\n' +
+          'Все равно продолжить скачивание?'
+        );
+
+        if (!confirmDownload) {
+          return;
+        }
+      }
+
+      // Показываем пользователю, что процесс начался
+      button.textContent = isIOS ? 'Подготовка для iPhone...' : 'Подготовка скачивания...';
+      button.disabled = true;
+
+      const qrImg = document.querySelector('#certificate img[alt="QR Code"]');
+      const allImages = document.querySelectorAll('#certificate img');
+
+      // Ждем загрузки всех изображений
+      const imagePromises = Array.from(allImages).map(img => {
+        if (img.complete) return Promise.resolve();
+        return new Promise((resolve, reject) => {
+          img.onload = resolve;
+          img.onerror = resolve; // Продолжаем даже если изображение не загрузилось
+        });
+      });
+
+      await Promise.all(imagePromises);
+
+      // Добавляем задержку для iOS
+      await new Promise(resolve => setTimeout(resolve, 1000));
+
+      const certificateElement = document.getElementById('certificate');
+
+      // Используем меньший scale для iOS для улучшения производительности
+      const scale = isIOS ? 2 : 3;
+
+      const canvas = await html2canvas(certificateElement, {
+        scale: scale,
+        useCORS: true,
+        logging: false,
+        backgroundColor: '#001A72',
+        onclone: function(clonedDoc) {
+          const clonedElement = clonedDoc.getElementById('certificate');
+          if (clonedElement) {
+            clonedElement.style.width = '298mm';
+            clonedElement.style.height = '210mm';
+          }
+        }
+      });
+
+      const imgData = canvas.toDataURL('image/png', 1.0);
+      const { jsPDF } = window.jspdf;
+
+      // Создаем PDF с правильными размерами A4
+      const pdf = new jsPDF({
+        orientation: 'landscape',
+        unit: 'mm',
+        format: 'a4'
+      });
+
+      const pdfWidth = pdf.internal.pageSize.getWidth();
+      const pdfHeight = pdf.internal.pageSize.getHeight();
+
+      pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);
+
+      // Сохраняем PDF
+      const fileName = 'certificate_' + Date.now() + '.pdf';
+      pdf.save(fileName);
+
+      // Показываем сообщение об успехе с дополнительной информацией для iOS
+      if (isIOS) {
+        setTimeout(() => {
+          alert('Сертификат скачан!\n\nЕсли качество不满意, пожалуйста, попробуйте скачать с компьютера для лучшего результата.');
+        }, 1000);
+      }
 
-</main>
+    } catch (error) {
+      console.error('Ошибка при создании сертификата:', error);
+      alert('Произошла ошибка при скачивании. Пожалуйста, попробуйте еще раз или воспользуйтесь компьютером.');
+    } finally {
+      // Восстанавливаем кнопку
+      button.textContent = originalText;
+      button.disabled = false;
+    }
+  }
+</script>
diff --git a/lms/templates/courseware/course_about.html b/lms/templates/courseware/course_about.html
index eec9caeadbec..ac82a6dbfb1d 100644
--- a/lms/templates/courseware/course_about.html
+++ b/lms/templates/courseware/course_about.html
@@ -65,7 +65,26 @@
           <p><small>${course.display_org_with_default}</small></p>
           <h1>${course.display_name_with_default}</h1>
           <br />
-          <p>${get_course_about_section(request, course, 'short_description')}</p>
+          % if same_name_courses:
+  <div class="course-variants">
+    <label for="courseSelector"><strong>${_("Course launches")}</strong></label>
+    <select id="courseSelector" class="form-control" onchange="if(this.value) window.location.href=this.value;">
+      % for c in same_name_courses:
+        <option value="/courses/${c.id}/about"
+                % if c.id == course.id:
+                    selected
+                % endif
+        >
+          ${c.start.strftime('%d.%m.%Y') if c.start else 'Дата начала не указана'}
+          —
+          ${c.end.strftime('%d.%m.%Y') if c.end else 'Дата окончания не указана'}
+        </option>
+      % endfor
+    </select>
+  </div>
+% endif
+
+
         </div>
 
         <div class="main-cta">
@@ -206,6 +225,17 @@ <h1>${course.display_name_with_default}</h1>
             <li class="important-dates-item"><span class="icon fa fa-pencil" aria-hidden="true"></span><p class="important-dates-item-title">${_("Estimated Effort")}</p><span class="important-dates-item-text effort">${get_course_about_section(request, course, "effort")}</span></li>
           % endif
 
+          % if complexity:
+          <li class="important-dates-item">
+            <span class="icon fa fa-pencil" aria-hidden="true"></span>
+            <p class="important-dates-item-title">
+              ${_("Course Difficulty")}
+            </p>
+            <span class="important-dates-item-text complexity">
+              ${_(complexity)}
+            </span>
+          </li>
+          % endif
           ##<li class="important-dates-item"><span class="icon fa fa-clock-o" aria-hidden="true"></span><p class="important-dates-item-title">${_('Course Length')}</p><span class="important-dates-item-text course-length">${_('{number} weeks').format(number=15)}</span></li>
 
           %if course_price and (is_cosmetic_price_enabled):
diff --git a/lms/templates/courseware/course_about_sidebar_header.html b/lms/templates/courseware/course_about_sidebar_header.html
index 7f59ed1f2ffb..d50075dfa89c 100644
--- a/lms/templates/courseware/course_about_sidebar_header.html
+++ b/lms/templates/courseware/course_about_sidebar_header.html
@@ -48,14 +48,24 @@
             body=six.moves.urllib.parse.quote(email_body.encode('UTF-8'))
         )
       %>
+      <!-- NEW IN INDIGO socialnetworks is improved with better SVGs icons -->
       <a href="${tweet_action}" class="share">
-        <span class="icon fa fa-twitter" aria-hidden="true"></span><span class="sr">${_("Tweet that you've enrolled in this course")}</span>
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+          <path d="M18.8996 1H22.5816L14.5398 10.3183L24 23H16.5945L10.7901 15.3106L4.15646 23H0.469358L9.06911 13.0313L0 1H7.59323L12.8344 8.02837L18.8996 1ZM17.6063 20.7683H19.6454L6.48241 3.11538H4.29206L17.6063 20.7683Z" fill="#9CA3AF"/>
+        </svg>
+        <span class="sr">${_("Tweet that you've enrolled in this course")}</span>
       </a>
       <a href="${facebook_link}" class="share">
-        <span class="icon fa fa-facebook" aria-hidden="true"></span><span class="sr">${_("Post a Facebook message to say you've enrolled in this course")}</span>
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12.0737C24 5.40537 18.6276 2.9848e-07 12 0C5.3724 -2.98481e-07 -3.81165e-07 5.40537 0 12.0737C3.44449e-07 18.0996 4.3884 23.0945 10.1256 24V15.5641H7.0776V12.0737H10.1256V9.41383C10.1256 6.38817 11.916 4.71717 14.658 4.71717C15.9708 4.71717 17.3436 4.95261 17.3436 4.95261V7.92273H15.8316C14.34 7.92273 13.8756 8.8536 13.8756 9.80863V12.0737H17.2032L16.6716 15.5629H13.8756V24C19.6116 23.0945 24 18.0996 24 12.0737Z" fill="#9CA3AF"/>
+        </svg>
+        <span class="sr">${_("Post a Facebook message to say you've enrolled in this course")}</span>
       </a>
       <a href="${email_link}" class="share">
-        <span class="icon fa fa-envelope" aria-hidden="true"></span><span class="sr">${_("Email someone to say you've enrolled in this course")}</span>
+        <svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+          <path d="M31 3.75001C31 2.2375 29.65 1 28 1H4C2.35 1 1 2.2375 1 3.75001M31 3.75001V20.25C31 21.7625 29.65 23 28 23H4C2.35 23 1 21.7625 1 20.25V3.75001M31 3.75001L16 13.375L1 3.75001" stroke="#9CA3AF" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+        <span class="sr">${_("Email someone to say you've enrolled in this course")}</span>
       </a>
   </div>
   % endif
diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index 11ad5079ea65..53aee15827eb 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -1,81 +1,679 @@
 <%page expression_filter="h"/>
 <%!
-  import json
   from django.utils.translation import gettext as _
-  from openedx.core.djangolib.js_utils import js_escaped_string, dump_js_escaped_json
 %>
 <%inherit file="../main.html" />
-<%
-  course_discovery_enabled = settings.FEATURES.get('ENABLE_COURSE_DISCOVERY')
-%>
 
-<%namespace name='static' file='../static_content.html'/>
+<%block name="pagetitle">${_("Courses")}</%block>
+
+<%block name="headextra">
+  <style>
+    :root {
+      --courses-bg: #f5f8ff;
+      --courses-card: #ffffff;
+      --courses-navy: #1a263c;
+      --courses-blue: #1e40af;
+      --courses-blue-bright: #2563eb;
+      --courses-sky: #60a5fa;
+      --courses-text: #1f2937;
+      --courses-muted: #64748b;
+      --courses-border: #dce5f2;
+      --courses-radius: 18px;
+      --courses-shadow: 0 14px 36px rgba(30, 64, 175, 0.10);
+      --courses-shadow-hover: 0 22px 48px rgba(30, 64, 175, 0.17);
+      --courses-transition: 280ms cubic-bezier(.2, .8, .2, 1);
+    }
 
-% if course_discovery_enabled:
-<%block name="header_extras">
-  % for template_name in ["course_card", "filter_bar", "filter", "facet", "facet_option"]:
-  <script type="text/template" id="${template_name}-tpl">
-      <%static:include path="discovery/${template_name}.underscore" />
-  </script>
-  % endfor
-  <%static:require_module module_name="js/discovery/discovery_factory" class_name="DiscoveryFactory">
-    DiscoveryFactory(
-      ${course_discovery_meanings | n, dump_js_escaped_json},
-      getParameterByName('search_query'),
-      "${user_language | n, js_escaped_string}",
-      "${user_timezone | n, js_escaped_string}",
-      ${set_default_filter | n, dump_js_escaped_json}
-    );
-  </%static:require_module>
+    body {
+      background:
+        radial-gradient(circle at 8% 24%, rgba(96, 165, 250, 0.14), transparent 25rem),
+        radial-gradient(circle at 94% 76%, rgba(30, 64, 175, 0.08), transparent 28rem),
+        var(--courses-bg);
+      color: var(--courses-text);
+      font-family: "Inter", "Segoe UI", system-ui, sans-serif;
+    }
+
+    .courses-page {
+      min-height: 100vh;
+      overflow: hidden;
+    }
+
+    .courses-hero {
+      background: linear-gradient(125deg, var(--courses-navy), var(--courses-blue), var(--courses-blue-bright));
+      color: #fff;
+      isolation: isolate;
+      min-height: 350px;
+      overflow: hidden;
+      padding: 82px 24px 115px;
+      position: relative;
+      text-align: center;
+    }
+
+    .courses-hero::before {
+      background-image:
+        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
+      background-size: 46px 46px;
+      content: "";
+      inset: 0;
+      mask-image: linear-gradient(to bottom, #000, transparent 92%);
+      pointer-events: none;
+      position: absolute;
+      z-index: -1;
+    }
+
+    .courses-hero::after {
+      background: var(--courses-bg);
+      border-radius: 50% 50% 0 0 / 100% 100% 0 0;
+      bottom: -72px;
+      content: "";
+      height: 128px;
+      left: -5%;
+      position: absolute;
+      width: 110%;
+      z-index: 2;
+    }
+
+    .courses-hero__orb {
+      background: linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(96, 165, 250, 0.06));
+      border: 1px solid rgba(255, 255, 255, 0.22);
+      border-radius: 50%;
+      pointer-events: none;
+      position: absolute;
+    }
+
+    .courses-hero__orb--one {
+      height: 150px;
+      left: 7%;
+      top: 54px;
+      width: 150px;
+    }
+
+    .courses-hero__orb--two {
+      bottom: 76px;
+      height: 92px;
+      right: 11%;
+      width: 92px;
+    }
+
+    .courses-hero__inner {
+      margin: 0 auto;
+      max-width: 790px;
+      position: relative;
+      z-index: 3;
+    }
+
+    .courses-eyebrow {
+      backdrop-filter: blur(10px);
+      background: rgba(255, 255, 255, 0.12);
+      border: 1px solid rgba(255, 255, 255, 0.26);
+      border-radius: 999px;
+      display: inline-block;
+      font-size: 0.78rem;
+      font-weight: 800;
+      letter-spacing: 0.11em;
+      margin-bottom: 20px;
+      padding: 8px 14px;
+      text-transform: uppercase;
+    }
+
+    .courses-hero h1 {
+      color: #fff !important;
+      font-size: clamp(2.7rem, 7vw, 5rem);
+      font-weight: 850;
+      letter-spacing: -0.052em;
+      line-height: 1;
+      margin: 0 0 18px;
+      text-shadow: 0 10px 32px rgba(7, 18, 48, 0.25);
+    }
+
+    .courses-hero p {
+      color: rgba(255, 255, 255, 0.86);
+      font-size: clamp(1rem, 2vw, 1.18rem);
+      line-height: 1.7;
+      margin: 0 auto;
+      max-width: 660px;
+    }
+
+    .courses-container {
+      margin: 0 auto;
+      max-width: 1250px;
+      padding: 24px 20px 80px;
+      position: relative;
+      z-index: 4;
+    }
+
+    .filter-box {
+      backdrop-filter: blur(18px);
+      background: rgba(255, 255, 255, 0.90);
+      border: 1px solid rgba(255, 255, 255, 0.94);
+      border-radius: var(--courses-radius);
+      box-shadow: var(--courses-shadow);
+      margin-bottom: 38px;
+      padding: 26px;
+      position: relative;
+    }
+
+    .filter-box::before {
+      background: linear-gradient(90deg, var(--courses-navy), var(--courses-blue-bright), var(--courses-sky));
+      border-radius: 999px;
+      content: "";
+      height: 4px;
+      left: 28px;
+      position: absolute;
+      right: 28px;
+      top: 0;
+    }
+
+    .filter-header {
+      align-items: center;
+      display: flex;
+      gap: 16px;
+      justify-content: space-between;
+      margin-bottom: 19px;
+    }
+
+    .filter-box h2 {
+      color: var(--courses-text);
+      font-size: 1.35rem;
+      font-weight: 800;
+      margin: 0;
+    }
+
+    .results-count {
+      color: var(--courses-muted);
+      font-size: 0.84rem;
+      font-weight: 650;
+      margin-left: auto;
+    }
+
+    .reset-filters {
+      background: #eff6ff;
+      border: 1px solid #c7dcf8;
+      border-radius: 999px;
+      color: var(--courses-blue);
+      cursor: pointer;
+      font-size: 0.8rem;
+      font-weight: 750;
+      padding: 8px 13px;
+    }
+
+    .reset-filters:hover,
+    .reset-filters:focus-visible {
+      background: var(--courses-blue);
+      color: #fff;
+      outline: none;
+    }
+
+    .filters {
+      display: grid;
+      gap: 14px;
+      grid-template-columns: minmax(240px, 1.25fr) repeat(3, minmax(190px, 1fr));
+    }
+
+    .catalog-filters #searchInput {
+        box-sizing: border-box !important;
+        width: 100% !important;
+        min-width: 0 !important;
+        max-width: 100% !important;
+        margin: 0 !important;
+    }
+    .filters input,
+    .filters select {
+      appearance: none;
+      background-color: #fff;
+      border: 2px solid #e1e7f0;
+      border-radius: 13px;
+      color: var(--courses-text);
+      font: inherit;
+      font-size: 14px;
+      min-height: 46px;
+      outline: none;
+      padding: 11px 15px;
+      transition: border var(--courses-transition), box-shadow var(--courses-transition);
+    }
+
+    .filters select {
+      background-image:
+        linear-gradient(45deg, transparent 50%, var(--courses-blue) 50%),
+        linear-gradient(135deg, var(--courses-blue) 50%, transparent 50%);
+      background-position:
+        calc(100% - 19px) calc(50% - 2px),
+        calc(100% - 14px) calc(50% - 2px);
+      background-repeat: no-repeat;
+      background-size: 5px 5px, 5px 5px;
+      padding-right: 38px;
+    }
+
+    .filters input:focus,
+    .filters select:focus {
+      border-color: var(--courses-blue-bright);
+      box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
+    }
+
+    .course-grid {
+      display: grid;
+      gap: 25px;
+      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    }
+
+    .course {
+      background: var(--courses-card);
+      border: 1px solid rgba(30, 64, 175, 0.10);
+      border-radius: var(--courses-radius);
+      box-shadow: var(--courses-shadow);
+      display: flex;
+      flex-direction: column;
+      min-width: 0;
+      opacity: 1;
+      overflow: hidden;
+      position: relative;
+      transform: none;
+      transition: box-shadow var(--courses-transition), transform var(--courses-transition);
+    }
+
+    .course:hover {
+      box-shadow: var(--courses-shadow-hover);
+      transform: translateY(-7px);
+    }
+
+    .course[hidden] {
+      display: none !important;
+    }
+
+    .course-media {
+      background: #dbeafe;
+      overflow: hidden;
+      position: relative;
+    }
+
+    .course-media::after {
+      background: linear-gradient(180deg, transparent 50%, rgba(15, 23, 42, 0.30));
+      content: "";
+      inset: 0;
+      pointer-events: none;
+      position: absolute;
+    }
+
+    .course img {
+      display: block;
+      height: 185px;
+      object-fit: cover;
+      transition: transform 650ms cubic-bezier(.2, .8, .2, 1);
+      width: 100%;
+    }
+
+    .course:hover img {
+      transform: scale(1.045);
+    }
+
+    .status {
+      backdrop-filter: blur(10px);
+      background: rgba(30, 64, 175, 0.90);
+      border: 1px solid rgba(255, 255, 255, 0.38);
+      border-radius: 999px;
+      color: #fff;
+      font-size: 0.71rem;
+      font-weight: 800;
+      letter-spacing: 0.05em;
+      padding: 7px 11px;
+      position: absolute;
+      right: 13px;
+      text-transform: uppercase;
+      top: 13px;
+      z-index: 2;
+    }
+
+    .status.completed {
+      background: rgba(71, 85, 105, 0.90);
+    }
+
+    .course-content {
+      display: flex;
+      flex-direction: column;
+      flex-grow: 1;
+      padding: 20px;
+    }
+
+    .course h3 {
+      color: var(--courses-text);
+      font-size: 1.15rem;
+      font-weight: 750;
+      line-height: 1.4;
+      margin: 0 0 10px;
+    }
+
+    .course h3 a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    .course h3 a:hover {
+      color: var(--courses-blue);
+    }
+
+    .meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 7px;
+      margin-bottom: 13px;
+    }
+
+    .tag {
+      background: #eff6ff;
+      border: 1px solid #dbeafe;
+      border-radius: 999px;
+      color: var(--courses-blue);
+      font-size: 0.75rem;
+      font-weight: 700;
+      padding: 5px 9px;
+    }
+
+    .details {
+      color: var(--courses-muted);
+      flex-grow: 1;
+      font-size: 0.88rem;
+      line-height: 1.6;
+      margin-bottom: 17px;
+    }
+
+    .details span {
+      display: block;
+      margin-bottom: 3px;
+    }
+
+    .course-button {
+      background: linear-gradient(135deg, var(--courses-navy), var(--courses-blue));
+      border-radius: 13px;
+      box-shadow: 0 10px 22px rgba(30, 64, 175, 0.20);
+      color: #fff !important;
+      font-weight: 750;
+      padding: 11px 15px;
+      text-align: center;
+      text-decoration: none !important;
+    }
+
+    .course-button:hover,
+    .course-button:focus-visible {
+      background: linear-gradient(135deg, var(--courses-blue), var(--courses-blue-bright));
+      outline: none;
+    }
+
+    .no-results {
+      color: var(--courses-muted);
+      grid-column: 1 / -1;
+      padding: 72px 20px;
+      text-align: center;
+    }
+
+    .no-results__icon {
+      align-items: center;
+      background: #dbeafe;
+      border-radius: 50%;
+      display: inline-flex;
+      font-size: 2rem;
+      height: 70px;
+      justify-content: center;
+      margin-bottom: 15px;
+      width: 70px;
+    }
+
+    .no-results h3 {
+      color: var(--courses-text);
+      margin: 0 0 8px;
+    }
+
+    .no-results p {
+      margin: 0;
+    }
+
+    @media (max-width: 1020px) {
+      .filters {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+    }
+
+    @media (max-width: 650px) {
+      .courses-hero {
+        min-height: 320px;
+        padding: 68px 18px 105px;
+      }
+
+      .courses-hero__orb--one { left: -70px; }
+      .courses-hero__orb--two { right: -35px; }
+
+      .courses-container {
+        padding-left: 13px;
+        padding-right: 13px;
+      }
+
+      .filter-box {
+        padding: 24px 17px 19px;
+      }
+
+      .filter-header {
+        align-items: flex-start;
+        flex-wrap: wrap;
+      }
+
+      .results-count {
+        margin-left: 0;
+        order: 3;
+        width: 100%;
+      }
+
+      .filters,
+      .course-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      *,
+      *::before,
+      *::after {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        scroll-behavior: auto !important;
+        transition-duration: 0.01ms !important;
+      }
+
+    }
+
+  </style>
 </%block>
-% endif
 
-<%block name="pagetitle">${_("Courses")}</%block>
+<%block name="content">
+  <div class="courses-page">
+    <section class="courses-hero">
+      <div class="courses-hero__orb courses-hero__orb--one" aria-hidden="true"></div>
+      <div class="courses-hero__orb courses-hero__orb--two" aria-hidden="true"></div>
 
-<main id="main" aria-label="Content" tabindex="-1">
-    <section class="find-courses">
-      <section class="courses-container">
-        % if course_discovery_enabled:
-        <div id="discovery-form" role="search" aria-label="course" class="wrapper-search-context">
-          <div id="discovery-message" class="search-status-label"></div>
-          <form class="wrapper-search-input">
-            <label for="discovery-input" class="sr">${_('Search for a course')}</label>
-            <input id="discovery-input" class="discovery-input" placeholder="${_('Search for a course')}" type="text"/>
-            <button type="submit" class="button postfix discovery-submit" title="${_('Search')}">
-              <span class="icon fa fa-search" aria-hidden="true"></span>
-              <div aria-live="polite" aria-relevant="all">
-                <div id="loading-indicator" class="loading-spinner hidden">
-                  <span class="icon fa fa-spinner fa-spin" aria-hidden="true"></span>
-                  <span class="sr">${_('Loading')}</span>
-                </div>
-              </div>
-            </button>
-          </form>
-        </div>
+      <div class="courses-hero__inner">
+        <div class="courses-eyebrow">${_("Course catalog")}</div>
+        <h1>${_("Courses")}</h1>
+        <p>${_("Explore our collection of educational programs and start learning today")}</p>
+      </div>
+    </section>
 
-        <div id="filter-bar" class="filters hide-phone is-collapsed">
+    <main class="courses-container">
+      <section class="filter-box" aria-labelledby="filterTitle">
+        <div class="filter-header">
+          <h2 id="filterTitle">${_("Filter Courses")}</h2>
+          <span class="results-count" id="resultsCount"></span>
+          <button class="reset-filters" type="button" id="resetFilters">${_("Clear filters")}</button>
         </div>
-        % endif
 
-        <div class="courses${'' if course_discovery_enabled else ' no-course-discovery'}" role="region" aria-label="${_('List of Courses')}">
-          <ul class="courses-listing courses-list">
-            %for course in courses:
-            <li class="courses-listing-item">
-              <%include file="../course.html" args="course=course" />
-            </li>
-            %endfor
-          </ul>
+        <div class="filters">
+          <input
+            type="search"
+            id="searchInput"
+            placeholder="${_('Search by course name...')}"
+            aria-label="${_('Search by course name')}"
+          />
+
+          <select id="languageFilter" aria-label="${_('Filter by language')}">
+            <option value="">${_('All languages')}</option>
+            % for lang in sorted(set([c.language for c in courses if c.language])):
+              <option value="${lang}">${_(lang)}</option>
+            % endfor
+          </select>
+
+          <select id="statusFilter" aria-label="${_('Filter by status')}">
+            <option value="">${_('All statuses')}</option>
+            <option value="ongoing">${_('Ongoing')}</option>
+            <option value="completed">${_('Completed')}</option>
+          </select>
+
+          <select id="facultyFilter" aria-label="${_('Filter by faculty')}">
+            <option value="">${_('All faculties')}</option>
+            % for faculty in sorted(set([c.faculty for c in courses if c.faculty])):
+              <option value="${faculty}">${_(faculty)}</option>
+            % endfor
+          </select>
         </div>
+      </section>
+
+      <div class="course-grid" id="courseList" aria-live="polite">
+        % if courses:
+          % for course in courses:
+            <%
+              from django.utils import timezone
+              now = timezone.now()
+              status = "completed" if course.end and course.end < now else "ongoing"
+              status_text = _('Completed') if status == "completed" else _('Ongoing')
+            %>
 
+            <article
+              class="course"
+              data-title="${(course.display_name or '').lower()}"
+              data-language="${course.language or ''}"
+              data-status="${status}"
+              data-faculty="${course.faculty or ''}"
+            >
+              <div class="course-media">
+                <img
+                  src="${course.course_image_url if hasattr(course, 'course_image_url') else '/static/images/default-course.jpg'}"
+                  alt="${course.display_name or _('Course')}"
+                  loading="lazy"
+                >
+                <div class="status ${status}">${status_text}</div>
+              </div>
+
+              <div class="course-content">
+                <h3><a href="/courses/${course.id}/about">${course.display_name}</a></h3>
+
+                <div class="meta">
+                  <span class="tag">${course.display_org_with_default}</span>
+                  % if course.language:
+                    <span class="tag">${course.language}</span>
+                  % endif
+                </div>
+
+                <div class="details">
+                  <span>${_('Start')}: ${course.start.strftime('%Y-%m-%d') if course.start else _('Not specified')}</span>
+                  <span>${_('End')}: ${course.end.strftime('%Y-%m-%d') if course.end else _('Not specified')}</span>
+                </div>
 
-        % if course_discovery_enabled:
-        <aside aria-label="${_('Refine Your Search')}" class="search-facets phone-menu">
-          <h2 class="header-search-facets">${_('Refine Your Search')}</h2>
-          <section class="search-facets-lists">
-          </section>
-        </aside>
+                <a href="/courses/${course.id}/about" class="course-button">${_('Go to course')}</a>
+              </div>
+            </article>
+          % endfor
+        % else:
+          <div class="no-results">
+            <span class="no-results__icon" aria-hidden="true">&#128218;</span>
+            <h3>${_('No courses found')}</h3>
+            <p>${_('There are currently no available courses')}</p>
+          </div>
         % endif
+      </div>
+    </main>
+  </div>
 
-      </section>
-    </section>
-</main>
+  <script>
+    (function () {
+      "use strict";
+
+      var searchInput = document.getElementById("searchInput");
+      var languageFilter = document.getElementById("languageFilter");
+      var statusFilter = document.getElementById("statusFilter");
+      var facultyFilter = document.getElementById("facultyFilter");
+      var resetButton = document.getElementById("resetFilters");
+      var resultsCount = document.getElementById("resultsCount");
+      var courseList = document.getElementById("courseList");
+      var cards = Array.prototype.slice.call(courseList.querySelectorAll(".course"));
+      var emptyMessage = "${_('No courses found')}";
+      var shownMessage = "${_('Shown')}";
+
+      function normalizeText(value) {
+        return String(value || "")
+          .toLocaleLowerCase()
+          .replace(/ё/g, "е")
+          .replace(/\s+/g, " ")
+          .trim();
+      }
+
+      function updateEmptyState(visible) {
+        var emptyState = courseList.querySelector('.no-results[data-filter-empty="true"]');
+
+        if (visible === 0 && cards.length > 0 && !emptyState) {
+          emptyState = document.createElement("div");
+          emptyState.className = "no-results";
+          emptyState.setAttribute("data-filter-empty", "true");
+          emptyState.innerHTML =
+            '<span class="no-results__icon" aria-hidden="true">&#128269;</span>' +
+            "<h3>" + emptyMessage + "</h3>";
+          courseList.appendChild(emptyState);
+        } else if (visible > 0 && emptyState) {
+          emptyState.remove();
+        }
+      }
+
+      function filterCourses() {
+        var query = normalizeText(searchInput.value);
+        var language = languageFilter.value;
+        var status = statusFilter.value;
+        var faculty = facultyFilter.value;
+        var visible = 0;
+
+        cards.forEach(function (card) {
+          var title = normalizeText(card.dataset.title);
+          var cardLanguage = card.dataset.language || "";
+          var cardStatus = card.dataset.status || "";
+          var cardFaculty = card.dataset.faculty || "";
+
+          var matches =
+            (!query || title.indexOf(query) !== -1) &&
+            (!language || cardLanguage === language) &&
+            (!status || cardStatus === status) &&
+            (!faculty || cardFaculty === faculty);
+
+          card.hidden = !matches;
+
+          if (matches) {
+            visible += 1;
+          }
+        });
+
+        resultsCount.textContent = shownMessage + ": " + visible + " / " + cards.length;
+        updateEmptyState(visible);
+      }
+
+      searchInput.addEventListener("input", filterCourses);
+      languageFilter.addEventListener("change", filterCourses);
+      statusFilter.addEventListener("change", filterCourses);
+      facultyFilter.addEventListener("change", filterCourses);
+
+      resetButton.addEventListener("click", function () {
+        searchInput.value = "";
+        languageFilter.value = "";
+        statusFilter.value = "";
+        facultyFilter.value = "";
+        filterCourses();
+        searchInput.focus();
+      });
+
+      resultsCount.textContent = shownMessage + ": " + cards.length + " / " + cards.length;
+    })();
+  </script>
+</%block>
diff --git a/lms/templates/courseware/courses2.html b/lms/templates/courseware/courses2.html
new file mode 100644
index 000000000000..c47fc485b825
--- /dev/null
+++ b/lms/templates/courseware/courses2.html
@@ -0,0 +1,1040 @@
+<%page expression_filter="h"/>
+<%!
+  from django.utils.translation import gettext as _
+%>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Courses")}</%block>
+
+<%block name="headextra">
+  <style>
+    :root {
+      --catalog-navy: #1a263c;
+      --catalog-blue: #1e40af;
+      --catalog-blue-bright: #2563eb;
+      --catalog-sky: #60a5fa;
+      --catalog-ice: #dbeafe;
+      --catalog-bg: #f5f8ff;
+      --catalog-surface: rgba(255, 255, 255, 0.94);
+      --catalog-text: #172033;
+      --catalog-muted: #64748b;
+      --catalog-border: rgba(30, 64, 175, 0.12);
+      --catalog-radius: 22px;
+      --catalog-shadow: 0 18px 45px rgba(30, 64, 175, 0.12);
+      --catalog-shadow-hover: 0 28px 60px rgba(30, 64, 175, 0.2);
+      --catalog-transition: 280ms cubic-bezier(.2, .8, .2, 1);
+    }
+
+    body {
+      background:
+        radial-gradient(circle at 8% 28%, rgba(96, 165, 250, 0.14), transparent 24rem),
+        radial-gradient(circle at 92% 72%, rgba(30, 64, 175, 0.09), transparent 28rem),
+        var(--catalog-bg);
+      color: var(--catalog-text);
+      font-family: "Inter", "Segoe UI", system-ui, sans-serif;
+    }
+
+    .catalog-page {
+      min-height: 100vh;
+      overflow: hidden;
+      position: relative;
+    }
+
+    .catalog-scroll-progress {
+      background: rgba(219, 234, 254, 0.35);
+      height: 4px;
+      left: 0;
+      pointer-events: none;
+      position: fixed;
+      right: 0;
+      top: 0;
+      z-index: 9999;
+    }
+
+    .catalog-scroll-progress span {
+      background: linear-gradient(90deg, var(--catalog-navy), var(--catalog-blue-bright), var(--catalog-sky));
+      box-shadow: 0 0 12px rgba(96, 165, 250, 0.7);
+      display: block;
+      height: 100%;
+      transform: scaleX(0);
+      transform-origin: left center;
+      width: 100%;
+      will-change: transform;
+    }
+
+    .catalog-hero {
+      align-items: center;
+      animation: catalogGradient 14s ease-in-out infinite alternate;
+      background: linear-gradient(125deg, rgba(26, 38, 60, 0.98), rgba(30, 64, 175, 0.94), rgba(37, 99, 235, 0.9));
+      background-size: 180% 180%;
+      color: #fff;
+      display: flex;
+      isolation: isolate;
+      min-height: 430px;
+      overflow: hidden;
+      padding: 88px 24px 125px;
+      position: relative;
+      text-align: center;
+    }
+
+    .catalog-hero::before {
+      background-image:
+        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
+      background-size: 46px 46px;
+      content: "";
+      inset: 0;
+      mask-image: linear-gradient(to bottom, #000, transparent 90%);
+      pointer-events: none;
+      position: absolute;
+      z-index: -1;
+    }
+
+    .catalog-hero::after {
+      background: var(--catalog-bg);
+      border-radius: 50% 50% 0 0 / 100% 100% 0 0;
+      bottom: -74px;
+      content: "";
+      height: 132px;
+      left: -5%;
+      position: absolute;
+      width: 110%;
+      z-index: 2;
+    }
+
+    .catalog-hero__inner {
+      margin: 0 auto;
+      max-width: 820px;
+      position: relative;
+      z-index: 3;
+    }
+
+    .catalog-eyebrow {
+      align-items: center;
+      backdrop-filter: blur(12px);
+      background: rgba(255, 255, 255, 0.12);
+      border: 1px solid rgba(255, 255, 255, 0.28);
+      border-radius: 999px;
+      display: inline-flex;
+      font-size: 0.78rem;
+      font-weight: 800;
+      gap: 9px;
+      letter-spacing: 0.12em;
+      margin-bottom: 22px;
+      padding: 9px 15px;
+      text-transform: uppercase;
+    }
+
+    .catalog-eyebrow::before {
+      animation: catalogPulse 2.4s ease-in-out infinite;
+      background: #93c5fd;
+      border-radius: 50%;
+      box-shadow: 0 0 0 6px rgba(147, 197, 253, 0.16);
+      content: "";
+      height: 9px;
+      width: 9px;
+    }
+
+    .catalog-hero h1 {
+      color: #fff !important;
+      font-size: clamp(2.8rem, 7vw, 5.2rem);
+      font-weight: 850;
+      letter-spacing: -0.055em;
+      line-height: 0.98;
+      margin: 0 0 20px;
+      text-shadow: 0 12px 36px rgba(7, 18, 48, 0.28);
+    }
+
+    .catalog-hero p {
+      font-size: clamp(1rem, 2vw, 1.22rem);
+      line-height: 1.72;
+      margin: 0 auto;
+      max-width: 670px;
+      opacity: 0.92;
+    }
+
+    .catalog-hero__stats {
+      backdrop-filter: blur(14px);
+      background: rgba(255, 255, 255, 0.1);
+      border: 1px solid rgba(255, 255, 255, 0.2);
+      border-radius: 18px;
+      display: grid;
+      gap: 0;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      margin: 32px auto 0;
+      max-width: 570px;
+      overflow: hidden;
+    }
+
+    .catalog-stat {
+      padding: 15px 18px;
+      position: relative;
+    }
+
+    .catalog-stat + .catalog-stat::before {
+      background: rgba(255, 255, 255, 0.18);
+      bottom: 14px;
+      content: "";
+      left: 0;
+      position: absolute;
+      top: 14px;
+      width: 1px;
+    }
+
+    .catalog-stat strong {
+      color: #fff;
+      display: block;
+      font-size: 1.45rem;
+      font-weight: 850;
+      line-height: 1;
+      margin-bottom: 6px;
+    }
+
+    .catalog-stat span {
+      color: rgba(255, 255, 255, 0.76);
+      display: block;
+      font-size: 0.75rem;
+      font-weight: 700;
+      letter-spacing: 0.05em;
+      text-transform: uppercase;
+    }
+
+    .catalog-orb,
+    .catalog-glow {
+      border-radius: 50%;
+      pointer-events: none;
+      position: absolute;
+      z-index: 0;
+    }
+
+    .catalog-orb {
+      backdrop-filter: blur(3px);
+      background: linear-gradient(145deg, rgba(255, 255, 255, 0.24), rgba(96, 165, 250, 0.08));
+      border: 1px solid rgba(255, 255, 255, 0.24);
+      box-shadow: inset 0 0 35px rgba(255, 255, 255, 0.08);
+    }
+
+    .catalog-orb--one {
+      animation: catalogFloatOne 7s ease-in-out infinite;
+      height: 150px;
+      left: 7%;
+      top: 60px;
+      width: 150px;
+    }
+
+    .catalog-orb--two {
+      animation: catalogFloatTwo 9s ease-in-out infinite;
+      bottom: 85px;
+      height: 92px;
+      right: 11%;
+      width: 92px;
+    }
+
+    .catalog-orb--three {
+      animation: catalogFloatOne 11s ease-in-out infinite reverse;
+      height: 44px;
+      right: 27%;
+      top: 66px;
+      width: 44px;
+    }
+
+    .catalog-glow {
+      background: rgba(96, 165, 250, 0.3);
+      filter: blur(55px);
+      height: 240px;
+      right: 8%;
+      top: 35px;
+      width: 240px;
+    }
+
+    .catalog-content {
+      margin: 0 auto;
+      max-width: 1250px;
+      padding: 25px 20px 85px;
+      position: relative;
+      z-index: 4;
+    }
+
+    .catalog-filter {
+      backdrop-filter: blur(18px);
+      background: rgba(255, 255, 255, 0.86);
+      border: 1px solid rgba(255, 255, 255, 0.94);
+      border-radius: var(--catalog-radius);
+      box-shadow: var(--catalog-shadow);
+      margin-bottom: 42px;
+      padding: 28px;
+      position: relative;
+    }
+
+    .catalog-filter::before {
+      background: linear-gradient(90deg, var(--catalog-navy), var(--catalog-blue), var(--catalog-sky));
+      border-radius: 999px;
+      content: "";
+      height: 5px;
+      left: 30px;
+      position: absolute;
+      right: 30px;
+      top: 0;
+    }
+
+    .catalog-filter__header {
+      align-items: center;
+      display: flex;
+      gap: 18px;
+      justify-content: space-between;
+      margin-bottom: 20px;
+    }
+
+    .catalog-filter h2 {
+      color: var(--catalog-text);
+      font-size: 1.38rem;
+      font-weight: 800;
+      margin: 0;
+    }
+
+    .catalog-filter__count {
+      color: var(--catalog-muted);
+      font-size: 0.86rem;
+      font-weight: 650;
+      margin-left: auto;
+    }
+
+    .catalog-reset {
+      background: #eff6ff;
+      border: 1px solid #bfdbfe;
+      border-radius: 999px;
+      color: var(--catalog-blue);
+      cursor: pointer;
+      font-size: 0.82rem;
+      font-weight: 750;
+      padding: 8px 13px;
+      transition: background var(--catalog-transition), color var(--catalog-transition), transform var(--catalog-transition);
+    }
+
+    .catalog-reset:hover,
+    .catalog-reset:focus-visible {
+      background: var(--catalog-blue);
+      color: #fff;
+      outline: none;
+      transform: translateY(-1px);
+    }
+
+    .catalog-filters {
+        display: grid;
+        grid-template-columns:
+        repeat(auto-fit, minmax(min(100%, 210px), 1fr));
+        gap: 14px;
+
+        box-sizing: border-box;
+        width: 100%;
+        min-width: 0;
+        max-width: 100%;
+    }
+
+    .catalog-filters input,
+    .catalog-filters select {
+        appearance: none;
+        box-sizing: border-box !important;
+
+        width: 100% !important;
+        min-width: 0 !important;
+        max-width: 100% !important;
+        margin: 0 !important;
+
+        background-color: #fff;
+        border: 2px solid #e2e8f0;
+        border-radius: 14px;
+        color: var(--catalog-text);
+        font: inherit;
+        font-size: 15px;
+        min-height: 48px;
+        outline: none;
+        padding: 12px 16px;
+    }
+
+    .catalog-filters select {
+      background-image:
+        linear-gradient(45deg, transparent 50%, var(--catalog-blue) 50%),
+        linear-gradient(135deg, var(--catalog-blue) 50%, transparent 50%);
+      background-position:
+        calc(100% - 19px) calc(50% - 2px),
+        calc(100% - 14px) calc(50% - 2px);
+      background-repeat: no-repeat;
+      background-size: 5px 5px, 5px 5px;
+      padding-right: 38px;
+    }
+
+    .catalog-filters input:hover,
+    .catalog-filters select:hover {
+      border-color: rgba(37, 99, 235, 0.42);
+    }
+
+    .catalog-filters input:focus,
+    .catalog-filters select:focus {
+      border-color: var(--catalog-blue-bright);
+      box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.13);
+      transform: translateY(-1px);
+    }
+
+    .catalog-grid {
+      display: grid;
+      gap: 26px;
+      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    }
+
+    .catalog-card {
+      background: var(--catalog-surface);
+      border: 1px solid var(--catalog-border);
+      border-radius: var(--catalog-radius);
+      box-shadow: var(--catalog-shadow);
+      display: flex;
+      flex-direction: column;
+      min-width: 0;
+      overflow: hidden;
+      position: relative;
+      transition: border-color var(--catalog-transition), box-shadow var(--catalog-transition), transform var(--catalog-transition);
+    }
+
+    .catalog-card[hidden] {
+      display: none !important;
+    }
+
+    .catalog-card::after {
+      background: linear-gradient(90deg, var(--catalog-navy), var(--catalog-blue-bright), var(--catalog-sky));
+      bottom: 0;
+      content: "";
+      height: 4px;
+      left: 0;
+      position: absolute;
+      transform: scaleX(0);
+      transform-origin: left;
+      transition: transform var(--catalog-transition);
+      width: 100%;
+    }
+
+    .catalog-card:hover {
+      border-color: rgba(37, 99, 235, 0.2);
+      box-shadow: var(--catalog-shadow-hover);
+      transform: translateY(-9px);
+    }
+
+    .catalog-card:hover::after {
+      transform: scaleX(1);
+    }
+
+    .catalog-card__media {
+      background: var(--catalog-ice);
+      overflow: hidden;
+      position: relative;
+    }
+
+    .catalog-card__media::after {
+      background: linear-gradient(180deg, transparent 48%, rgba(15, 23, 42, 0.35));
+      content: "";
+      inset: 0;
+      pointer-events: none;
+      position: absolute;
+    }
+
+    .catalog-card img {
+      display: block;
+      height: 190px;
+      object-fit: cover;
+      transition: filter 700ms cubic-bezier(.2, .8, .2, 1), transform 700ms cubic-bezier(.2, .8, .2, 1);
+      width: 100%;
+    }
+
+    .catalog-card:hover img {
+      filter: saturate(1.08) contrast(1.02);
+      transform: scale(1.055);
+    }
+
+    .catalog-status {
+      backdrop-filter: blur(10px);
+      background: rgba(30, 64, 175, 0.9);
+      border: 1px solid rgba(255, 255, 255, 0.38);
+      border-radius: 999px;
+      color: #fff;
+      font-size: 0.72rem;
+      font-weight: 800;
+      letter-spacing: 0.06em;
+      padding: 7px 12px;
+      position: absolute;
+      right: 14px;
+      text-transform: uppercase;
+      top: 14px;
+      z-index: 2;
+    }
+
+    .catalog-status.completed {
+      background: rgba(71, 85, 105, 0.9);
+    }
+
+    .catalog-card__content {
+      display: flex;
+      flex-direction: column;
+      flex-grow: 1;
+      padding: 22px;
+    }
+
+    .catalog-card h3 {
+      color: var(--catalog-text);
+      font-size: 1.2rem;
+      font-weight: 800;
+      line-height: 1.38;
+      margin: 0 0 11px;
+    }
+
+    .catalog-card h3 a {
+      color: inherit;
+      text-decoration: none;
+      transition: color var(--catalog-transition);
+    }
+
+    .catalog-card h3 a:hover,
+    .catalog-card h3 a:focus-visible {
+      color: var(--catalog-blue);
+      outline: none;
+    }
+
+    .catalog-meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-bottom: 15px;
+    }
+
+    .catalog-tag {
+      background: #eff6ff;
+      border: 1px solid #dbeafe;
+      border-radius: 999px;
+      color: var(--catalog-blue);
+      font-size: 0.76rem;
+      font-weight: 750;
+      padding: 5px 10px;
+    }
+
+    .catalog-details {
+      color: var(--catalog-muted);
+      flex-grow: 1;
+      font-size: 0.9rem;
+      line-height: 1.65;
+      margin-bottom: 19px;
+    }
+
+    .catalog-details span {
+      display: block;
+      margin-bottom: 3px;
+    }
+
+    .catalog-button {
+      background: linear-gradient(135deg, var(--catalog-navy), var(--catalog-blue));
+      border-radius: 14px;
+      box-shadow: 0 11px 24px rgba(30, 64, 175, 0.2);
+      color: #fff !important;
+      font-weight: 800;
+      overflow: hidden;
+      padding: 12px 16px;
+      position: relative;
+      text-align: center;
+      text-decoration: none !important;
+      transition: box-shadow var(--catalog-transition), filter var(--catalog-transition), transform var(--catalog-transition);
+    }
+
+    .catalog-button::before {
+      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.26), transparent);
+      content: "";
+      inset: 0;
+      position: absolute;
+      transform: translateX(-120%);
+      transition: transform 650ms ease;
+    }
+
+    .catalog-button:hover,
+    .catalog-button:focus-visible {
+      box-shadow: 0 15px 30px rgba(30, 64, 175, 0.3);
+      filter: saturate(1.14);
+      outline: none;
+      transform: translateY(-2px);
+    }
+
+    .catalog-button:hover::before,
+    .catalog-button:focus-visible::before {
+      transform: translateX(120%);
+    }
+
+    .catalog-empty {
+      color: var(--catalog-muted);
+      grid-column: 1 / -1;
+      padding: 75px 20px;
+      text-align: center;
+    }
+
+    .catalog-empty__icon {
+      align-items: center;
+      background: var(--catalog-ice);
+      border-radius: 50%;
+      color: var(--catalog-blue);
+      display: inline-flex;
+      font-size: 2rem;
+      height: 72px;
+      justify-content: center;
+      margin-bottom: 16px;
+      width: 72px;
+    }
+
+    .catalog-empty h3 {
+      color: var(--catalog-text);
+      font-size: 1.25rem;
+      margin: 0 0 8px;
+    }
+
+    .catalog-empty p {
+      margin: 0;
+    }
+    /*#searchInput {*/
+    /*    max-width: 250px;*/
+    /*}*/
+
+    @keyframes catalogGradient {
+      0% { background-position: 0% 50%; }
+      100% { background-position: 100% 50%; }
+    }
+
+    @keyframes catalogPulse {
+      0%, 100% { box-shadow: 0 0 0 5px rgba(147, 197, 253, 0.14); transform: scale(1); }
+      50% { box-shadow: 0 0 0 9px rgba(147, 197, 253, 0.05); transform: scale(1.08); }
+    }
+
+    @keyframes catalogFloatOne {
+      0%, 100% { transform: translate3d(0, 0, 0) rotate(0); }
+      50% { transform: translate3d(18px, 16px, 0) rotate(8deg); }
+    }
+
+    @keyframes catalogFloatTwo {
+      0%, 100% { transform: translate3d(0, 0, 0); }
+      50% { transform: translate3d(-24px, -14px, 0); }
+    }
+
+    @media (max-width: 760px) {
+        .catalog-filters {
+                grid-template-columns: 1fr;
+            }
+
+        /*#searchInput {*/
+        /*    max-width: 340px;*/
+        /*}*/
+      .catalog-hero {
+        min-height: 360px;
+        padding: 72px 18px 108px;
+      }
+
+      .catalog-orb--one { left: -62px; }
+      .catalog-orb--two { right: -35px; }
+      .catalog-orb--three { display: none; }
+
+      .catalog-content {
+        padding-left: 14px;
+        padding-right: 14px;
+      }
+
+    #searchInput {
+      box-sizing: border-box !important;
+      width: 100% !important;
+      min-width: 0 !important;
+      max-width: 100% !important;
+    }
+    .catalog-filter {
+        box-sizing: border-box;
+        min-width: 0;
+        max-width: 100%;
+    }
+
+      .catalog-filter__header {
+        align-items: flex-start;
+        flex-wrap: wrap;
+      }
+
+      .catalog-filter__count {
+        margin-left: 0;
+        order: 3;
+        width: 100%;
+      }
+
+      .catalog-hero__stats {
+        margin-top: 25px;
+      }
+
+      .catalog-stat {
+        padding: 13px 7px;
+      }
+
+      .catalog-stat strong {
+        font-size: 1.18rem;
+      }
+
+      .catalog-stat span {
+        font-size: 0.62rem;
+        letter-spacing: 0.02em;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      *,
+      *::before,
+      *::after {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        scroll-behavior: auto !important;
+        transition-duration: 0.01ms !important;
+      }
+    }
+  </style>
+</%block>
+
+<%block name="content">
+  <div class="catalog-page">
+    <div class="catalog-scroll-progress" aria-hidden="true">
+      <span id="catalogScrollProgress"></span>
+    </div>
+
+    <section class="catalog-hero">
+      <div class="catalog-glow" aria-hidden="true"></div>
+      <div class="catalog-orb catalog-orb--one" aria-hidden="true"></div>
+      <div class="catalog-orb catalog-orb--two" aria-hidden="true"></div>
+      <div class="catalog-orb catalog-orb--three" aria-hidden="true"></div>
+
+      <div class="catalog-hero__inner">
+        <div class="catalog-eyebrow">${_("Course catalog")}</div>
+        <h1>${_("Courses")}</h1>
+        <p>${_("Explore our collection of educational programs and start learning today")}</p>
+
+        <div class="catalog-hero__stats" aria-label="${_('Course statistics')}">
+          <div class="catalog-stat">
+            <strong>${len(courses)}</strong>
+            <span>${_("Courses")}</span>
+          </div>
+          <div class="catalog-stat">
+            <strong>${len(set([c.language for c in courses if c.language]))}</strong>
+            <span>${_("Languages")}</span>
+          </div>
+          <div class="catalog-stat">
+            <strong>${len(set([c.faculty for c in courses if c.faculty]))}</strong>
+            <span>${_("Faculties")}</span>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <main class="catalog-content">
+      <section class="catalog-filter" aria-labelledby="catalogFilterTitle">
+        <div class="catalog-filter__header">
+          <h2 id="catalogFilterTitle">${_("Filter Courses")}</h2>
+          <span class="catalog-filter__count" id="catalogResultsCount"></span>
+          <button class="catalog-reset" id="catalogReset" type="button">${_("Clear filters")}</button>
+        </div>
+
+        <div class="catalog-filters">
+          <input
+            type="search"
+            id="searchInput"
+            placeholder="${_('Search by course name...')}"
+            aria-label="${_('Search by course name')}"
+          />
+
+          <select id="languageFilter" aria-label="${_('Filter by language')}">
+            <option value="">${_('All languages')}</option>
+            % for lang in sorted(set([c.language for c in courses if c.language])):
+              <option value="${lang}">${_(lang)}</option>
+            % endfor
+          </select>
+
+          <select id="statusFilter" aria-label="${_('Filter by status')}">
+            <option value="">${_('All statuses')}</option>
+            <option value="ongoing">${_('Ongoing')}</option>
+            <option value="completed">${_('Completed')}</option>
+          </select>
+
+          <select id="facultyFilter" aria-label="${_('Filter by faculty')}">
+            <option value="">${_('All faculties')}</option>
+            % for faculty in sorted(set([c.faculty for c in courses if c.faculty])):
+              <option value="${faculty}">${_(faculty)}</option>
+            % endfor
+          </select>
+        </div>
+      </section>
+
+      <div class="catalog-grid" id="courseList" aria-live="polite">
+        % if courses:
+          % for course in courses:
+            <%
+              from django.utils import timezone
+              now = timezone.now()
+              status = "completed" if course.end and course.end < now else "ongoing"
+              status_text = _('Completed') if status == "completed" else _('Ongoing')
+            %>
+            <article
+              class="catalog-card"
+              data-title="${(course.display_name or '').lower()}"
+              data-language="${course.language or ''}"
+              data-status="${status}"
+              data-faculty="${course.faculty or ''}"
+            >
+              <div class="catalog-card__media">
+                <img
+                  src="${course.course_image_url if hasattr(course, 'course_image_url') else '/static/images/default-course.jpg'}"
+                  alt="${course.display_name or _('Course')}"
+                  loading="lazy"
+                >
+                <div class="catalog-status ${status}">${status_text}</div>
+              </div>
+
+              <div class="catalog-card__content">
+                <h3><a href="/courses/${course.id}/about">${course.display_name}</a></h3>
+
+                <div class="catalog-meta">
+                  <span class="catalog-tag">${course.display_org_with_default}</span>
+                  % if course.language:
+                    <span class="catalog-tag">${course.language}</span>
+                  % endif
+                </div>
+
+                <div class="catalog-details">
+                  <span>${_('Start')}: ${course.start.strftime('%Y-%m-%d') if course.start else _('Not specified')}</span>
+                  <span>${_('End')}: ${course.end.strftime('%Y-%m-%d') if course.end else _('Not specified')}</span>
+                </div>
+
+                <a href="/courses/${course.id}/about" class="catalog-button">${_('Go to course')}</a>
+              </div>
+            </article>
+          % endfor
+        % else:
+          <div class="catalog-empty">
+            <span class="catalog-empty__icon" aria-hidden="true">&#128218;</span>
+            <h3>${_('No courses found')}</h3>
+            <p>${_('There are currently no available courses')}</p>
+          </div>
+        % endif
+      </div>
+    </main>
+  </div>
+
+  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js"></script>
+  <script>
+    (function () {
+      "use strict";
+
+      var searchInput = document.getElementById("searchInput");
+      var languageFilter = document.getElementById("languageFilter");
+      var statusFilter = document.getElementById("statusFilter");
+      var facultyFilter = document.getElementById("facultyFilter");
+      var resetButton = document.getElementById("catalogReset");
+      var resultsCount = document.getElementById("catalogResultsCount");
+      var scrollProgress = document.getElementById("catalogScrollProgress");
+      var courseList = document.getElementById("courseList");
+      var cards = Array.prototype.slice.call(courseList.querySelectorAll(".catalog-card"));
+      var reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      var emptyMessage = "${_('No courses found')}";
+      var shownMessage = "${_('Shown')}";
+
+      function animateVisibleCard(card) {
+        if (reduceMotion || !window.gsap) {
+          return;
+        }
+
+        gsap.fromTo(card, {
+          autoAlpha: 0,
+          scale: 0.985,
+          y: 14
+        }, {
+          autoAlpha: 1,
+          clearProps: "opacity,transform,visibility",
+          duration: 0.38,
+          ease: "power2.out",
+          scale: 1,
+          y: 0
+        });
+      }
+
+      function updateEmptyState(visible) {
+        var emptyState = courseList.querySelector(".catalog-empty[data-filter-empty]");
+
+        if (!visible && cards.length && !emptyState) {
+          emptyState = document.createElement("div");
+          emptyState.className = "catalog-empty";
+          emptyState.setAttribute("data-filter-empty", "true");
+          emptyState.innerHTML =
+            '<span class="catalog-empty__icon" aria-hidden="true">&#128269;</span>' +
+            "<h3>" + emptyMessage + "</h3>";
+          courseList.appendChild(emptyState);
+
+          if (!reduceMotion && window.gsap) {
+            gsap.from(emptyState, {
+              autoAlpha: 0,
+              duration: 0.4,
+              ease: "power2.out",
+              y: 16
+            });
+          }
+        } else if (visible && emptyState) {
+          emptyState.remove();
+        }
+      }
+
+      function filterCourses() {
+          courseList.querySelectorAll("img").forEach(function (image) {
+              image.loading = "eager";
+          });
+
+          // Останавливаем незавершённые анимации карточек
+          if (window.gsap) {
+              gsap.killTweensOf(cards);
+
+              gsap.set(cards, {
+                  clearProps: "opacity,transform,visibility"
+              });
+          }
+        var query = searchInput.value.toLowerCase().trim();
+        var language = languageFilter.value;
+        var status = statusFilter.value;
+        var faculty = facultyFilter.value;
+        var visible = 0;
+
+        cards.forEach(function (card) {
+          var wasHidden = card.hidden;
+          var matches =
+            (!query || card.dataset.title.indexOf(query) !== -1) &&
+            (!language || card.dataset.language === language) &&
+            (!status || card.dataset.status === status) &&
+            (!faculty || card.dataset.faculty === faculty);
+
+          card.hidden = !matches;
+
+          if (matches) {
+            visible += 1;
+            if (wasHidden) {
+              animateVisibleCard(card);
+            }
+          }
+        });
+
+        resultsCount.textContent = shownMessage + ": " + visible + " / " + cards.length;
+        updateEmptyState(visible);
+      }
+
+      searchInput.addEventListener("input", filterCourses);
+      languageFilter.addEventListener("change", filterCourses);
+      statusFilter.addEventListener("change", filterCourses);
+      facultyFilter.addEventListener("change", filterCourses);
+
+      resetButton.addEventListener("click", function () {
+        searchInput.value = "";
+        languageFilter.value = "";
+        statusFilter.value = "";
+        facultyFilter.value = "";
+        filterCourses();
+        searchInput.focus();
+      });
+
+      filterCourses();
+
+      var scrollTicking = false;
+
+      function updateScrollProgress() {
+        var documentHeight = document.documentElement.scrollHeight - window.innerHeight;
+        var progress = documentHeight > 0 ? window.pageYOffset / documentHeight : 0;
+        scrollProgress.style.transform = "scaleX(" + Math.min(Math.max(progress, 0), 1) + ")";
+        scrollTicking = false;
+      }
+
+      window.addEventListener("scroll", function () {
+        if (!scrollTicking) {
+          window.requestAnimationFrame(updateScrollProgress);
+          scrollTicking = true;
+        }
+      }, { passive: true });
+
+      updateScrollProgress();
+
+      if (!reduceMotion && window.gsap) {
+        gsap.from(".catalog-eyebrow", {
+          autoAlpha: 0,
+          duration: 0.7,
+          ease: "back.out(1.7)",
+          scale: 0.82,
+          y: -12
+        });
+
+        gsap.from(".catalog-hero h1, .catalog-hero p", {
+          autoAlpha: 0,
+          delay: 0.12,
+          duration: 0.85,
+          ease: "power3.out",
+          stagger: 0.12,
+          y: 30
+        });
+
+        gsap.from(".catalog-stat", {
+          autoAlpha: 0,
+          delay: 0.42,
+          duration: 0.58,
+          ease: "back.out(1.35)",
+          scale: 0.92,
+          stagger: 0.08,
+          y: 14
+        });
+
+        if (window.ScrollTrigger) {
+          gsap.registerPlugin(ScrollTrigger);
+
+          gsap.from(".catalog-filter", {
+            autoAlpha: 0,
+            duration: 0.8,
+            ease: "power3.out",
+            scrollTrigger: {
+              once: true,
+              start: "top 90%",
+              trigger: ".catalog-filter"
+            },
+            y: 34
+          });
+
+          cards.forEach(function (card, index) {
+            gsap.from(card, {
+              autoAlpha: 0,
+              delay: (index % 3) * 0.07,
+              duration: 0.64,
+              ease: "power3.out",
+              scrollTrigger: {
+                once: true,
+                start: "top 94%",
+                trigger: card
+              },
+              y: 40
+            });
+          });
+        }
+
+        document.querySelector(".catalog-hero").addEventListener("pointermove", function (event) {
+          var x = (event.clientX / window.innerWidth - 0.5) * 24;
+          var y = (event.clientY / window.innerHeight - 0.5) * 18;
+
+          gsap.to(".catalog-glow", {
+            duration: 1.1,
+            ease: "power2.out",
+            x: x,
+            y: y
+          });
+
+          gsap.to(".catalog-hero__inner", {
+            duration: 1.1,
+            ease: "power2.out",
+            x: -x * 0.16,
+            y: -y * 0.12
+          });
+        });
+      }
+    })();
+  </script>
+</%block>
diff --git a/lms/templates/courseware/courses_basic.html b/lms/templates/courseware/courses_basic.html
new file mode 100644
index 000000000000..f8826922a3be
--- /dev/null
+++ b/lms/templates/courseware/courses_basic.html
@@ -0,0 +1,353 @@
+<%page expression_filter="h"/>
+<%!
+  from django.utils.translation import gettext as _
+%>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Courses")}</%block>
+
+<%block name="headextra">
+  <style>
+    :root {
+      --bg-color: #f9fafc;
+      --card-bg: #fff;
+      --primary: #1a263c;
+      --accent: #1e40af;
+      --text-dark: #1f2937;
+      --text-muted: #6b7280;
+      --radius: 12px;
+      --shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
+      --transition: 0.3s ease;
+    }
+
+    body {
+      background: var(--bg-color);
+      font-family: "Inter", "Segoe UI", system-ui, sans-serif;
+    }
+
+    /* Hero Section */
+    .hero {
+      background: linear-gradient(135deg, var(--primary), var(--accent));
+      color: #fff;
+      padding: 80px 20px;
+      text-align: center;
+      box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.15);
+    }
+
+    .hero h1 {
+      font-size: 2.75rem;
+      font-weight: 700;
+      margin-bottom: 12px;
+    }
+
+    .hero p {
+      font-size: 1.15rem;
+      opacity: 0.9;
+    }
+
+    /* Main container */
+    .courses {
+      max-width: 1250px;
+      margin: 0 auto;
+      padding: 50px 20px;
+    }
+
+    /* Filter bar */
+    .filter-box {
+      background: var(--card-bg);
+      border-radius: var(--radius);
+      padding: 25px;
+      box-shadow: var(--shadow);
+      margin-bottom: 40px;
+    }
+
+    .filter-box h2 {
+      font-size: 1.4rem;
+      color: var(--text-dark);
+      font-weight: 600;
+      margin-bottom: 20px;
+    }
+
+    .filters {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+      gap: 15px;
+    }
+
+    .filters input,
+    .filters select {
+      padding: 12px 16px;
+      border: 1.5px solid #e5e7eb;
+      border-radius: var(--radius);
+      font-size: 15px;
+      transition: border var(--transition), box-shadow var(--transition);
+      outline: none;
+      background: #fff;
+    }
+
+    .filters input:focus,
+    .filters select:focus {
+      border-color: var(--primary);
+      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
+    }
+
+    /* Grid */
+    .course-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
+      gap: 25px;
+    }
+
+    /* Course card */
+    .course {
+      background: var(--card-bg);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+      transition: transform var(--transition), box-shadow var(--transition);
+    }
+
+    .course:hover {
+      transform: translateY(-6px);
+      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
+    }
+
+    .course img {
+      width: 100%;
+      height: 180px;
+      object-fit: cover;
+    }
+
+    .status {
+      position: absolute;
+      top: 15px;
+      right: 15px;
+      padding: 6px 12px;
+      background: var(--primary);
+      color: white;
+      font-size: 0.8rem;
+      font-weight: 600;
+      border-radius: 9999px;
+      text-transform: uppercase;
+    }
+
+    .status.completed {
+      background: #6b7280;
+    }
+
+    .course-content {
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      flex-grow: 1;
+    }
+
+    .course h3 {
+      font-size: 1.2rem;
+      font-weight: 600;
+      color: var(--text-dark);
+      margin-bottom: 8px;
+    }
+
+    .course h3 a {
+      text-decoration: none;
+      color: inherit;
+      transition: color var(--transition);
+    }
+
+    .course h3 a:hover {
+      color: var(--primary);
+    }
+
+    .meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-bottom: 12px;
+    }
+
+    .tag {
+      background: #eff6ff;
+      color: var(--accent);
+      font-weight: 600;
+      font-size: 0.8rem;
+      padding: 4px 10px;
+      border-radius: 6px;
+    }
+
+    .details {
+      flex-grow: 1;
+      color: var(--text-muted);
+      font-size: 0.9rem;
+      margin-bottom: 15px;
+    }
+
+    .details span {
+      display: block;
+      margin-bottom: 4px;
+    }
+
+    .course a.btn {
+      background: var(--primary);
+      color: #fff;
+      text-align: center;
+      padding: 12px;
+      border-radius: var(--radius);
+      font-weight: 600;
+      transition: background var(--transition);
+      text-decoration: none;
+    }
+
+    .course a.btn:hover {
+      background: var(--accent);
+    }
+
+    /* Empty state */
+    .no-results {
+      text-align: center;
+      padding: 80px 20px;
+      color: var(--text-muted);
+    }
+
+    .no-results span {
+      font-size: 3rem;
+      display: block;
+      margin-bottom: 15px;
+    }
+
+    @media (max-width: 600px) {
+      .hero h1 {
+        font-size: 2rem;
+      }
+
+      .hero p {
+        font-size: 1rem;
+      }
+    }
+  </style>
+</%block>
+
+<%block name="content">
+  <div class="hero">
+    <h1 style="color: white !important;">${_("Courses")}</h1>
+    <p>${_("Explore our collection of educational programs and start learning today")}</p>
+  </div>
+
+  <div class="courses">
+    <div class="filter-box">
+      <h2>${_("Filter Courses")}</h2>
+      <div class="filters">
+        <input
+          type="text"
+          id="searchInput"
+          placeholder="${_('Search by course name...')}"
+          onkeyup="filterCourses()"
+        />
+
+        <select id="languageFilter" onchange="filterCourses()">
+          <option value="">${_('All languages')}</option>
+          % for lang in sorted(set([c.language for c in courses if c.language])):
+            <option value="${lang}">${_(lang)}</option>
+          % endfor
+        </select>
+
+        <select id="statusFilter" onchange="filterCourses()">
+          <option value="">${_('All statuses')}</option>
+          <option value="ongoing">${_('Ongoing')}</option>
+          <option value="completed">${_('Completed')}</option>
+        </select>
+
+        <select id="orgFilter" onchange="filterCourses()">
+          <option value="">${_('All organizations')}</option>
+          % for org in sorted(set([c.display_org_with_default for c in courses])):
+            <option value="${org}">${_(org)}</option>
+          % endfor
+        </select>
+      </div>
+    </div>
+
+    <div class="course-grid" id="courseList">
+      % if courses:
+        % for course in courses:
+          <%
+            from django.utils import timezone
+            now = timezone.now()
+            status = "completed" if course.end and course.end < now else "ongoing"
+            status_text = _('Completed') if status == "completed" else _('Ongoing')
+          %>
+          <div class="course"
+               data-title="${course.display_name.lower()}"
+               data-language="${course.language or ''}"
+               data-status="${status}"
+               data-org="${course.display_org_with_default}">
+            <div style="position: relative;">
+              <img src="${course.course_image_url if hasattr(course, 'course_image_url') else '/static/images/default-course.jpg'}"
+                   alt="${course.display_name}">
+              <div class="status ${status}">${status_text}</div>
+            </div>
+            <div class="course-content">
+              <h3><a href="/courses/${course.id}/about">${course.display_name}</a></h3>
+              <div class="meta">
+                <span class="tag">${course.display_org_with_default}</span>
+                % if course.language:
+                  <span class="tag">${course.language}</span>
+                % endif
+              </div>
+              <div class="details">
+                <span>${_('Start')}: ${course.start.strftime('%Y-%m-%d') if course.start else _('Not specified')}</span>
+                <span>${_('End')}: ${course.end.strftime('%Y-%m-%d') if course.end else _('Not specified')}</span>
+              </div>
+              <a href="/courses/${course.id}/about" class="btn">${_('Go to course')}</a>
+            </div>
+          </div>
+        % endfor
+      % else:
+        <div class="no-results">
+          <span>📚</span>
+          <h3>${_('No courses found')}</h3>
+          <p>${_('There are currently no available courses')}</p>
+        </div>
+      % endif
+    </div>
+  </div>
+
+  <script>
+    function filterCourses() {
+      const query = document.getElementById("searchInput").value.toLowerCase().trim();
+      const lang = document.getElementById("languageFilter").value;
+      const status = document.getElementById("statusFilter").value;
+      const org = document.getElementById("orgFilter").value;
+
+      const cards = document.querySelectorAll("#courseList .course");
+      let visible = 0;
+
+      cards.forEach(card => {
+        const title = card.getAttribute("data-title");
+        const cardLang = card.getAttribute("data-language");
+        const cardStatus = card.getAttribute("data-status");
+        const cardOrg = card.getAttribute("data-org");
+
+        const matches =
+          (!query || title.includes(query)) &&
+          (!lang || cardLang === lang) &&
+          (!status || cardStatus === status) &&
+          (!org || cardOrg === org);
+
+        card.style.display = matches ? "flex" : "none";
+        if (matches) visible++;
+      });
+
+      const emptyState = document.querySelector(".no-results");
+      if (!visible && !emptyState) {
+        const div = document.createElement("div");
+        div.className = "no-results";
+        div.innerHTML = `<span>🔍</span><h3>${_('No courses found')}</h3>`;
+        document.getElementById("courseList").appendChild(div);
+      } else if (visible && emptyState) {
+        emptyState.remove();
+      }
+    }
+  </script>
+</%block>
diff --git a/lms/templates/courseware/courses_summer.html b/lms/templates/courseware/courses_summer.html
new file mode 100644
index 000000000000..7438d15fd067
--- /dev/null
+++ b/lms/templates/courseware/courses_summer.html
@@ -0,0 +1,738 @@
+<%page expression_filter="h"/>
+<%!
+  from django.utils.translation import gettext as _
+%>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Courses")}</%block>
+
+<%block name="headextra">
+  <style>
+    :root {
+      --summer-sky: #66d4f1;
+      --summer-sky-deep: #1ca7d1;
+      --summer-sun: #ffd447;
+      --summer-orange: #ff8a3d;
+      --summer-coral: #ff626d;
+      --summer-leaf: #24a878;
+      --summer-leaf-dark: #087a61;
+      --summer-sand: #fff4d3;
+      --card-bg: rgba(255, 255, 255, 0.94);
+      --text-dark: #15394a;
+      --text-muted: #607684;
+      --radius: 24px;
+      --shadow: 0 18px 45px rgba(24, 111, 137, 0.14);
+      --transition: 280ms cubic-bezier(.2, .8, .2, 1);
+    }
+
+    body {
+      background:
+        radial-gradient(circle at 12% 18%, rgba(255, 212, 71, 0.18), transparent 24rem),
+        linear-gradient(180deg, #edfaff 0%, #fffaf0 52%, #fff4d3 100%);
+      color: var(--text-dark);
+      font-family: "Inter", "Segoe UI", system-ui, sans-serif;
+    }
+
+    .summer-page {
+      min-height: 100vh;
+      overflow: hidden;
+      position: relative;
+    }
+
+    .hero {
+      align-items: center;
+      background:
+        linear-gradient(135deg, rgba(21, 168, 209, 0.96), rgba(102, 212, 241, 0.88)),
+        linear-gradient(180deg, var(--summer-sky), var(--summer-sky-deep));
+      color: #fff;
+      display: flex;
+      min-height: 410px;
+      overflow: hidden;
+      padding: 90px 24px 120px;
+      position: relative;
+      text-align: center;
+      isolation: isolate;
+    }
+
+    .hero::after {
+      background: var(--summer-sand);
+      border-radius: 50% 50% 0 0 / 100% 100% 0 0;
+      bottom: -72px;
+      content: "";
+      height: 130px;
+      left: -5%;
+      position: absolute;
+      width: 110%;
+      z-index: 2;
+    }
+
+    .hero-inner {
+      margin: 0 auto;
+      max-width: 780px;
+      position: relative;
+      z-index: 3;
+    }
+
+    .season-pill {
+      align-items: center;
+      backdrop-filter: blur(10px);
+      background: rgba(255, 255, 255, 0.2);
+      border: 1px solid rgba(255, 255, 255, 0.45);
+      border-radius: 999px;
+      display: inline-flex;
+      font-size: 0.8rem;
+      font-weight: 800;
+      gap: 8px;
+      letter-spacing: 0.12em;
+      margin-bottom: 20px;
+      padding: 9px 15px;
+      text-transform: uppercase;
+    }
+
+    .season-pill::before {
+      background: var(--summer-sun);
+      border-radius: 50%;
+      box-shadow: 0 0 0 5px rgba(255, 212, 71, 0.22);
+      content: "";
+      height: 9px;
+      width: 9px;
+    }
+
+    .hero h1 {
+      color: #fff !important;
+      font-size: clamp(2.7rem, 7vw, 5.3rem);
+      font-weight: 850;
+      letter-spacing: -0.055em;
+      line-height: 0.98;
+      margin: 0 0 18px;
+      text-shadow: 0 8px 30px rgba(0, 98, 131, 0.2);
+    }
+
+    .hero p {
+      font-size: clamp(1rem, 2vw, 1.25rem);
+      line-height: 1.7;
+      margin: 0 auto;
+      max-width: 650px;
+      opacity: 0.96;
+    }
+
+    .sun {
+      background: var(--summer-sun);
+      border-radius: 50%;
+      box-shadow:
+        0 0 0 18px rgba(255, 212, 71, 0.16),
+        0 0 70px rgba(255, 193, 47, 0.55);
+      height: 150px;
+      position: absolute;
+      right: 9%;
+      top: 52px;
+      width: 150px;
+      z-index: 1;
+    }
+
+    .cloud {
+      background: rgba(255, 255, 255, 0.75);
+      border-radius: 999px;
+      height: 24px;
+      position: absolute;
+      width: 112px;
+      z-index: 1;
+    }
+
+    .cloud::before,
+    .cloud::after {
+      background: inherit;
+      border-radius: 50%;
+      content: "";
+      position: absolute;
+    }
+
+    .cloud::before {
+      height: 46px;
+      left: 20px;
+      top: -23px;
+      width: 46px;
+    }
+
+    .cloud::after {
+      height: 58px;
+      right: 17px;
+      top: -34px;
+      width: 58px;
+    }
+
+    .cloud-one {
+      left: 8%;
+      top: 95px;
+    }
+
+    .cloud-two {
+      bottom: 95px;
+      opacity: 0.56;
+      right: 26%;
+      transform: scale(0.72);
+    }
+
+    .leaf {
+      border: 5px solid rgba(0, 120, 91, 0.35);
+      border-bottom: 0;
+      border-radius: 100% 0 100% 0;
+      height: 90px;
+      position: absolute;
+      width: 48px;
+      z-index: 1;
+    }
+
+    .leaf-one {
+      bottom: 32px;
+      left: 6%;
+      rotate: -24deg;
+    }
+
+    .leaf-two {
+      bottom: 55px;
+      left: 10%;
+      rotate: 26deg;
+      scale: 0.75;
+    }
+
+    .courses {
+      margin: 0 auto;
+      max-width: 1250px;
+      padding: 28px 20px 80px;
+      position: relative;
+      z-index: 4;
+    }
+
+    .filter-box {
+      backdrop-filter: blur(18px);
+      background: rgba(255, 255, 255, 0.84);
+      border: 1px solid rgba(255, 255, 255, 0.92);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      margin-bottom: 42px;
+      padding: 28px;
+      position: relative;
+    }
+
+    .filter-box::before {
+      background: linear-gradient(90deg, var(--summer-orange), var(--summer-sun), var(--summer-leaf));
+      border-radius: 999px;
+      content: "";
+      height: 5px;
+      left: 30px;
+      position: absolute;
+      right: 30px;
+      top: 0;
+    }
+
+    .filter-box h2 {
+      color: var(--text-dark);
+      font-size: 1.35rem;
+      font-weight: 800;
+      margin: 0 0 20px;
+    }
+
+    .filters {
+      display: grid;
+      gap: 14px;
+      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    }
+
+    .filters input,
+    .filters select {
+      background: #fffdf8;
+      border: 2px solid #e6f0ed;
+      border-radius: 14px;
+      color: var(--text-dark);
+      font-size: 15px;
+      outline: none;
+      padding: 13px 16px;
+      transition: border var(--transition), box-shadow var(--transition), transform var(--transition);
+    }
+
+    .filters input:hover,
+    .filters select:hover {
+      border-color: rgba(36, 168, 120, 0.45);
+    }
+
+    .filters input:focus,
+    .filters select:focus {
+      border-color: var(--summer-leaf);
+      box-shadow: 0 0 0 4px rgba(36, 168, 120, 0.13);
+      transform: translateY(-1px);
+    }
+
+    .course-grid {
+      display: grid;
+      gap: 26px;
+      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    }
+
+    .course {
+      background: var(--card-bg);
+      border: 1px solid rgba(255, 255, 255, 0.95);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow);
+      display: flex;
+      flex-direction: column;
+      min-width: 0;
+      overflow: hidden;
+      position: relative;
+      transition: transform var(--transition), box-shadow var(--transition);
+    }
+
+    .course[hidden] {
+      display: none;
+    }
+
+    .course::after {
+      background: linear-gradient(90deg, var(--summer-orange), var(--summer-sun));
+      bottom: 0;
+      content: "";
+      height: 4px;
+      left: 0;
+      position: absolute;
+      transform: scaleX(0);
+      transform-origin: left;
+      transition: transform var(--transition);
+      width: 100%;
+    }
+
+    .course:hover {
+      box-shadow: 0 24px 55px rgba(24, 111, 137, 0.22);
+      transform: translateY(-9px) rotate(0.25deg);
+    }
+
+    .course:hover::after {
+      transform: scaleX(1);
+    }
+
+    .course-media {
+      overflow: hidden;
+      position: relative;
+    }
+
+    .course img {
+      display: block;
+      height: 190px;
+      object-fit: cover;
+      transition: transform 700ms cubic-bezier(.2, .8, .2, 1), filter var(--transition);
+      width: 100%;
+    }
+
+    .course:hover img {
+      filter: saturate(1.1);
+      transform: scale(1.055);
+    }
+
+    .course-media::after {
+      background: linear-gradient(180deg, transparent 50%, rgba(10, 70, 83, 0.22));
+      content: "";
+      inset: 0;
+      pointer-events: none;
+      position: absolute;
+    }
+
+    .status {
+      backdrop-filter: blur(10px);
+      background: rgba(21, 57, 74, 0.86);
+      border: 1px solid rgba(255, 255, 255, 0.4);
+      border-radius: 999px;
+      color: #fff;
+      font-size: 0.72rem;
+      font-weight: 800;
+      letter-spacing: 0.06em;
+      padding: 7px 12px;
+      position: absolute;
+      right: 14px;
+      text-transform: uppercase;
+      top: 14px;
+      z-index: 2;
+    }
+
+    .status.ongoing {
+      background: rgba(8, 122, 97, 0.9);
+    }
+
+    .status.completed {
+      background: rgba(96, 118, 132, 0.9);
+    }
+
+    .course-content {
+      display: flex;
+      flex-direction: column;
+      flex-grow: 1;
+      padding: 22px;
+    }
+
+    .course h3 {
+      color: var(--text-dark);
+      font-size: 1.2rem;
+      font-weight: 800;
+      line-height: 1.35;
+      margin: 0 0 11px;
+    }
+
+    .course h3 a {
+      color: inherit;
+      text-decoration: none;
+      transition: color var(--transition);
+    }
+
+    .course h3 a:hover {
+      color: var(--summer-leaf-dark);
+    }
+
+    .meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-bottom: 15px;
+    }
+
+    .tag {
+      background: #eaf9f4;
+      border: 1px solid #d2f0e5;
+      border-radius: 999px;
+      color: var(--summer-leaf-dark);
+      font-size: 0.76rem;
+      font-weight: 750;
+      padding: 5px 10px;
+    }
+
+    .details {
+      color: var(--text-muted);
+      flex-grow: 1;
+      font-size: 0.9rem;
+      line-height: 1.6;
+      margin-bottom: 18px;
+    }
+
+    .details span {
+      display: block;
+      margin-bottom: 3px;
+    }
+
+    .course a.btn {
+      background: linear-gradient(135deg, var(--summer-orange), var(--summer-coral));
+      border-radius: 14px;
+      box-shadow: 0 10px 22px rgba(255, 98, 109, 0.2);
+      color: #fff;
+      font-weight: 800;
+      padding: 12px 16px;
+      position: relative;
+      text-align: center;
+      text-decoration: none;
+      transition: box-shadow var(--transition), transform var(--transition), filter var(--transition);
+    }
+
+    .course a.btn:hover {
+      box-shadow: 0 14px 28px rgba(255, 98, 109, 0.3);
+      filter: saturate(1.08);
+      transform: translateY(-2px);
+    }
+
+    .no-results {
+      color: var(--text-muted);
+      grid-column: 1 / -1;
+      padding: 70px 20px;
+      text-align: center;
+    }
+
+    .no-results span {
+      display: block;
+      font-size: 3rem;
+      margin-bottom: 12px;
+    }
+
+    .no-results h3 {
+      color: var(--text-dark);
+      margin-bottom: 8px;
+    }
+
+    @media (max-width: 760px) {
+      .hero {
+        min-height: 350px;
+        padding: 75px 20px 105px;
+      }
+
+      .sun {
+        height: 105px;
+        right: -25px;
+        top: 30px;
+        width: 105px;
+      }
+
+      .cloud-one {
+        left: -40px;
+        top: 75px;
+        transform: scale(0.75);
+      }
+
+      .cloud-two,
+      .leaf {
+        display: none;
+      }
+
+      .filter-box {
+        padding: 25px 18px 20px;
+      }
+
+      .courses {
+        padding-left: 14px;
+        padding-right: 14px;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      *,
+      *::before,
+      *::after {
+        scroll-behavior: auto !important;
+        transition-duration: 0.01ms !important;
+      }
+    }
+  </style>
+</%block>
+
+<%block name="content">
+  <div class="summer-page">
+    <section class="hero">
+      <div class="sun" aria-hidden="true"></div>
+      <div class="cloud cloud-one" aria-hidden="true"></div>
+      <div class="cloud cloud-two" aria-hidden="true"></div>
+      <div class="leaf leaf-one" aria-hidden="true"></div>
+      <div class="leaf leaf-two" aria-hidden="true"></div>
+
+      <div class="hero-inner">
+        <div class="season-pill">${_("Summer of learning")}</div>
+        <h1>${_("Courses")}</h1>
+        <p>${_("Explore our collection of educational programs and start learning today")}</p>
+      </div>
+    </section>
+
+    <main class="courses">
+      <div class="filter-box">
+        <h2>${_("Find your next course")}</h2>
+        <div class="filters">
+          <input
+            type="search"
+            id="searchInput"
+            placeholder="${_('Search by course name...')}"
+            aria-label="${_('Search by course name')}"
+          />
+
+          <select id="languageFilter" aria-label="${_('Filter by language')}">
+            <option value="">${_('All languages')}</option>
+            % for lang in sorted(set([c.language for c in courses if c.language])):
+              <option value="${lang}">${_(lang)}</option>
+            % endfor
+          </select>
+
+          <select id="statusFilter" aria-label="${_('Filter by status')}">
+            <option value="">${_('All statuses')}</option>
+            <option value="ongoing">${_('Ongoing')}</option>
+            <option value="completed">${_('Completed')}</option>
+          </select>
+
+          <select id="facultyFilter" aria-label="${_('Filter by faculty')}">
+            <option value="">${_('All faculties')}</option>
+            % for faculty in sorted(set([c.faculty for c in courses if c.faculty])):
+              <option value="${faculty}">${_(faculty)}</option>
+            % endfor
+          </select>
+        </div>
+      </div>
+
+      <div class="course-grid" id="courseList" aria-live="polite">
+        % if courses:
+          % for course in courses:
+            <%
+              from django.utils import timezone
+              now = timezone.now()
+              status = "completed" if course.end and course.end < now else "ongoing"
+              status_text = _('Completed') if status == "completed" else _('Ongoing')
+            %>
+            <article
+              class="course"
+              data-title="${course.display_name.lower()}"
+              data-language="${course.language or ''}"
+              data-status="${status}"
+              data-faculty="${course.faculty or ''}"
+            >
+              <div class="course-media">
+                <img
+                  src="${course.course_image_url if hasattr(course, 'course_image_url') else '/static/images/default-course.jpg'}"
+                  alt="${course.display_name}"
+                  loading="lazy"
+                >
+                <div class="status ${status}">${status_text}</div>
+              </div>
+
+              <div class="course-content">
+                <h3><a href="/courses/${course.id}/about">${course.display_name}</a></h3>
+                <div class="meta">
+                  <span class="tag">${course.display_org_with_default}</span>
+                  % if course.language:
+                    <span class="tag">${course.language}</span>
+                  % endif
+                </div>
+                <div class="details">
+                  <span>${_('Start')}: ${course.start.strftime('%Y-%m-%d') if course.start else _('Not specified')}</span>
+                  <span>${_('End')}: ${course.end.strftime('%Y-%m-%d') if course.end else _('Not specified')}</span>
+                </div>
+                <a href="/courses/${course.id}/about" class="btn">${_('Go to course')}</a>
+              </div>
+            </article>
+          % endfor
+        % else:
+          <div class="no-results">
+            <span aria-hidden="true">&#9728;</span>
+            <h3>${_('No courses found')}</h3>
+            <p>${_('There are currently no available courses')}</p>
+          </div>
+        % endif
+      </div>
+    </main>
+  </div>
+
+  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js"></script>
+  <script>
+    (function () {
+      const searchInput = document.getElementById("searchInput");
+      const filterFields = [
+        searchInput,
+        document.getElementById("languageFilter"),
+        document.getElementById("statusFilter"),
+        document.getElementById("facultyFilter")
+      ];
+      const courseList = document.getElementById("courseList");
+      const emptyMessage = "${_('No courses found')}";
+      const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+
+      function filterCourses() {
+        const query = searchInput.value.toLowerCase().trim();
+        const lang = document.getElementById("languageFilter").value;
+        const status = document.getElementById("statusFilter").value;
+        const faculty = document.getElementById("facultyFilter").value;
+        const cards = courseList.querySelectorAll(".course");
+        let visible = 0;
+
+        cards.forEach(function (card) {
+          const matches =
+            (!query || card.dataset.title.includes(query)) &&
+            (!lang || card.dataset.language === lang) &&
+            (!status || card.dataset.status === status) &&
+            (!faculty || card.dataset.faculty === faculty);
+
+          card.hidden = !matches;
+          if (matches) {
+            visible += 1;
+            if (!reduceMotion && window.gsap) {
+              gsap.fromTo(card, { autoAlpha: 0, y: 12 }, {
+                autoAlpha: 1,
+                duration: 0.35,
+                ease: "power2.out",
+                y: 0
+              });
+            }
+          }
+        });
+
+        let emptyState = courseList.querySelector(".no-results[data-filter-empty]");
+        if (!visible && cards.length && !emptyState) {
+          emptyState = document.createElement("div");
+          emptyState.className = "no-results";
+          emptyState.dataset.filterEmpty = "true";
+          emptyState.innerHTML = '<span aria-hidden="true">&#9728;</span><h3>' + emptyMessage + "</h3>";
+          courseList.appendChild(emptyState);
+        } else if (visible && emptyState) {
+          emptyState.remove();
+        }
+      }
+
+      filterFields.forEach(function (field) {
+        field.addEventListener(field === searchInput ? "input" : "change", filterCourses);
+      });
+
+      if (!reduceMotion && window.gsap) {
+        gsap.registerPlugin(ScrollTrigger);
+
+        gsap.from(".season-pill", {
+          autoAlpha: 0,
+          duration: 0.7,
+          ease: "back.out(1.7)",
+          scale: 0.8,
+          y: -12
+        });
+
+        gsap.from(".hero h1, .hero p", {
+          autoAlpha: 0,
+          delay: 0.15,
+          duration: 0.85,
+          ease: "power3.out",
+          stagger: 0.12,
+          y: 28
+        });
+
+        gsap.to(".sun", {
+          duration: 4.5,
+          ease: "sine.inOut",
+          repeat: -1,
+          scale: 1.06,
+          yoyo: true
+        });
+
+        gsap.to(".cloud-one", {
+          duration: 6,
+          ease: "sine.inOut",
+          repeat: -1,
+          x: 28,
+          yoyo: true
+        });
+
+        gsap.to(".cloud-two", {
+          duration: 7,
+          ease: "sine.inOut",
+          repeat: -1,
+          x: -34,
+          yoyo: true
+        });
+
+        gsap.from(".filter-box", {
+          autoAlpha: 0,
+          duration: 0.8,
+          ease: "power3.out",
+          scrollTrigger: {
+            start: "top 88%",
+            trigger: ".filter-box"
+          },
+          y: 35
+        });
+
+        gsap.utils.toArray(".course").forEach(function (card, index) {
+          gsap.from(card, {
+            autoAlpha: 0,
+            delay: (index % 3) * 0.08,
+            duration: 0.65,
+            ease: "power3.out",
+            scrollTrigger: {
+              start: "top 92%",
+              trigger: card
+            },
+            y: 42
+          });
+        });
+
+        document.querySelector(".hero").addEventListener("pointermove", function (event) {
+          const x = (event.clientX / window.innerWidth - 0.5) * 18;
+          const y = (event.clientY / window.innerHeight - 0.5) * 12;
+          gsap.to(".sun", { duration: 1.2, ease: "power2.out", x: x, y: y });
+          gsap.to(".hero-inner", { duration: 1.2, ease: "power2.out", x: -x * 0.18, y: -y * 0.18 });
+        });
+      }
+    })();
+  </script>
+</%block>
diff --git a/lms/templates/courseware/courses_winter.html b/lms/templates/courseware/courses_winter.html
new file mode 100644
index 000000000000..72b206c0f6bb
--- /dev/null
+++ b/lms/templates/courseware/courses_winter.html
@@ -0,0 +1,585 @@
+<%page expression_filter="h"/>
+<%!
+from django.utils.translation import gettext as _
+%>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Courses")}</%block>
+
+<%block name="headextra">
+<style>
+    :root {
+        --bg-color: #f9fafc;
+        --card-bg: #fff;
+        --primary: #1a263c;
+        --accent: #1e40af;
+        --text-dark: #1f2937;
+        --text-muted: #6b7280;
+        --radius: 12px;
+        --shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
+        --transition: 0.3s ease;
+    }
+
+    body {
+        background: var(--bg-color);
+        font-family: "Inter", "Segoe UI", system-ui, sans-serif;
+    }
+
+    /* Hero Section */
+    .hero {
+        background: linear-gradient(135deg, var(--primary), var(--accent));
+        color: #fff;
+        padding: 80px 20px;
+        text-align: center;
+        box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.15);
+    }
+
+    .hero h1 {
+        font-size: 2.75rem;
+        font-weight: 700;
+        margin-bottom: 12px;
+    }
+
+    .hero p {
+        font-size: 1.15rem;
+        opacity: 0.9;
+    }
+
+    /* Main container */
+    .courses {
+        max-width: 1250px;
+        margin: 0 auto;
+        padding: 50px 20px;
+    }
+
+    /* Filter bar */
+    .filter-box {
+        background: var(--card-bg);
+        border-radius: var(--radius);
+        padding: 25px;
+        box-shadow: var(--shadow);
+        margin-bottom: 40px;
+    }
+
+    .filter-box h2 {
+        font-size: 1.4rem;
+        color: var(--text-dark);
+        font-weight: 600;
+        margin-bottom: 20px;
+    }
+
+    .filters {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+        gap: 15px;
+    }
+
+    .filters input,
+    .filters select {
+        padding: 12px 16px;
+        border: 1.5px solid #e5e7eb;
+        border-radius: var(--radius);
+        font-size: 15px;
+        transition: border var(--transition), box-shadow var(--transition);
+        outline: none;
+        background: #fff;
+    }
+
+    .filters input:focus,
+    .filters select:focus {
+        border-color: var(--primary);
+        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
+    }
+
+    /* Grid */
+    .course-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
+        gap: 25px;
+    }
+
+    /* Course card */
+    .course {
+        background: var(--card-bg);
+        border-radius: var(--radius);
+        box-shadow: var(--shadow);
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        transition: transform var(--transition), box-shadow var(--transition);
+    }
+
+    .course:hover {
+        transform: translateY(-6px);
+        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
+    }
+
+    .course img {
+        width: 100%;
+        height: 180px;
+        object-fit: cover;
+    }
+
+    .status {
+        position: absolute;
+        top: 15px;
+        right: 15px;
+        padding: 6px 12px;
+        background: var(--primary);
+        color: white;
+        font-size: 0.8rem;
+        font-weight: 600;
+        border-radius: 9999px;
+        text-transform: uppercase;
+    }
+
+    .status.completed {
+        background: #6b7280;
+    }
+
+    .course-content {
+        padding: 20px;
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+    }
+
+    .course h3 {
+        font-size: 1.2rem;
+        font-weight: 600;
+        color: var(--text-dark);
+        margin-bottom: 8px;
+    }
+
+    .course h3 a {
+        text-decoration: none;
+        color: inherit;
+        transition: color var(--transition);
+    }
+
+    .course h3 a:hover {
+        color: var(--primary);
+    }
+
+    .meta {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-bottom: 12px;
+    }
+
+    .tag {
+        background: #eff6ff;
+        color: var(--accent);
+        font-weight: 600;
+        font-size: 0.8rem;
+        padding: 4px 10px;
+        border-radius: 6px;
+    }
+
+    .details {
+        flex-grow: 1;
+        color: var(--text-muted);
+        font-size: 0.9rem;
+        margin-bottom: 15px;
+    }
+
+    .details span {
+        display: block;
+        margin-bottom: 4px;
+    }
+
+    .course a.btn {
+        background: var(--primary);
+        color: #fff;
+        text-align: center;
+        padding: 12px;
+        border-radius: var(--radius);
+        font-weight: 600;
+        transition: background var(--transition);
+        text-decoration: none;
+    }
+
+    .course a.btn:hover {
+        background: var(--accent);
+    }
+
+    /* Empty state */
+    .no-results {
+        text-align: center;
+        padding: 80px 20px;
+        color: var(--text-muted);
+    }
+
+    .no-results span {
+        font-size: 3rem;
+        display: block;
+        margin-bottom: 15px;
+    }
+
+    @media (max-width: 600px) {
+        .hero h1 {
+            font-size: 2rem;
+        }
+
+        .hero p {
+            font-size: 1rem;
+        }
+    }
+
+    /*    BETA    */
+    .snowflake {
+        position: absolute;
+        color: #f1f3f6;
+        line-height: 1;
+        pointer-events: none;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
+
+    .snowflake-solid {
+        -webkit-border-radius: 50%;
+        -moz-border-radius: 50%;
+        border-radius: 50%;
+        background: #fff;
+    }
+</style>
+</%block>
+
+<%block name="content">
+<div class="hero">
+    <h1 style="color: white !important;">${_("Courses")}</h1>
+    <p>${_("Explore our collection of educational programs and start learning today")}</p>
+</div>
+
+<div class="courses">
+    <div class="filter-box">
+        <h2>${_("Filter Courses")}</h2>
+        <div class="filters">
+            <input
+                type="text"
+                id="searchInput"
+                placeholder="${_('Search by course name...')}"
+                onkeyup="filterCourses()"
+            />
+
+            <select id="languageFilter" onchange="filterCourses()">
+                <option value="">${_('All languages')}</option>
+                % for lang in sorted(set([c.language for c in courses if c.language])):
+                <option value="${lang}">${_(lang)}</option>
+                % endfor
+            </select>
+
+            <select id="statusFilter" onchange="filterCourses()">
+                <option value="">${_('All statuses')}</option>
+                <option value="ongoing">${_('Ongoing')}</option>
+                <option value="completed">${_('Completed')}</option>
+            </select>
+
+            <select id="orgFilter" onchange="filterCourses()">
+                <option value="">${_('All organizations')}</option>
+                % for org in sorted(set([c.display_org_with_default for c in courses])):
+                <option value="${org}">${_(org)}</option>
+                % endfor
+            </select>
+        </div>
+    </div>
+
+    <div class="course-grid" id="courseList">
+        % if courses:
+        % for course in courses:
+        <%
+        from django.utils import timezone
+        now = timezone.now()
+        status = "completed" if course.end and course.end < now else "ongoing"
+        status_text = _('Completed') if status == "completed" else _('Ongoing')
+        %>
+        <div class="course"
+             data-title="${course.display_name.lower()}"
+             data-language="${course.language or ''}"
+             data-status="${status}"
+             data-org="${course.display_org_with_default}">
+            <div style="position: relative;">
+                <img
+                    src="${course.course_image_url if hasattr(course, 'course_image_url') else '/static/images/goalreminder-mobile-hero.png'}"
+                    alt="${course.display_name}">
+                <div class="status ${status}">${status_text}</div>
+            </div>
+            <div class="course-content">
+                <h3><a href="/courses/${course.id}/about">${course.display_name}</a></h3>
+                <div class="meta">
+                    <span class="tag">${course.display_org_with_default}</span>
+                    % if course.language:
+                    <span class="tag">${course.language}</span>
+                    % endif
+                </div>
+                <div class="details">
+                    <span>${_('Start')}
+                        : ${course.start.strftime('%Y-%m-%d') if course.start else _('Not specified')}</span>
+                    <span>${_('End')}: ${course.end.strftime('%Y-%m-%d') if course.end else _('Not specified')}</span>
+                </div>
+                <a href="/courses/${course.id}/about" class="btn">${_('Go to course')}</a>
+            </div>
+        </div>
+        % endfor
+        % else:
+        <div class="no-results">
+            <span>📚</span>
+            <h3>${_('No courses found')}</h3>
+            <p>${_('There are currently no available courses')}</p>
+        </div>
+        % endif
+    </div>
+</div>
+
+<script>
+    function filterCourses() {
+        const query = document.getElementById("searchInput").value.toLowerCase().trim();
+        const lang = document.getElementById("languageFilter").value;
+        const status = document.getElementById("statusFilter").value;
+        const org = document.getElementById("orgFilter").value;
+
+        const cards = document.querySelectorAll("#courseList .course");
+        let visible = 0;
+
+        cards.forEach(card => {
+            const title = card.getAttribute("data-title");
+            const cardLang = card.getAttribute("data-language");
+            const cardStatus = card.getAttribute("data-status");
+            const cardOrg = card.getAttribute("data-org");
+
+            const matches =
+                (!query || title.includes(query)) &&
+                (!lang || cardLang === lang) &&
+                (!status || cardStatus === status) &&
+                (!org || cardOrg === org);
+
+            card.style.display = matches ? "flex" : "none";
+            if (matches) visible++;
+        });
+
+        const emptyState = document.querySelector(".no-results");
+        if (!visible && !emptyState) {
+            const div = document.createElement("div");
+            div.className = "no-results";
+            div.innerHTML = `<span>🔍</span><h3>${_('No courses found')}</h3>`;
+            document.getElementById("courseList").appendChild(div);
+        } else if (visible && emptyState) {
+            emptyState.remove();
+        }
+    }
+</script>
+<script>
+/*!
+ * Snowfall.js v1.1 (http://cople.github.io/Snowfall.js/)
+ */
+(function(window, document, undefined) {
+
+    "use strict";
+
+    var winWidth = window.innerWidth,
+        winHeight = window.innerHeight,
+        defaultOptions = {
+            minSize: 10,
+            maxSize: 30,
+            type: "text",
+            content: "&#10052",
+            fadeOut: true,
+            autoplay: true,
+            interval: 200
+        };
+
+    function cssPrefix(propertyName) {
+        var capitalizePropertyName = propertyName.charAt(0).toUpperCase() + propertyName.slice(1),
+            tempDiv = document.createElement("div"),
+            style = tempDiv.style,
+            vendorPrefixes = ["Webkit", "Moz", "ms", "O"];
+
+        if (propertyName in style) return propertyName;
+
+        for (var i = 0, l = vendorPrefixes.length; i < l; i++) {
+            var name = vendorPrefixes[i] + capitalizePropertyName;
+            if (name in style) return name;
+        };
+
+        return null;
+    };
+
+    var cssPrefixedNames = {
+            "transform": cssPrefix("transform"),
+            "transition": cssPrefix("transition")
+        },
+        transitionendEventName = {
+            "WebkitTransition": "webkitTransitionEnd",
+            "OTransition": "oTransitionEnd",
+            "Moztransition": "transitionend",
+            "transition": "transitionend"
+        }[cssPrefixedNames.transition];
+
+    function random(min, max, deviation) {
+        if (deviation) {
+            deviation *= max;
+            max = max + deviation;
+            min = max - deviation;
+        } else {
+            min = min || 0;
+        };
+        return parseInt(Math.random() * (max - min + 1) + min);
+    };
+
+    function extend(target, source) {
+        for (var prop in source) {
+            target[prop] = source[prop];
+        };
+        return target;
+    };
+
+    function setStyle(element, rules) {
+        for (var name in rules) {
+            element.style[cssPrefixedNames[name] || name] = rules[name];
+        };
+    };
+
+    var hidden, visibilityChange;
+    if (typeof document.hidden !== "undefined") {
+        hidden = "hidden";
+        visibilityChange = "visibilitychange";
+    } else if (typeof document.mozHidden !== "undefined") {
+        hidden = "mozHidden";
+        visibilityChange = "mozvisibilitychange";
+    } else if (typeof document.msHidden !== "undefined") {
+        hidden = "msHidden";
+        visibilityChange = "msvisibilitychange";
+    } else if (typeof document.webkitHidden !== "undefined") {
+        hidden = "webkitHidden";
+        visibilityChange = "webkitvisibilitychange";
+    };
+
+    window.addEventListener("resize", function() {
+        winHeight = window.innerHeight;
+        winWidth = window.innerWidth;
+    }, false);
+
+    function Snowfall(newOptions) {
+
+        var _ = this,
+            queue = [],
+            options = defaultOptions,
+            $snowfield = document.createElement("div"),
+            isImage, cntLength, $snowflake, timer;
+
+        _.config = function(newOptions) {
+            extend(options, newOptions);
+
+            isImage = options.type == "image";
+            cntLength = options.content.length;
+
+            $snowflake = isImage ? new Image() : document.createElement("div");
+            $snowflake.className = "snowflake snowflake-" + options.type;
+            $snowflake.dataset.type = options.type;
+        };
+
+        _.config(newOptions);
+
+        function Snowflake() {
+            var _$snowflake = $snowflake.cloneNode();
+            if (options.type != "solid") {
+                _$snowflake[isImage ? "src" : "innerHTML"] = typeof options.content == "string" ? options.content : options.content[cntLength == 0 ? 0 : Math.floor(Math.random() * cntLength)];
+            };
+
+            return _$snowflake;
+        };
+
+        function snowAnimate() {
+            var size = random(options.minSize, options.maxSize),
+                top = -2 * size,
+                left = random(0, winWidth - size),
+                opacity = random(5, 10) / 10,
+                angle = random(null, winHeight * 0.8, 1),
+                translateX = random(-100, 100),
+                translateY = winHeight + size * 2,
+                duration = random(null, winHeight * 20, 0.2),
+                _$snowflake;
+
+            if (queue.length) {
+                _$snowflake = queue.shift();
+                if (_$snowflake.dataset.type != options.type) _$snowflake = new Snowflake();
+            } else {
+                _$snowflake = new Snowflake();
+            };
+
+            var styleRules = {
+                "top": top + "px",
+                "left": left + "px",
+                "opacity": opacity,
+                "transform": "none",
+                "transition": duration + "ms linear"
+            };
+
+            switch (options.type) {
+                case "solid":
+                    styleRules.width = styleRules.height = size + "px";
+                    break;
+                case "text":
+                    styleRules["font-size"] = size + "px";
+                    break;
+                case "image":
+                    styleRules.width = size + "px";
+                    break;
+            };
+
+            setStyle(_$snowflake, styleRules);
+
+            $snowfield.appendChild(_$snowflake);
+
+            setTimeout(function() {
+                setStyle(_$snowflake, {
+                    "transform": "translate(" + translateX + "px," + translateY + "px) rotate(" + angle + "deg)",
+                    "opacity": options.fadeOut ? 0 : opacity
+                });
+            }, 100);
+        };
+
+        _.playing = 0;
+
+        _.play = function() {
+            if (_.playing) return;
+            timer = setInterval(snowAnimate, options.interval);
+            _.playing = 1;
+        };
+
+        _.stop = function() {
+            if (!_.playing) return;
+            clearInterval(timer);
+            timer = null;
+            _.playing = 0;
+        };
+
+        document.addEventListener(visibilityChange, function() {
+            document[hidden] ? _.stop() : _.play();
+        }, false);
+
+        $snowfield.addEventListener(transitionendEventName, function(e) {
+            var snowflake = e.target || e.srcElement;
+            $snowfield.removeChild(snowflake);
+            queue.push(snowflake);
+        }, false);
+
+        $snowfield.className = "snowfield";
+        document.body.appendChild($snowfield);
+
+        options.autoplay && _.play();
+
+        return _;
+    };
+
+    window.Snowfall = Snowfall;
+
+})(window, document);
+new Snowfall();
+</script>
+</%block>
diff --git a/lms/templates/footer.html b/lms/templates/footer.html
index f996030a7179..51a2ad1a8c7a 100644
--- a/lms/templates/footer.html
+++ b/lms/templates/footer.html
@@ -9,157 +9,109 @@
 <% footer = get_footer(is_secure=is_secure) %>
 <% icp_license_info = getattr(settings, 'ICP_LICENSE_INFO', {})%>
 <%namespace name='static' file='static_content.html'/>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
+<footer class="footer" style="background-color: #1a263c !important; color: white !important; padding: 40px 0 20px !important; font-family: Arial, sans-serif !important;">
+    <div class="footer-container" style="max-width: 1200px !important; margin: 0 auto !important; display: flex !important; justify-content: space-between !important; flex-wrap: wrap !important; padding: 0 20px !important;">
+        <div class="footer-column logo-column" style="flex: 1 !important; min-width: 250px !important; margin: 15px !important;">
+            <a href="https://farabi.university/" style="text-decoration: none;">
+                <img src="https://farabi.university/front/assets/img/icons/logonew1.png" alt="Open.kaznu Logo" style="width: 200px !important; margin-bottom: 20px !important;">
+            </a>
+            <div class="contact-list">
 
-% if uses_bootstrap:
-  <div class="container-fluid wrapper-footer">
-    <footer>
-      <div class="row">
-        <div class="col-md-9">
-          <nav class="navbar site-nav navbar-expand-sm" aria-label="${_('About')}">
-            <ul class="navbar-nav">
-              % for item_num, link in enumerate(footer['navigation_links'], start=1):
-                <li class="nav-item">
-                  <a class="nav-link" href="${link['url']}">${link['title']}</a>
-                </li>
-              % endfor
-            </ul>
-          </nav>
+                <p style="display: flex !important; align-items: center !important; margin: 15px 0 !important;">
+                    <i class="" style="margin-right: 15px !important; font-size: 20px !important; color: #D3985C !important;"></i>
+                    Круговых Илья Игоревич <br>(Руководитель отдела) <br> +7 (705) 544 59 30<br>(вн. 31-24, 11-33, 16-47)
 
-          <div class="wrapper-logo">
-            <p>
-              <a href="/">
-                ## The default logo is a placeholder.
-                ## You can either replace this link entirely or update
-                ## can be included in the footer on other sites
-                ## (e.g. a blog or marketing front-end) to provide a consistent
-                ## user experience.  See the branding app for details.
-                <img alt="${_('organization logo')}" src="${footer['logo_image']}">
-              </a>
-            </p>
-          </div>  
-          ## Site operators: Please do not remove this paragraph! This attributes back to edX and makes your acknowledgement of edX's trademarks clear.
-          <p class="copyright">${footer['copyright']}
-               % if icp_license_info.get('icp_license'):
-                ${u" | {text}".format(text=icp_license_info.get('text'))}
-                <a href="${icp_license_info.get('icp_license_link', '#')}">
-                    ${u" {icp}".format(icp=icp_license_info.get('icp_license'))}
-                </a>
-              % endif
-          </p>
+                </p>
+                <p>
 
-          <nav class="navbar legal-nav navbar-expand-sm" aria-label="${_('Legal')}">
-            <ul class="navbar-nav">
-              % for item_num, link in enumerate(footer['legal_links'], start=1):
-                <li class="nav-item">
-                  <a class="nav-link" href="${link['url']}">${link['title']}</a>
-                </li>
-              % endfor
-              <li class="nav-item">
-                <a class="nav-link" href="${footer['edx_org_link']['url']}">${footer['edx_org_link']['text']}</a>
-              </li>
+                </p>
+
+            </div>
+        </div>
+
+        <div class="footer-column" style="flex: 1 !important; min-width: 250px !important; margin: 15px !important;">
+            <h3 style="color: #D3985C !important; margin-bottom: 25px !important;">${_('Quick Links')}</h3>
+            <ul class="quick-links" style="list-style: none !important; padding: 0 !important;">
+                <li style="margin: 12px 0 !important;"><a href="/about" style="color: white !important; text-decoration: none !important; transition: color 0.3s !important;">${_('About Us')}</a></li>
+                <li style="margin: 12px 0 !important;"><a href="/courses" style="color: white !important; text-decoration: none !important; transition: color 0.3s !important;">${_('Courses')}</a></li>
+                <li style="margin: 12px 0 !important;"><a href="/author" style="color: white !important; text-decoration: none !important; transition: color 0.3s !important;">${_('For Authors')}</a></li>
+                <li style="margin: 12px 0 !important;"><a href="/detect" style="color: white !important; text-decoration: none !important; transition: color 0.3s !important;">${_('News')}</a></li>
+                <li style="margin: 12px 0 !important;"><a href="/honor_code" style="color: white !important; text-decoration: none !important; transition: color 0.3s !important;">${_('Honor Code')}</a></li>
+                <li style="margin: 12px 0 !important;"><a href="/tos" style="color: white !important; text-decoration: none !important; transition: color 0.3s !important;">${_('Terms of service')}</a></li>
+                <li style="margin: 12px 0 !important;"><a href="/privacy" style="color: white !important; text-decoration: none !important; transition: color 0.3s !important;">${_('Privacy policy')}</a></li>
             </ul>
-          </nav>
         </div>
-        <div class="col-md-3">
-          ## Please leave this link and use one of the logos provided
-          ## The OpenEdX link may be hidden when this view is served
-          ## through an API to partner sites (such as marketing sites or blogs),
-          ## which are not technically powered by Open edX.
-          % if not hide_openedx_link:
-            <div class="footer-about-openedx">
-              <p>
-                <a href="${footer['openedx_link']['url']}">
-                  <img src="${footer['openedx_link']['image']}" alt="${footer['openedx_link']['title']}" width="175" />
-                </a>
-              </p>
+
+        <div class="footer-column" style="flex: 1 !important; min-width: 250px !important; margin: 15px !important;">
+            <h3 style="color: #D3985C !important; margin-bottom: 25px !important;">${_('Statistics')}</h3>
+            <div class="stats-container" style="display: flex !important; flex-wrap: wrap !important; gap: 20px !important;">
+                <div class="stat-card" style="background: rgba(255, 255, 255, 0.1) !important; padding: 15px !important; border-radius: 8px !important; text-align: center !important; flex: 1 !important; min-width: 120px !important;">
+                    <i class="fas fa-book-open" style="font-size: 30px !important; color: #D3985C !important; margin-bottom: 10px !important;"></i>
+                    <div class="stat-number" data-target="90" style="font-size: 28px !important; font-weight: bold !important; margin: 10px 0 !important; color: #D3985C !important;">0</div>
+                    <span>${_('Courses')}</span>
+                </div>
+                <div class="stat-card" style="background: rgba(255, 255, 255, 0.1) !important; padding: 15px !important; border-radius: 8px !important; text-align: center !important; flex: 1 !important; min-width: 120px !important;">
+                    <i class="fas fa-users" style="font-size: 30px !important; color: #D3985C !important; margin-bottom: 10px !important;"></i>
+                    <div class="stat-number" data-target="77000" style="font-size: 28px !important; font-weight: bold !important; margin: 10px 0 !important; color: #D3985C !important;">0</div>
+                    <span>${_('Users')}</span>
+                </div>
+                <div class="stat-card" style="background: rgba(255, 255, 255, 0.1) !important; padding: 15px !important; border-radius: 8px !important; text-align: center !important; flex: 1 !important; min-width: 120px !important;">
+                    <i class="fas fa-certificate" style="font-size: 30px !important; color: #D3985C !important; margin-bottom: 10px !important;"></i>
+                    <div class="stat-number" data-target="6500" style="font-size: 28px !important; font-weight: bold !important; margin: 10px 0 !important; color: #D3985C !important;">0</div>
+                    <span>${_('Certificates')}</span>
+                </div>
             </div>
-          % endif
-        </div>
-      </div>
-    </footer>
-  </div>
-% else:
-  <div class="wrapper wrapper-footer">
-    <footer id="footer-openedx" class="grid-container"
-      ## When rendering the footer through the branding API,
-      ## the direction may not be set on the parent element,
-      ## so we set it here.
-      % if bidi:
-        dir=${bidi}
-      % endif
-    >
-      <div class="colophon">
-        <nav class="nav-colophon" aria-label="${_('About')}">
-          <ol>
-              % for item_num, link in enumerate(footer['navigation_links'], start=1):
-              <li class="nav-colophon-0${item_num}">
-                <a id="${link['name']}" href="${link['url']}">${link['title']}</a>
-              </li>
-              % endfor
-          </ol>
-        </nav>
 
-        % if context.get('include_language_selector', footer_language_selector_is_enabled()):
-            <%include file="${static.get_template_path('widgets/footer-language-selector.html')}"/>
-        % endif
-        <div class="wrapper-logo">
-          <p>
-            <a href="/">
-              ## The default logo is a placeholder.
-              ## You can either replace this link entirely or update
-              ## can be included in the footer on other sites
-              ## (e.g. a blog or marketing front-end) to provide a consistent
-              ## user experience.  See the branding app for details.
-              <img alt="${_('organization logo')}" src="${footer['logo_image']}">
-            </a>
-          </p>
+            <h3 style="color: #D3985C !important; margin-top: 30px !important;">${_('We are on social media')}</h3>
+            <div class="social-icons" style="display: flex !important; margin-top: 15px !important;">
+                <a href="#" style="color: white !important; font-size: 24px !important; margin-right: 20px !important; transition: color 0.3s !important;"><i class="fab fa-facebook"></i></a>
+                <a href="#" style="color: white !important; font-size: 24px !important; margin-right: 20px !important; transition: color 0.3s !important;"><i class="fab fa-twitter"></i></a>
+                <a href="#" style="color: white !important; font-size: 24px !important; margin-right: 20px !important; transition: color 0.3s !important;"><i class="fab fa-instagram"></i></a>
+                <a href="#" style="color: white !important; font-size: 24px !important; margin-right: 20px !important; transition: color 0.3s !important;"><i class="fab fa-linkedin"></i></a>
+                <a href="#" style="color: white !important; font-size: 24px !important; margin-right: 20px !important; transition: color 0.3s !important;"><i class="fab fa-youtube"></i></a>
+            </div>
         </div>
-        ## Site operators: Please do not remove this paragraph! This attributes back to edX and makes your acknowledgement of edX's trademarks clear.
-          <p class="copyright">${footer['copyright']}
-              % if icp_license_info.get('icp_license'):
-                ${u" | {text}".format(text=icp_license_info.get('text'))}
-                <a href="${icp_license_info.get('icp_license_link', '#')}">
-                    ${u" {icp}".format(icp=icp_license_info.get('icp_license'))}
-                </a>
-              % endif
-          </p>
+    </div>
+<div class="copyright" style="text-align: center !important; margin-top: 40px !important; padding-top: 20px !important; border-top: 1px solid #3e5b7a !important;">
+        <p>© 2025 Open KazNU. ${_('All rights reserved')}</p>
+        <p>${_('Developed by the OAICI team')}</p>
+    </div>
+</footer>
+
+    <script>
+        // Анимация чисел
+        function animateNumber(element, start, end, duration) {
+            let startTimestamp = null;
+            const step = (timestamp) => {
+                if (!startTimestamp) startTimestamp = timestamp;
+                const progress = Math.min((timestamp - startTimestamp) / duration, 1);
+                const number = Math.floor(progress * (end - start) + start);
+                element.textContent = number + "+"; // добавляем + в конец числа
+                if (progress < 1) {
+                    window.requestAnimationFrame(step);
+                }
+            };
+            window.requestAnimationFrame(step);
+        }
+
+        // Запуск анимации при скролле
+        function startCounters() {
+            document.querySelectorAll('.stat-number').forEach(element => {
+                const target = parseInt(element.getAttribute('data-target'));
+                animateNumber(element, 0, target, 2000);
+            });
+        }
+
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    startCounters();
+                    observer.unobserve(entry.target);
+                }
+            });
+        });
 
-        <nav class="nav-legal" aria-label="${_('Legal')}">
-          <ul>
-            % for item_num, link in enumerate(footer['legal_links'], start=1):
-              <li class="nav-legal-0${item_num}">
-                <a href="${link['url']}">${link['title']}</a>
-              </li>
-            % endfor
-            <li><a href="${footer['edx_org_link']['url']}">${footer['edx_org_link']['text']}</a></li>
-          </ul>
-        </nav>
-      </div>
+        observer.observe(document.querySelector('.footer'));
+    </script>
 
-      ## Please leave this link and use one of the logos provided
-      ## The OpenEdX link may be hidden when this view is served
-      ## through an API to partner sites (such as marketing sites or blogs),
-      ## which are not technically powered by OpenEdX.
-      % if not hide_openedx_link:
-      <div class="footer-about-openedx">
-        <p>
-          <a href="${footer['openedx_link']['url']}">
-            <img src="${footer['openedx_link']['image']}" alt="${footer['openedx_link']['title']}" width="175" />
-          </a>
-        </p>
-      </div>
-      % endif
-    </footer>
-  </div>
-% endif
-% if include_dependencies:
-  <%static:js group='base_vendor'/>
-  <%static:css group='style-vendor'/>
-  <%include file="widgets/segment-io.html" />
-  <%include file="widgets/segment-io-footer.html" />
-% endif
-% if footer_css_urls:
-  % for url in footer_css_urls:
-    <link rel="stylesheet" type="text/css" href="${url}"></link>
-  % endfor
-% endif
diff --git a/lms/templates/header/header.html b/lms/templates/header/header.html
index 3fafde87e07f..e5ddd9cb6966 100644
--- a/lms/templates/header/header.html
+++ b/lms/templates/header/header.html
@@ -1,5 +1,3 @@
-## mako
-
 <%page expression_filter="h" args="online_help_token, use_cookie_banner=False"/>
 
 <%namespace name='static' file='../static_content.html'/>
@@ -20,6 +18,9 @@
 %>
 
 ## Provide a hook for themes to inject branding on top.
+
+
+
 <%block name="navigation_top" />
 
 <%
@@ -41,6 +42,26 @@
     catch(e){window.attachEvent("onload", $buo_f)}
   </script>
 % endif
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
+<style>
+
+.global-header{
+    background-color: #1a263c !important;
+    border-bottom: none !important;
+}
+
+@media (min-width: 1025px) {
+    .header-container {
+    width: 90% !important;
+    margin: 0 auto !important; /* центрирует по горизонтали */
+}
+}
+@media (max-width: 1024px) {
+    .fa-globe {
+        display: none !important;
+    }
+}
+</style>
 
 <header class="global-header ${'slim' if course else ''}">
     % if settings.FEATURES.get('ENABLE_COOKIE_POLICY_BANNER', use_cookie_banner):
@@ -48,25 +69,68 @@
             component="CookiePolicyBanner",
             id="frontend-component-cookie-policy-banner",
             props={}
-        )}
+ )}
     % endif
-    <div class="main-header">
-        <%include file="navbar-logo-header.html" args="online_help_token=online_help_token"/>
-        <div class="hamburger-menu" role="button" aria-label=${_("Options Menu")} aria-expanded="false" aria-controls="mobile-menu" tabindex="0">
-            <span class="line"></span>
-            <span class="line"></span>
-            <span class="line"></span>
-            <span class="line"></span>
+
+    <!-- Добавляем обёртку -->
+    <div class="header-container">
+        <div class="main-header">
+            <%include file="navbar-logo-header.html" args="online_help_token=online_help_token"/>
+            <div class="hamburger-menu" role="button" aria-label=${_("Options Menu")} aria-expanded="false" aria-controls="mobile-menu" tabindex="0">
+                <span class="line"></span>
+                <span class="line"></span>
+                <span class="line"></span>
+                <span class="line"></span>
+            </div>
+
+            % if user.is_authenticated:
+                <%include file="navbar-authenticated.html" args="online_help_token=online_help_token"/>
+            % else:
+                <%include file="navbar-not-authenticated.html" args="online_help_token=online_help_token"/>
+            % endif
+
+            ## --- Селектор языка вынесен наружу ---
+            % if header_language_selector_is_enabled():
+                <% languages = released_languages() %>
+                % if len(languages) > 1:
+                    <form action="/i18n/setlang/" method="post" class="settings-language-form" id="language-settings-form"
+                          style="display: flex; align-items: center; gap: 8px; margin-top: 10px;">
+                        <input type="hidden" id="csrf_token" name="csrfmiddlewaretoken" value="${csrf_token}">
+                        % if user.is_authenticated:
+                            <input type="hidden" class="url-endpoint"
+                                   value="${reverse('preferences_api', kwargs={'username': user.username})}"
+                                   data-user-is-authenticated="true">
+                        % else:
+                            <input type="hidden" class="url-endpoint"
+                                   value="${reverse('update_language')}"
+                                   data-user-is-authenticated="false">
+                        % endif
+
+                        <label style="margin: 0; font-weight: bold; display: flex; align-items: center; gap: 6px;">
+                            <i class="fa-solid fa-globe" style="color: #d3985c; font-size: 16px;"></i>
+                            <span class="sr">${_("Choose Language")}</span>
+                            <select class="input select language-selector" id="settings-language-value" name="language"
+                                    style="border-radius: 8px; padding: 5px 10px; font-size: 14px;">
+                                % for language in languages:
+                                    % if language[0] == LANGUAGE_CODE:
+                                        <option value="${language[0]}" selected="selected">${language[1]}</option>
+                                    % else:
+                                        <option value="${language[0]}">${language[1]}</option>
+                                    % endif
+                                % endfor
+                            </select>
+                        </label>
+                    </form>
+                % endif
+            % endif
+            ## --- конец блока ---
         </div>
-        % if user.is_authenticated:
-            <%include file="navbar-authenticated.html" args="online_help_token=online_help_token"/>
-        % else:
-            <%include file="navbar-not-authenticated.html" args="online_help_token=online_help_token"/>
-        % endif
+        <div class="mobile-menu hidden" aria-label=${_("More Options")} role="menu" id="mobile-menu"></div>
     </div>
-    <div class="mobile-menu hidden" aria-label=${_("More Options")} role="menu" id="mobile-menu"></div>
 </header>
 
+
+
 % if course:
 <!--[if lte IE 9]>
 <div class="ie-banner" aria-hidden="true">${Text(_('{begin_strong}Warning:{end_strong} Your browser is not fully supported. We strongly recommend using {chrome_link} or {ff_link}.')).format(
@@ -82,27 +146,17 @@
   <%include file="../widgets/cookie-consent.html" />
 % endif
 
-% if header_language_selector_is_enabled():
-    <% languages = released_languages() %>
-    % if len(languages) > 1:
-        <form action="/i18n/setlang/" method="post" class="settings-language-form" id="language-settings-form">
-            <input type="hidden" id="csrf_token" name="csrfmiddlewaretoken" value="${csrf_token}">
-            % if user.is_authenticated:
-                <input title="preference api" type="hidden" class="url-endpoint" value="${reverse('preferences_api', kwargs={'username': user.username})}" data-user-is-authenticated="true">
-            % else:
-                <input title="session update url" type="hidden" class="url-endpoint" value="${reverse('update_language')}" data-user-is-authenticated="false">
-            % endif
-            <label><span class="sr">${_("Choose Language")}</span>
-            <select class="input select language-selector" id="settings-language-value" name="language">
-                % for language in languages:
-                    % if language[0] == LANGUAGE_CODE:
-                        <option value="${language[0]}" selected="selected">${language[1]}</option>
-                    % else:
-                        <option value="${language[0]}" >${language[1]}</option>
-                    % endif
-                % endfor
-            </select>
-            </label>
-        </form>
-    % endif
-% endif
+<script>
+document.addEventListener("DOMContentLoaded", function () {
+    const header = document.querySelector(".global-header");
+
+    window.addEventListener("scroll", function () {
+
+ if (window.scrollY > 10) {
+            header.classList.add("scrolled");
+        } else {
+            header.classList.remove("scrolled");
+        }
+    });
+});
+</script>
diff --git a/lms/templates/header/navbar-authenticated.html b/lms/templates/header/navbar-authenticated.html
index c9ea97a423b5..23da4ecce6a0 100644
--- a/lms/templates/header/navbar-authenticated.html
+++ b/lms/templates/header/navbar-authenticated.html
@@ -26,39 +26,108 @@
     help_link = doc_link
 %>
 
+<style>
+/* Десктопы и ноутбуки (по умолчанию) */
+.mobile-nav-item a,
+.nav-tab a {
+  font-size: 14px !important;
+  font-weight: bold !important;
+  color: white !important;
+}
+
+/* Планшеты и телефоны */
+@media (max-width: 1024px) {
+  .mobile-nav-item a,
+  .nav-tab a {
+    color: #1a263c !important;
+  }
+}
+/* делаем .main flex, чтобы gap работал */
+.nav-links .main {
+  display: flex !important;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px !important;
+}
+
+/* одинаковые отступы для всех пунктов */
+.nav-links .main .nav-item,
+.nav-links .main .mobile-nav-item {
+  margin: 0 !important;
+  margin-top: 3px !important;
+  padding: 0 !important;      /* чтобы inline не нужен был */
+}
+
+/* “воздух” внутри клика */
+.nav-links .main a {
+  padding: 0 6px !important;
+  line-height: 1.2 !important;
+}
+</style>
+
 <div class="nav-links">
   <div class="main">
     % if show_dashboard_tabs:
       <div class="mobile-nav-item hidden-mobile nav-item nav-tab">
-        <a class="${'active ' if reverse('dashboard') == request.path else ''}tab-nav-link" href="${reverse('dashboard')}"
-             aria-current="${'page' if reverse('dashboard') == request.path else 'false'}">
-             ${_("Courses")}
+        <a class="${'active ' if reverse('dashboard') == request.path else ''}tab-nav-link"
+           href="${reverse('dashboard')}"
+           aria-current="${'page' if reverse('dashboard') == request.path else 'false'}">
+          ${_("Courses")}
         </a>
       </div>
       % if show_program_listing:
         <div class="mobile-nav-item hidden-mobile nav-item nav-tab">
-          <a class="${'active ' if reverse('program_listing_view') in request.path else ''}tab-nav-link" href="${reverse('program_listing_view')}"
+          <a class="${'active ' if reverse('program_listing_view') in request.path else ''}tab-nav-link"
+             href="${reverse('program_listing_view')}"
              aria-current="${'page' if reverse('program_listing_view') == request.path else 'false'}">
-             ${_("Programs")}
+            ${_("Programs")}
           </a>
         </div>
       % endif
     % endif
+
     % if show_explore_courses:
-      <div class="mobile-nav-item hidden-mobile nav-item nav-tab">
-          <a class="tab-nav-link discover-new-link" href="${marketing_link('COURSES')}"
-             aria-current="${'page' if '/courses' in request.path else 'false'}">
-             ${_("Discover New")}
-          </a>
+       <div class="mobile-nav-item hidden-mobile nav-item" style="padding: 0 !important;margin-top: 3px !important;">
+        <a href="/courses">
+          ${_("Courses")}
+        </a>
       </div>
-    % endif
-  </div>
-  <div class="secondary">
-    % if enable_help_link:
-      <div class="mobile-nav-item hidden-mobile nav-item">
-        <a class="help-link" href="${help_link}" rel="noopener" target="_blank">${_("Help")}</a>
+      <div class="mobile-nav-item hidden-mobile nav-item" style="margin-top: 3px !important; padding: 0 !important;">
+        <a href="/competition">
+          ${_("Competition")}
+        </a>
+      </div>
+      <div class="mobile-nav-item hidden-mobile nav-item" style="margin-top: 3px !important; padding: 0 !important;">
+        <a href="/catalog_transfer">
+          ${_("Catalog MOOC for Transfer")}
+        </a>
+      </div>
+      <div class="mobile-nav-item hidden-mobile nav-item" style="margin-top: 3px !important; padding: 0 !important;">
+        <a href="/author">
+          ${_("For Authors")}
+        </a>
+      </div>
+      <div class="mobile-nav-item hidden-mobile nav-item" style="margin-top: 3px !important; padding: 0 !important;">
+        <a href="/detect">
+          ${_("The System of Checking")}
+        </a>
+      </div>
+      <div class="mobile-nav-item hidden-mobile nav-item" style="margin-top: 3px !important; padding: 0 !important;">
+        <a href="/news">
+          ${_("News")}
+        </a>
       </div>
+      % if self.real_user.is_staff:
+        <div class="mobile-nav-item hidden-mobile nav-item" style="margin-top: 3px !important; padding: 0 !important;">
+          <a href="${reverse('analyze')}">
+            ${_("Analyze")}
+          </a>
+        </div>
+      % endif
+
     % endif
-    <%include file="user_dropdown.html"/>
+  </div>
+ <div class="secondary">
+   <%include file="user_dropdown.html" args="online_help_token=online_help_token"/>
   </div>
 </div>
diff --git a/lms/templates/header/navbar-logo-header.html b/lms/templates/header/navbar-logo-header.html
index adb12deec16f..f6c7a89554a1 100644
--- a/lms/templates/header/navbar-logo-header.html
+++ b/lms/templates/header/navbar-logo-header.html
@@ -1,5 +1,3 @@
-## mako
-
 <%page expression_filter="h" args="online_help_token"/>
 
 <%namespace name='static' file='../static_content.html'/>
@@ -20,42 +18,14 @@
 
 <h1 class="header-logo">
   % if enterprise_customer_link:
-    <a href="${settings.ENTERPRISE_LEARNER_PORTAL_BASE_URL}/${enterprise_customer_link.get('slug')}">
+    <a href="/">
       <img class="logo" src="${enterprise_customer_link.get('logo')}" alt="${_('{name} Dashboard').format(name=enterprise_customer_link.get('name'))}"/>
-        % if settings.LOGO_IMAGE_EXTRA_TEXT == 'edge':
-            <span class="font-italic"> | EDGE</span>
-        % endif
     </a>
   % else:
-    <a href="${branding_api.get_home_url()}">
+    <a href="/">
       <%block name="navigation_logo">
-        <img  class="logo" src="${branding_api.get_logo_url(is_secure)}" alt="${_("{platform_name} Home Page").format(platform_name=static.get_platform_name())}"/>
+        <img class="logo" src="${branding_api.get_logo_url(is_secure)}" alt="${_("{platform_name} Home Page").format(platform_name=static.get_platform_name())}"/>
       </%block>
-        % if settings.LOGO_IMAGE_EXTRA_TEXT == 'edge':
-            <span class="font-italic"> | EDGE</span>
-        % endif
     </a>
   % endif
-  % if course:
-    <div class="course-header">
-      <span class="provider">${course.display_org_with_default}:</span>
-      <span class="course-number">${course.display_number_with_default}</span>
-      <%
-      display_name = course.display_name_with_default
-      if settings.FEATURES.get('CUSTOM_COURSES_EDX', False):
-        ccx = get_current_ccx(course.id)
-        if ccx:
-          display_name = ccx.display_name
-      %>
-      <span class="course-name">${display_name}</span>
-    </div>
-  % endif
 </h1>
-% if enable_enterprise_sidebar:
-  <div class="enterprise-tagline">
-    <% tagline = configuration_helpers.get_value('ENTERPRISE_TAGLINE', settings.ENTERPRISE_TAGLINE) %>
-    % if tagline:
-      ${tagline}
-    % endif
-  </div>
-% endif
diff --git a/lms/templates/header/navbar-not-authenticated.html b/lms/templates/header/navbar-not-authenticated.html
index b50e535acda6..46f7201c1e51 100644
--- a/lms/templates/header/navbar-not-authenticated.html
+++ b/lms/templates/header/navbar-not-authenticated.html
@@ -1,5 +1,3 @@
-## mako
-
 <%page expression_filter="h"/>
 
 <%namespace name='static' file='../static_content.html'/>
@@ -21,12 +19,57 @@
   allow_public_account_creation = static.get_value('ALLOW_PUBLIC_ACCOUNT_CREATION', settings.FEATURES.get('ALLOW_PUBLIC_ACCOUNT_CREATION')) and settings.FEATURES.get('SHOW_REGISTRATION_LINKS', True)
   should_redirect_to_authn_mfe = should_redirect_to_authn_microfrontend()
 %>
+<style>
+
+a.register-btn {
+    background-color: white !important;
+    border-color: #1a263c !important;
+    color: #1a263c !important;
+    border: 3px solid white !important;
+    font-weight: bold !important;
+}
+
+a.register-btn:hover {
+    font-weight: bold !important;
+    background-color: #1a263c !important;
+    color: white !important;
+    border: 3px solid white !important;
+}
+
+/* Для кнопки Вход (инвертированный стиль) */
+a.sign-in-btn {
+    background-color: #1a263c !important;
+    border: 3px solid white !important;
+    color: white !important;
+    font-weight: bold !important;
+}
+
+a.sign-in-btn:hover {
+    font-weight: bold !important;
+    background-color: white !important;
+    color: #1a263c !important;
+    border: 3px solid white !important;
+}
+.mobile-nav-link {
+  color: white !important;
+  font-weight: bold !important;
+}
+
+@media (max-width: 768px) {
+  .mobile-nav-link {
+    color: #1a263c !important;
+  }
+}
+
+
+</style>
+
 <nav class="nav-links" aria-label=${_("Supplemental Links")}>
   <div class="main">
   % if mktg_site_enabled:
     <div class="mobile-nav-item hidden-mobile nav-item">
       <a href="${marketing_link('HOW_IT_WORKS')}">${_("How it Works")}</a>
-    </div>
+ </div>
     % if courses_are_browsable:
       <div class="mobile-nav-item hidden-mobile nav-item">
         <a href="${marketing_link('COURSES')}">${_("Courses")}</a>
@@ -36,13 +79,44 @@
       <a href="${marketing_link('SCHOOLS')}">${_("Schools")}</a>
     </div>
   % endif
-  % if allows_login:
+     % if allows_login:
     % if can_discover_courses:
-      <div class="mobile-nav-item hidden-mobile nav-item">
-        <a href="/courses">${_("Explore courses")}</a>
+<div class="mobile-nav-item hidden-mobile nav-item" style="padding: 0 !important; font-size: 13px !important; margin-top: 6px !important;">
+        <a href="/courses" class="mobile-nav-link">
+          ${_("Courses")}
+        </a>
       </div>
-    %endif
-  % endif
+
+      <div class="mobile-nav-item hidden-mobile nav-item" style="padding: 0 !important; font-size: 13px !important; margin-top: 6px !important;">
+        <a href="/competition" class="mobile-nav-link">
+          ${_("Competition")}
+        </a>
+      </div>
+      <div class="mobile-nav-item hidden-mobile nav-item" style="padding: 0 !important; font-size: 13px !important; margin-top: 6px !important;">
+        <a href="/catalog_transfer" class="mobile-nav-link">
+          ${_("Catalog MOOC for Transfer")}
+        </a>
+      </div>
+      <div class="mobile-nav-item hidden-mobile nav-item" style="padding: 0 !important; font-size: 13px !important; margin-top: 6px !important;">
+        <a href="/author" class="mobile-nav-link">
+          ${_("For Authors")}
+        </a>
+      </div>
+      <div class="mobile-nav-item hidden-mobile nav-item" style="padding: 0 !important; font-size: 13px !important; margin-top: 6px !important;">
+        <a href="/detect" class="mobile-nav-link">
+          ${_("The System of Checking")}
+        </a>
+      </div>
+      <div class="mobile-nav-item hidden-mobile nav-item" style="padding: 0 !important; font-size: 13px !important; margin-top: 6px !important;">
+        <a href="/news" class="mobile-nav-link">
+          ${_("News")}
+        </a>
+      </div>
+
+
+    % endif
+% endif
+
   </div>
   <div class="secondary">
     <div>
@@ -50,21 +124,21 @@
         % if allow_public_account_creation and not disable_register_button:
           % if should_redirect_to_authn_mfe:
             <div class="mobile-nav-item hidden-mobile nav-item">
-                <a class="register-btn btn" href="${settings.AUTHN_MICROFRONTEND_URL}/register${login_query()}">${_("Register for free")}</a>
+                <a class="register-btn btn" href="${settings.AUTHN_MICROFRONTEND_URL}/login${login_query()}">${_("Login for external users")}</a>
             </div>
           % else:
             <div class="mobile-nav-item hidden-mobile nav-item">
-                <a class="register-btn btn" href="/register${login_query()}">${_("Register for free")}</a>
+                <a class="register-btn btn" href="/login${login_query()}">${_("Login for external users")}</a>
             </div>
           % endif
         % endif
         % if should_redirect_to_authn_mfe:
           <div class="mobile-nav-item hidden-mobile nav-item">
-              <a class="sign-in-btn btn" href="${settings.AUTHN_MICROFRONTEND_URL}/login${login_query()}">${_("Sign in")}</a>
+              <a class="sign-in-btn btn" href="https://univer.kaznu.kz/user/loginopenkaznu">${_("Login via Univer")}</a>
           </div>
         % else:
           <div class="mobile-nav-item hidden-mobile nav-item">
-              <a class="sign-in-btn btn" href="/login${login_query()}">${_("Sign in")}</a>
+              <a class="sign-in-btn btn" href="https://univer.kaznu.kz/user/loginopenkaznu">${_("Login via Univer")}</a>
           </div>
         % endif
       % endif
diff --git a/lms/templates/header/user_dropdown.html b/lms/templates/header/user_dropdown.html
index b4b22e0e32be..0b209b3d13f8 100644
--- a/lms/templates/header/user_dropdown.html
+++ b/lms/templates/header/user_dropdown.html
@@ -1,10 +1,9 @@
-## mako
+
 <%page expression_filter="h"/>
 <%namespace name='static' file='static_content.html'/>
 
 <%!
 import json
-from urllib.parse import urljoin
 
 from django.conf import settings
 from django.urls import reverse
@@ -12,6 +11,12 @@
 
 from openedx.core.djangoapps.user_api.accounts.image_helpers import get_profile_image_urls_for_user
 from openedx.features.enterprise_support.utils import get_enterprise_learner_generic_name, get_enterprise_learner_portal
+
+try:
+    from openedx.core.djangoapps.user_api.accounts.toggles import should_redirect_to_order_history_microfrontend
+except ImportError:
+    def should_redirect_to_order_history_microfrontend():
+        return False
 %>
 
 <%
@@ -21,34 +26,35 @@
 username = self.real_user.username
 displayname = get_enterprise_learner_generic_name(request) or username
 enterprise_customer_portal = get_enterprise_learner_portal(request)
+
 ## Enterprises with the learner portal enabled should not show order history, as it does
 ## not apply to the learner's method of purchasing content.
-should_show_order_history = not enterprise_customer_portal
+should_show_order_history = should_redirect_to_order_history_microfrontend() and not enterprise_customer_portal
 %>
 
-<div class="nav-item hidden-mobile">
-    <a href="${reverse('dashboard')}" class="menu-title">
-        <img data-hj-suppress class="user-image-frame" src="${profile_image_url}" alt="">
-        <span class="sr-only">${_("Dashboard for:")}</span>
-        <span data-hj-suppress class="username">${displayname}</span>
-    </a>
-</div>
+
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+
 <div class="nav-item hidden-mobile nav-item-dropdown" tabindex="-1">
-    <div class="toggle-user-dropdown" role="button" aria-label=${_("Options Menu")} aria-expanded="false" tabindex="0" aria-controls="user-menu">
-        <span class="fa fa-caret-down" aria-hidden="true"></span>
+  <div class="toggle-user-dropdown" role="button" aria-label="${_("Options Menu")}" aria-expanded="false" tabindex="0" aria-controls="user-menu"
+       style="display: flex; align-items: center; gap: 6px; border: 2px solid white; padding: 6px 12px; border-radius: 4px; cursor: pointer;">
+    <i class="fas fa-user" style="font-size: 16px; color: white;"></i>
+    <span data-hj-suppress class="username" style="color: white !important; font-weight: 800 !important; font-size: 15px;">${displayname}</span>
+  </div>
+
+  <div class="dropdown-user-menu hidden" aria-label="${_("More Options")}" role="menu" id="user-menu" tabindex="-1"
+       style="position: absolute; background: white; border: 1px solid #ccc; margin-top: 6px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); min-width: 200px;">
+    <div class="mobile-nav-item dropdown-item dropdown-nav-item">
+      <a href="/" role="menuitem" style="display: block; padding: 10px 16px; color: #002554 !important; font-weight: 800 !important; text-decoration: none;">${_("My Courses")}</a>
+    </div>
+    <div class="mobile-nav-item dropdown-item dropdown-nav-item">
+      <a href="https://apps.open.kaznu.kz/profile/u/${username}" role="menuitem" style="display: block; padding: 10px 16px; color: #002554 !important; font-weight: 800 !important; text-decoration: none;">${_("Profile")}</a>
+    </div>
+    <div class="mobile-nav-item dropdown-item dropdown-nav-item">
+      <a href="https://apps.open.kaznu.kz/account/" role="menuitem" style="display: block; padding: 10px 16px; color: #002554 !important; font-weight: 800 !important; text-decoration: none;">${_("Account")}</a>
     </div>
-    <div class="dropdown-user-menu hidden" aria-label=${_("More Options")} role="menu" id="user-menu" tabindex="-1">
-        % if not enterprise_customer_portal:
-            <div class="mobile-nav-item dropdown-item dropdown-nav-item"><a href="${reverse('dashboard')}" role="menuitem">${_("Dashboard")}</a></div>
-        % else:
-            <div class="mobile-nav-item dropdown-item dropdown-nav-item"><a href="${settings.ENTERPRISE_LEARNER_PORTAL_BASE_URL}/${enterprise_customer_portal.get('slug')}" role="menuitem">${_("Dashboard")}</a></div>
-        % endif
-
-        <div class="mobile-nav-item dropdown-item dropdown-nav-item"><a href="${urljoin(settings.PROFILE_MICROFRONTEND_URL, f'/u/{user.username}')}" role="menuitem">${_("Profile")}</a></div>
-        <div class="mobile-nav-item dropdown-item dropdown-nav-item"><a href="${settings.ACCOUNT_MICROFRONTEND_URL}" role="menuitem">${_("Account")}</a></div>
-        % if should_show_order_history:
-            <div class="mobile-nav-item dropdown-item dropdown-nav-item"><a href="${settings.ORDER_HISTORY_MICROFRONTEND_URL}" role="menuitem">${_("Order History")}</a></div>
-        % endif
-        <div class="mobile-nav-item dropdown-item dropdown-nav-item"><a href="${reverse('logout')}" role="menuitem">${_("Sign Out")}</a></div>
+    <div class="mobile-nav-item dropdown-item dropdown-nav-item">
+      <a href="https://open.kaznu.kz/logout" role="menuitem" style="display: block; padding: 10px 16px; color: #002554 !important; font-weight: 800 !important; text-decoration: none;">${_("Sign Out")}</a>
     </div>
+  </div>
 </div>
diff --git a/lms/templates/index.html b/lms/templates/index.html
index bfaf865cf699..482cdd5ca21a 100644
--- a/lms/templates/index.html
+++ b/lms/templates/index.html
@@ -11,8 +11,7 @@
 <main id="main" aria-label="Content" tabindex="-1">
     <section class="home">
       <header>
-        <div class="outer-wrapper">
-          <div class="title">
+        
             <div class="heading-group">
               % if homepage_overlay_html:
                 ${homepage_overlay_html | n, decode.utf8}
@@ -20,37 +19,16 @@
                 <%include file="index_overlay.html" />
               % endif
             </div>
-            % if settings.FEATURES.get('ENABLE_COURSE_DISCOVERY'):
-              <div class="course-search">
-                <form method="get" action="/courses">
-                  <label><span class="sr">${_("Search for a course")}</span>
-                    <input class="search-input" name="search_query" type="text" placeholder="${_("Search for a course")}"></input>
-                  </label>
-                  <button class="search-button" type="submit">
-                    <span class="icon fa fa-search" aria-hidden="true"></span><span class="sr">${_("Search")}</span>
-                  </button>
-                </form>
-              </div>
-            % endif
+        
 
-          </div>
-
-          <%include file="index_promo_video.html" />
-        </div>
 
       </header>
-      <%include file="${courses_list}" />
+      
 
     </section>
 </main>
 
-% if show_homepage_promo_video:
-  <section id="video-modal" class="modal home-page-video-modal video-modal">
-    <div class="inner-wrapper">
-      <iframe title="YouTube Video" width="640" height="360" src="//www.youtube.com/embed/${homepage_promo_video_youtube_id}?showinfo=0" frameborder="0" allowfullscreen></iframe>
-    </div>
-  </section>
-% endif
+
 
 <%block name="js_extra">
    <script type="text/javascript">
diff --git a/lms/templates/index_overlay.html b/lms/templates/index_overlay.html
index f5c455ac0718..f3ae4ad96d66 100644
--- a/lms/templates/index_overlay.html
+++ b/lms/templates/index_overlay.html
@@ -5,6 +5,620 @@
 from openedx.core.djangolib.markup import HTML, Text
 %>
 
-<h1>${Text(_(u"Welcome to {platform_name}")).format(platform_name=settings.PLATFORM_NAME)}</h1>
-## Translators: 'Open edX' is a registered trademark, please keep this untranslated. See https://openedx.org for more information.
-<p>${Text(_("It works! Powered by the Open edX{registered_trademark} Platform")).format(registered_trademark=HTML("<sup style='font-size: 65%'>&reg;</sup>"))}</p>
+<style>
+        .hero {
+            position: relative;
+            height: 90vh;
+            background-image: url('https://images.unsplash.com/photo-1506377872008-6645d9d29ef7?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
+            background-size: cover;
+            background-position: center;
+            background-attachment: fixed;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+        }
+
+        .hero::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: 100%;
+            background: rgba(0, 0, 0, 0.4); /* затемнение */
+            z-index: 1;
+        }
+
+.hero-content {
+    position: relative !important;    /* чтобы z-index работал */
+    z-index: 2 !important;            /* поверх затемняющей псевдо-маски */
+    text-align: center !important;
+}
+
+.hero-content h1 {
+    color: #F5F5F5 !important;  /* один !important */
+    font-size: 4rem !important;
+    font-weight: 800 !important;
+    margin-bottom: 10px !important;
+    font-family: 'Arial Black', 'Segoe UI', sans-serif !important;
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) !important;
+}
+
+.hero-content p {
+    color: #FFFFF0 !important;
+    font-size: 1.5rem !important;
+    font-weight: 600 !important;
+    margin-bottom: 2px !important;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) !important;
+    line-height: 1.3 !important;
+}
+
+
+@media (max-width: 768px) {
+    .hero-content h1 {
+        font-size: 3rem !important;
+    }
+
+    .hero-content p {
+        font-size: 1.2rem !important;
+    }
+}
+
+@media (max-width: 480px) {
+    .hero-content h1 {
+        font-size: 2.2rem !important;
+    }
+ .hero-content p {
+        font-size: 1rem !important;
+    }
+}
+
+
+    </style>
+
+
+<section class="hero">
+    <div class="hero-content">
+        <h1 data-aos="zoom-in">${_("Open KazNU")}</h1>
+        <p data-aos="fade-right" data-aos-delay="300">
+            ${_("ONLINE COURSES FROM LEADING PROFESSORS OF Al-Farabi KazNU")}
+        </p>
+        <p data-aos="fade-right" data-aos-delay="500">
+            ${_("Leader of higher education in Kazakhstan in implementing MOOCs on the Open edX platform")}
+        </p>
+    </div>
+</section>
+
+
+<style>
+  .mooc-section * {
+    box-sizing: border-box !important;
+  }
+
+  .mooc-section .container2 {
+    display: flex !important;
+    width: 100% !important;
+    min-height: 100vh !important;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
+  }
+
+  .mooc-section .content-wrapper {
+    width: 70% !important;
+    background-color: #1a263c !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+  }
+
+  .mooc-section .sidebar {
+    clip-path: inset(20px 0 0 0) !important;
+    width: 30% !important;
+    background-color: #f8e7cc !important;
+    padding: 40px 20px !important;
+    display: flex !important;
+    flex-direction: column !important;
+    justify-content: center !important;
+    gap: 30px !important;
+  }
+
+  .mooc-section .sidebar .card {
+    position: relative !important;
+    background: linear-gradient(145deg, #ffffff, #f8f0e3) !important;
+    border-radius: 12px !important;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
+    padding: 25px !important;
+    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
+    overflow: hidden !important;
+    border: 1px solid rgba(26, 38, 60, 0.1) !important;
+  }
+
+  .mooc-section .sidebar .card::before {
+    content: '' !important;
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 100% !important;
+    height: 4px !important;
+    background: linear-gradient(90deg, #D3985C 0%, #1a263c 100%) !important;
+  }
+
+  .mooc-section .sidebar .card:hover {
+    transform: translateY(-8px) !important;
+    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15) !important;
+  }
+
+
+  .mooc-section .sidebar p {
+    color: #333 !important;
+    line-height: 1.6 !important;
+    margin-bottom: 15px !important;
+  }
+
+  .mooc-section .card-link {
+    display: inline-flex !important;
+    align-items: center !important;
+    margin-top: 15px !important;
+    padding: 8px 20px !important;
+    background: linear-gradient(45deg, #1a263c, #2a3850) !important;
+    color: white !important;
+    text-decoration: none !important;
+    border-radius: 8px !important;
+ font-size: 0.9em !important;
+    transition: all 0.3s !important;
+    opacity: 0 !important;
+    transform: translateY(10px) !important;
+    max-width: 100% !important;
+    white-space: nowrap !important;
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+  }
+
+  .mooc-section .card:hover .card-link {
+    opacity: 1 !important;
+    transform: translateY(0) !important;
+  }
+
+  .mooc-section .card-link:hover {
+    background: linear-gradient(45deg, #D3985C, #e4b583) !important;
+    box-shadow: 0 2px 8px rgba(210, 152, 92, 0.3) !important;
+  }
+
+  .mooc-section .card-link::after {
+    content: '→' !important;
+    margin-left: 8px !important;
+    transition: transform 0.3s !important;
+  }
+
+  .mooc-section .card-link:hover::after {
+    transform: translateX(3px) !important;
+  }
+
+  .mooc-section .about-mooc {
+    color: white !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    padding: 50px 20px !important;
+    gap: 40px !important;
+    flex-wrap: wrap !important;
+  }
+
+  .mooc-section .icon-block .circle {
+    position: relative !important;
+    background-color: #f8e7cc !important;
+    width: 250px !important;
+    height: 250px !important;
+    border-radius: 50% !important;
+    display: grid !important;
+    place-items: center !important;
+  }
+
+  .mooc-section .version {
+    position: absolute !important;
+    top: 20px !important;
+left: 30px !important;
+    background-color: #1a263c !important;
+    color: white !important;
+    padding: 2px 10px !important;
+    border-radius: 10px !important;
+    font-size: 14px !important;
+    font-weight: bold !important;
+  }
+
+  .mooc-section .hex {
+    position: absolute !important;
+    width: 80px !important;
+    height: 80px !important;
+    background-color: #D3985C !important;
+    clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%) !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+font-weight: bold !important;
+    color: white !important;
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+
+  .hex1 { transform: rotate(0deg) translate(65px) rotate(0deg) !important; }
+  .hex2 { transform: rotate(90deg) translate(65px) rotate(-90deg) !important; }
+  .hex3 { transform: rotate(180deg) translate(65px) rotate(-180deg) !important; }
+  .hex4 { transform: rotate(270deg) translate(65px) rotate(-270deg) !important; }
+
+  .mooc-section .text-block {
+    max-width: 600px !important;
+  }
+
+  .mooc-section .text-block h2 {
+    color: #f8e7cc !important;
+    font-size: 2em !important;
+    margin-bottom: 20px !important;
+  }
+
+  .mooc-section .text-block p {
+    margin-bottom: 15px !important;
+    line-height: 1.6 !important;
+  }
+
+  .mooc-section .highlight {
+    background-color: #f8e7cc !important;
+    color: #1a263c !important;
+    padding: 15px !important;
+    border-radius: 10px !important;
+    font-weight: bold !important;
+    margin-top: 20px !important;
+  }
+
+/* Общий стиль контейнера-иконки */
+.mooc-section .sidebar h3 .icon-box {
+  display: inline-flex !important;
+  align-items: center !important ;
+  justify-content: center !important;
+  width: 28px !important;
+  height: 28px !important;
+  background-color: #D3985C !important;            /* фоновый цвет квадратика */
+  border-radius: 6px !important;
+  margin-right: 12px !important;
+  flex-shrink: 0 !important;
+}
+
+/* Белая иконка в первом и последнем карточках */
+.mooc-section .sidebar .card:nth-child(1) .icon-box i,
+.mooc-section .sidebar .card:nth-child(3) .icon-box i {
+  color: #ffffff !important;                        /* белый цвет иконки */
+  /* устанавливаем размер под контейнер */
+  font-size: 14px !important;
+}
+
+  /* Media Queries */
+  @media (max-width: 1200px) {
+    .mooc-section .container2 {
+      flex-direction: column !important;
+    }
+
+    .mooc-section .content-wrapper,
+    .mooc-section .sidebar {
+      width: 100% !important;
+      min-height: auto !important;
+    }
+
+    .mooc-section .sidebar {
+      clip-path: none !important;
+      padding: 40px 15px !important;
+}
+
+    .mooc-section .about-mooc {
+padding: 60px 20px !important;
+      flex-direction: column !important;
+      text-align: center !important;
+    }
+
+    .mooc-section .text-block {
+      max-width: 100% !important;
+      padding: 0 15px !important;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .mooc-section .icon-block .circle {
+      width: 200px !important;
+      height: 200px !important;
+    }
+
+    .mooc-section .hex {
+      width: 60px !important;
+      height: 60px !important;
+      font-size: 10px !important;
+    }
+
+    .hex1 { transform: rotate(0deg) translate(50px) rotate(0deg) !important; }
+    .hex2 { transform: rotate(90deg) translate(50px) rotate(-90deg) !important; }
+    .hex3 { transform: rotate(180deg) translate(50px) rotate(-180deg) !important; }
+    .hex4 { transform: rotate(270deg) translate(50px) rotate(-270deg) !important; }
+
+    .mooc-section .text-block h2 {
+      font-size: 1.8em !important;
+    }
+
+    .mooc-section .sidebar .card {
+      padding: 20px !important;
+    }
+  }
+
+.news-block {
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+.news-block:hover {
+  transform: scale(1.05);
+  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+  cursor: pointer;
+}
+
+  @media (max-width: 480px) {
+    .mooc-section .version {
+      top: 10px !important;
+      left: 15px !important;
+      font-size: 12px !important;
+    }
+
+    .mooc-section .icon-block .circle {
+      width: 180px !important;
+      height: 180px !important;
+    }
+
+    .mooc-section .hex {
+      width: 50px !important;
+      height: 50px !important;
+    }
+
+  }
+
+
+.highlight-link {
+  text-decoration: none;
+  color: inherit;
+}
+
+.highlight {
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  cursor: pointer;
+  display: inline-block;
+  padding: 15px;
+  border-radius: 10px;
+}
+
+.highlight:hover {
+  transform: scale(1.05);
+  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
+}
+</style>
+<div class="mooc-section">
+  <div class="container2">
+    <!-- Левая часть: контент -->
+    <div class="content-wrapper">
+
+        <section class="about-mooc">
+  <div class="icon-block" data-aos="fade-up" data-aos-delay="500">
+    <div class="circle">
+      <div class="version">${_("MOOC")}</div>
+      <div class="hex hex1">${_("Online")}</div>
+      <div class="hex hex2">${_("Courses")}</div>
+      <div class="hex hex3">${_("Open")}</div>
+      <div class="hex hex4">${_("Massive")}</div>
+    </div>
+  </div>
+  <div class="text-block">
+    <h2 data-aos="zoom-in">${_("About MOOC")}</h2>
+    <p data-aos="fade-left">
+      ${_("Massive Open Online Courses (MOOCs) are free online courses available to everyone. MOOCs provide a flexible and accessible way to gain new skills, advance your career, and deliver quality education at scale.")}
+    </p>
+    <p data-aos="fade-left">
+      ${_("Millions of people worldwide use MOOCs for various reasons, including career advancement, career change, college preparation, additional education, lifelong learning, corporate e-learning, training, and much more.")}
+    </p>
+    <p data-aos="fade-left">
+      ${_("MOOCs have fundamentally changed the way people learn around the world. Ready to get started?")}
+    </p>
+
+<a href="/news" class="highlight-link">
+  <div class="highlight" data-aos="fade-down" data-aos-delay="300">
+      <strong>${_("Our News")}!</strong><br />
+      ${_("Check out our latest updates on the platform")}
+  </div>
+</a>
+
+  </div>
+</section>
+
+    </div>
+
+
+<div class="sidebar">
+  <div class="card" data-aos="fade-right">
+    <h3>
+      <span class="icon-box"><i class="fas fa-book" aria-hidden="true"></i></span>
+      ${_("Guide")}
+    </h3>
+    <p>${_("Follow the step-by-step guide to quickly and easily start learning.")}</p>
+    <a href="https://www.youtube.com/watch?v=1pZ3HGCu_bE" class="card-link">${_("Learn more")}</a>
+  </div>
+
+  <div class="card" data-aos="fade-right">
+    <h3>
+      <span class="icon-box"><i class="fas fa-laptop-code" aria-hidden="true" style="color: white !important; font-size: 12px !important;"></i></span>
+      ${_("Popular Topics")}
+    </h3>
+    <p>${_("Artificial Intelligence, Digital Marketing, Web Development, Project Management, and Personal Growth.")}</p>
+    <a href="/courses" class="card-link">${_("Browse courses")}</a>
+  </div>
+
+  <div class="card" data-aos="fade-right">
+    <h3>
+      <span class="icon-box"><i class="fas fa-award" aria-hidden="true"></i></span>
+      ${_("Join us!")}
+    </h3>
+    <p>${_("Become part of a community of 2 million students. Connect, share projects, and find like-minded people.")}</p>
+    <a href="/register" class="card-link">${_("Register")}</a>
+  </div>
+</div>
+
+</div>
+
+
+<style>
+.advantages-section * {
+    box-sizing: border-box !important;
+}
+.advantages-section {
+    background-color: #f8f0e3 !important;
+    padding: 60px 20px !important;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
+}
+.advantages-section .container {
+    max-width: 1200px !important;
+    margin: 0 auto !important;
+    display: flex !important;
+    flex-wrap: wrap !important;
+    gap: 30px !important;
+    justify-content: center !important;
+}
+.advantages-section h2 {
+    color: #1a263c !important;
+    font-size: 2.5em !important;
+    font-weight: 800 !important;
+    text-align: center !important;
+    margin-bottom: 40px !important;
+    width: 100% !important;
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
+}
+.advantages-section .advantage-card {
+    background: linear-gradient(145deg, #ffffff, #f8e7cc) !important;
+    border-radius: 12px !important;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
+    padding: 25px !important;
+    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
+    border: 1px solid rgba(26, 38, 60, 0.1) !important;
+    width: calc(33.33% - 20px) !important;
+    position: relative !important;
+    overflow: hidden !important;
+}
+.advantages-section .advantage-card::before {
+    content: '' !important;
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 100% !important;
+    height: 4px !important;
+    background: linear-gradient(90deg, #D3985C 0%, #1a263c 100%) !important;
+}
+.advantages-section .advantage-card:hover {
+    transform: translateY(-8px) !important;
+    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15) !important;
+}
+.advantages-section .advantage-card h3 {
+    color: #1a263c !important;
+    font-size: 1.5em !important;
+    margin-bottom: 15px !important;
+    display: flex !important;
+    align-items: center !important;
+}
+.advantages-section .advantage-card .icon-box {
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    width: 28px !important;
+    height: 28px !important;
+    background-color: #D3985C !important;
+    border-radius: 6px !important;
+    margin-right: 12px !important;
+    flex-shrink: 0 !important;
+}
+.advantages-section .advantage-card .icon-box i {
+    color: #ffffff !important;
+    font-size: 14px !important;
+}
+.advantages-section .advantage-card p {
+    color: #333 !important;
+    line-height: 1.6 !important;
+    margin-bottom: 15px !important;
+}
+@media (max-width: 992px) {
+    .advantages-section .advantage-card {
+        width: calc(50% - 20px) !important;
+    }
+}
+@media (max-width: 768px) {
+    .advantages-section h2 {
+        font-size: 2em !important;
+    }
+    .advantages-section .advantage-card {
+        width: 100% !important;
+    }
+}
+@media (max-width: 480px) {
+    .advantages-section {
+        padding: 40px 15px !important;
+    }
+    .advantages-section h2 {
+        font-size: 1.8em !important;
+    }
+    .advantages-section .advantage-card {
+        padding: 20px !important;
+    }
+}
+</style>
+
+<section class="advantages-section">
+    <div class="container">
+        <h2 data-aos="zoom-in">${_("Advantages of Online Courses")}</h2>
+
+        <div class="advantage-card">
+            <h3>
+                <span class="icon-box"><i class="fas fa-clock" aria-hidden="true"></i></span>
+                ${_("Flexible Schedule")}
+            </h3>
+            <p>${_("Learn at your own pace and at a convenient time, balancing studies with work or other commitments.")}</p>
+        </div>
+
+        <div class="advantage-card">
+            <h3>
+                <span class="icon-box"><i class="fas fa-globe" aria-hidden="true"></i></span>
+                ${_("Accessibility")}
+            </h3>
+            <p>${_("Get access to high-quality courses from anywhere in the world, without leaving your home.")}</p>
+        </div>
+
+        <div class="advantage-card">
+            <h3>
+                <span class="icon-box"><i class="fas fa-graduation-cap" aria-hidden="true"></i></span>
+                ${_("Variety of Courses")}
+            </h3>
+            <p>${_("Choose from a wide range of programs: from programming to personal development.")}</p>
+        </div>
+
+        <div class="advantage-card">
+            <h3>
+                <span class="icon-box"><i class="fas fa-certificate" aria-hidden="true"></i></span>
+                ${_("Certificates")}
+            </h3>
+            <p>${_("Earn official certificates upon course completion to strengthen your resume.")}</p>
+        </div>
+
+        <div class="advantage-card">
+            <h3>
+                <span class="icon-box"><i class="fas fa-users" aria-hidden="true"></i></span>
+                ${_("Community")}
+            </h3>
+            <p>${_("Connect with instructors and students, share experiences, and exchange ideas.")}</p>
+        </div>
+
+        <div class="advantage-card">
+            <h3>
+                <span class="icon-box"><i class="fas fa-wallet" aria-hidden="true"></i></span>
+                ${_("Free Learning")}
+            </h3>
+            <p>${_("Many courses are available for free, making education accessible to everyone.")}</p>
+        </div>
+    </div>
+</section>
diff --git a/lms/templates/main.html b/lms/templates/main.html
index 1a11900dae58..85861d47834b 100644
--- a/lms/templates/main.html
+++ b/lms/templates/main.html
@@ -33,6 +33,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+<link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet">
 
 ## Define a couple of helper functions to make life easier when
 ## embedding theme conditionals into templates. All inheriting
@@ -132,7 +133,15 @@
     ${render_require_js_path_overrides(settings.REQUIRE_JS_PATH_OVERRIDES) | n, decode.utf8}
   </%block>
 
-  <%block name="headextra"/>
+  <%block name="headextra">
+  <style>
+      body {
+      zoom: 100% !important;
+      transform: none !important;
+      }
+  </style>
+  </%block>
+
   <%block name="head_extra"/>
 
   <%include file="/courseware/experiments.html"/>
@@ -211,7 +220,7 @@
 
     <div class="marketing-hero"><%block name="marketing_hero"></%block></div>
 
-    <div class="content-wrapper main-container" id="content" dir="${static.dir_rtl()}">
+    <div class="content-wrapper main-container" id="content" dir="${static.dir_rtl()}" style="padding: 0 !important; width: 100% !important;">
       ${next.body()}
       <%block name="bodyextra"/>
     </div>
@@ -248,3 +257,7 @@
     next=quote_plus(login_redirect_url if login_redirect_url else request.path)
   ) if (login_redirect_url or (request and not request.path.startswith("/logout"))) else ""
 }</%def>
+<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
+<script>
+  AOS.init();
+</script>
diff --git a/lms/templates/news/analyze.html b/lms/templates/news/analyze.html
new file mode 100644
index 000000000000..41fe62b7106e
--- /dev/null
+++ b/lms/templates/news/analyze.html
@@ -0,0 +1,842 @@
+<%page expression_filter="h"/>
+<%! from django.utils.translation import gettext as _ %>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Analyze")}</%block>
+
+<%block name="extrahead">
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+<style>
+    .analytics-page .course-search { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; }
+    .analytics-page .course-search input { box-sizing: border-box; width: 100%; max-width: 480px; min-width: 0; padding: 12px 16px; background: #fff; color: #172033; border: 1px solid #d7e0ea; border-radius: 6px; box-shadow: none; }
+    .analytics-page .course-search input:focus { outline: 2px solid #2f6f95; outline-offset: 2px; }
+    :root {
+        --analytics-bg: #f6f8fb;
+        --analytics-surface: #ffffff;
+        --analytics-surface-soft: #f9fafc;
+
+        --analytics-border: #d7e0ea;
+        --analytics-border-soft: #e7edf4;
+
+        --analytics-text: #172033;
+        --analytics-muted: #667085;
+
+        /* Мягкий синий: не слишком яркий, но все еще аккуратный */
+        --analytics-accent: #2f6f95;
+        --analytics-accent-strong: #244b66;
+        --analytics-accent-dark: #18384f;
+        --analytics-accent-soft: #edf5fa;
+        --analytics-accent-soft-2: #f5f9fc;
+
+        --analytics-good: #3b8067;
+
+        --analytics-radius-sm: 6px;
+        --analytics-radius-md: 10px;
+        --analytics-radius-lg: 12px;
+
+        --analytics-shadow: 0 14px 40px rgba(16, 24, 40, 0.08);
+        --analytics-shadow-soft: 0 2px 8px rgba(16, 24, 40, 0.05);
+    }
+
+    .analytics-page {
+        background: var(--analytics-bg);
+        color: var(--analytics-text);
+        margin: -20px -15px 0;
+        min-height: 100vh;
+        padding: 32px 20px 48px;
+    }
+
+    .analytics-shell {
+        max-width: 1240px;
+        margin: 0 auto;
+    }
+
+    .analytics-header {
+        display: flex;
+        justify-content: space-between;
+        gap: 24px;
+        align-items: flex-end;
+        margin-bottom: 24px;
+    }
+
+    .analytics-kicker {
+        color: var(--analytics-accent);
+        font-size: 13px;
+        font-weight: 700;
+        letter-spacing: 0.08em;
+        margin-bottom: 8px;
+        text-transform: uppercase;
+    }
+
+    .analytics-title {
+        color: var(--analytics-text);
+        font-size: 34px;
+        font-weight: 700;
+        line-height: 1.15;
+        margin: 0;
+    }
+
+    .analytics-subtitle {
+        color: var(--analytics-muted);
+        font-size: 15px;
+        margin: 10px 0 0;
+        max-width: 740px;
+    }
+
+    .analytics-date {
+        color: var(--analytics-muted);
+        font-size: 13px;
+        white-space: nowrap;
+    }
+
+    .analytics-summary {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        gap: 14px;
+        margin-bottom: 18px;
+    }
+
+    .summary-card {
+        background: var(--analytics-surface);
+        border: 1px solid var(--analytics-border-soft);
+        border-radius: var(--analytics-radius-md);
+        box-shadow: var(--analytics-shadow-soft);
+        padding: 18px;
+    }
+
+    .summary-label {
+        color: var(--analytics-muted);
+        font-size: 13px;
+        font-weight: 600;
+        margin-bottom: 9px;
+    }
+
+    .summary-value {
+        color: var(--analytics-text);
+        font-size: 30px;
+        font-weight: 700;
+        line-height: 1;
+    }
+
+    .summary-note {
+        color: var(--analytics-muted);
+        font-size: 13px;
+        margin-top: 10px;
+    }
+
+    .language-strip {
+        background: var(--analytics-surface);
+        border: 1px solid var(--analytics-border-soft);
+        border-radius: var(--analytics-radius-md);
+        box-shadow: var(--analytics-shadow-soft);
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+        align-items: center;
+        margin-bottom: 24px;
+        padding: 14px 16px;
+    }
+
+    .language-strip__title {
+        color: var(--analytics-muted);
+        font-size: 13px;
+        font-weight: 700;
+        margin-right: 6px;
+    }
+
+    .language-chip,
+    .filter-chip {
+        align-items: center;
+        background: var(--analytics-accent-soft-2);
+        border: 1px solid #d4e4ee;
+        border-radius: 999px;
+        color: var(--analytics-text);
+        display: inline-flex;
+        font-size: 13px;
+        font-weight: 600;
+        gap: 8px;
+        min-height: 30px;
+        padding: 5px 12px;
+    }
+
+    .language-chip strong,
+    .filter-chip strong {
+        color: var(--analytics-accent-strong);
+    }
+
+    .analytics-section {
+        margin-top: 24px;
+    }
+
+    .section-heading {
+        align-items: end;
+        display: flex;
+        justify-content: space-between;
+        gap: 20px;
+        margin-bottom: 12px;
+    }
+
+    .section-heading h2 {
+        color: var(--analytics-text);
+        font-size: 21px;
+        font-weight: 700;
+        margin: 0;
+    }
+
+    .section-heading p {
+        color: var(--analytics-muted);
+        font-size: 13px;
+        margin: 5px 0 0;
+    }
+
+    .panel {
+        background: var(--analytics-surface);
+        border: 1px solid var(--analytics-border-soft);
+        border-radius: var(--analytics-radius-lg);
+        box-shadow: var(--analytics-shadow);
+        padding: 20px;
+    }
+
+    .chart-panel {
+        min-height: 360px;
+    }
+
+    .chart-wrap {
+        height: 380px;
+        position: relative;
+    }
+
+    .split-grid {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        gap: 18px;
+    }
+
+    .active-filter-bar {
+        align-items: center;
+        background: var(--analytics-accent-soft);
+        border: 1px solid #cbdde9;
+        border-radius: var(--analytics-radius-md);
+        display: none;
+        gap: 12px;
+        justify-content: space-between;
+        margin-bottom: 14px;
+        padding: 12px 14px;
+    }
+
+    .active-filter-bar.is-visible {
+        display: flex;
+    }
+
+    .active-filter-label {
+        color: var(--analytics-accent-strong);
+        font-size: 14px;
+        font-weight: 700;
+    }
+
+    .clear-filter-button {
+        background: var(--analytics-surface);
+        border: 1px solid #c3d6e3;
+        border-radius: 999px;
+        color: var(--analytics-accent-strong);
+        cursor: pointer;
+        font-size: 13px;
+        font-weight: 700;
+        min-height: 34px;
+        padding: 6px 14px;
+        transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
+    }
+
+    .clear-filter-button:hover,
+    .clear-filter-button:focus {
+        background: var(--analytics-accent-dark);
+        border-color: var(--analytics-accent-dark);
+        color: #ffffff;
+        box-shadow: 0 6px 14px rgba(24, 56, 79, 0.18);
+        outline: none;
+    }
+
+    .courses-toolbar {
+        align-items: center;
+        display: flex;
+        justify-content: space-between;
+        gap: 16px;
+        margin-bottom: 12px;
+    }
+
+    .courses-count {
+        color: var(--analytics-muted);
+        font-size: 13px;
+    }
+
+    .courses-table-wrap {
+        overflow-x: hidden;
+    }
+
+    .courses-table {
+        border-collapse: collapse;
+        width: 100%;
+        table-layout: fixed;
+    }
+
+    .courses-table th {
+        background: #f3f6fa;
+        border-bottom: 1px solid var(--analytics-border);
+        color: #384152;
+        font-size: 12px;
+        font-weight: 700;
+        letter-spacing: 0.04em;
+        padding: 12px 12px;
+        text-align: left;
+        text-transform: uppercase;
+    }
+
+    .courses-table td {
+        border-bottom: 1px solid var(--analytics-border-soft);
+        color: var(--analytics-text);
+        font-size: 14px;
+        padding: 14px 12px;
+        vertical-align: top;
+    }
+
+    .courses-table td,
+    .courses-table th {
+        word-break: break-word;
+        overflow-wrap: anywhere;
+    }
+
+    .courses-table th:nth-child(1),
+    .courses-table td:nth-child(1) {
+        width: 29%;
+    }
+
+    .courses-table th:nth-child(2),
+    .courses-table td:nth-child(2) {
+        width: 15%;
+    }
+
+    .courses-table th:nth-child(3),
+    .courses-table td:nth-child(3) {
+        width: 19%;
+    }
+
+    .courses-table th:nth-child(4),
+    .courses-table td:nth-child(4) {
+        width: 9%;
+    }
+
+    .courses-table th:nth-child(5),
+    .courses-table td:nth-child(5) {
+        width: 9%;
+    }
+
+    .courses-table th:nth-child(6),
+    .courses-table td:nth-child(6) {
+        width: 11%;
+    }
+
+    .courses-table th:nth-child(7),
+    .courses-table td:nth-child(7) {
+        width: 8%;
+    }
+
+    .courses-table tr:last-child td {
+        border-bottom: 0;
+    }
+
+    .courses-table tbody tr {
+        transition: background-color 0.16s ease;
+    }
+
+    .courses-table tbody tr:hover {
+        background: #f8fbfd;
+    }
+
+    .course-title {
+        color: var(--analytics-accent-strong);
+        font-weight: 700;
+        text-decoration: none;
+    }
+
+    .course-title:hover {
+        color: var(--analytics-accent);
+        text-decoration: underline;
+    }
+
+    .course-meta {
+        color: var(--analytics-muted);
+        font-size: 12px;
+        margin-top: 5px;
+    }
+
+    .filter-button {
+        background: var(--analytics-accent-soft-2);
+        border: 1px solid #d4e4ee;
+        border-radius: 999px;
+        color: var(--analytics-accent-strong);
+        cursor: pointer;
+        font: inherit;
+        font-size: 13px;
+        font-weight: 700;
+        padding: 5px 11px;
+        text-align: left;
+        transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
+    }
+
+    .filter-button:hover,
+    .filter-button:focus {
+        background: var(--analytics-accent-dark);
+        border-color: var(--analytics-accent-dark);
+        color: #ffffff;
+        box-shadow: 0 6px 14px rgba(24, 56, 79, 0.16);
+        outline: none;
+        text-decoration: none;
+    }
+
+    .course-link {
+        color: var(--analytics-accent-strong);
+        font-weight: 700;
+        text-decoration: none;
+        white-space: nowrap;
+    }
+
+    .course-link:hover {
+        color: var(--analytics-accent);
+        text-decoration: underline;
+    }
+
+    .empty-state {
+        color: var(--analytics-muted);
+        display: none;
+        font-size: 14px;
+        padding: 24px 0 6px;
+        text-align: center;
+    }
+
+    .empty-state.is-visible {
+        display: block;
+    }
+
+    @media (max-width: 980px) {
+        .analytics-header,
+        .section-heading,
+        .courses-toolbar {
+            align-items: flex-start;
+            flex-direction: column;
+        }
+
+        .analytics-summary {
+            grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+
+        .split-grid {
+            grid-template-columns: 1fr;
+        }
+
+        .analytics-date {
+            white-space: normal;
+        }
+    }
+
+    @media (max-width: 640px) {
+        .analytics-page {
+            margin: -15px -15px 0;
+            padding: 24px 14px 36px;
+        }
+
+        .analytics-title {
+            font-size: 26px;
+        }
+
+        .analytics-summary {
+            grid-template-columns: 1fr;
+        }
+
+        .summary-value {
+            font-size: 26px;
+        }
+
+        .panel {
+            padding: 16px;
+        }
+    }
+</style>
+</%block>
+
+<%block name="content">
+<div class="analytics-page">
+    <div class="analytics-shell">
+        <header class="analytics-header">
+            <div>
+                <div class="analytics-kicker">${_("Course analytics")}</div>
+                <h1 class="analytics-title">${_("Course analysis")}</h1>
+                <p class="analytics-subtitle">
+                    ${_("Summary of published courses without test organizations. The current courses of the current year are shown below; schedules of faculties and directions filter the list.")}
+                </p>
+            </div>
+            <div class="analytics-date">${_("Updated")}: ${generated_at}</div>
+        </header>
+
+        <section class="analytics-summary" aria-label="${_('Short summary')}">
+            <div class="summary-card">
+                <div class="summary-label">${_("Total courses")}</div>
+                <div class="summary-value">${courses_count}</div>
+                <div class="summary-note">${_("Without test courses")}</div>
+            </div>
+            <div class="summary-card">
+                <div class="summary-label">${_("Current issues")} ${current_year}</div>
+                <div class="summary-value">${current_year_courses_count}</div>
+                <div class="summary-note">${_("Used in the list below")}</div>
+            </div>
+            <div class="summary-card">
+                <div class="summary-label">${_("Faculties")}</div>
+                <div class="summary-value">${faculty_count}</div>
+                <div class="summary-note">${_("With filled faculty field")}</div>
+            </div>
+            <div class="summary-card">
+                <div class="summary-label">${_("Directions")}</div>
+                <div class="summary-value">${directions_count}</div>
+                <div class="summary-note">${_("With filled directions field")}</div>
+            </div>
+        </section>
+
+        <section class="language-strip" aria-label="${_('Course languages')}">
+            <span class="language-strip__title">${_("Languages")}:</span>
+            % if language_summary:
+            % for language in language_summary:
+            <span class="language-chip">${language["label"]}: <strong>${language["total"]}</strong></span>
+            % endfor
+            % else:
+            <span class="language-chip">${_("No data")}</span>
+            % endif
+        </section>
+
+        <section class="analytics-section">
+            <div class="section-heading">
+                <div>
+                    <h2>${_("Courses by year")}</h2>
+                    <p>${_("Course count dynamics by start date.")}</p>
+                </div>
+            </div>
+            <div class="panel chart-panel">
+                <div class="chart-wrap">
+                    <canvas id="byYear"></canvas>
+                </div>
+            </div>
+        </section>
+
+        <section class="analytics-section">
+            <div class="section-heading">
+                <div>
+                    <h2>${_("Course Structure")}</h2>
+                    <p>${_("Click a faculty or direction bar to filter the current courses below.")}</p>
+                </div>
+            </div>
+            <div class="split-grid">
+                <div class="panel chart-panel">
+                    <div class="section-heading">
+                        <div>
+                            <h2>${_("Courses by faculty")}</h2>
+                            <p>${_("Top faculties by number of courses.")}</p>
+                        </div>
+                    </div>
+                    <div class="chart-wrap">
+                        <canvas id="byFaculty"></canvas>
+                    </div>
+                </div>
+
+                <div class="panel chart-panel">
+                    <div class="section-heading">
+                        <div>
+                            <h2>${_("Courses by directions")}</h2>
+                            <p>${_("Top directions by number of courses.")}</p>
+                        </div>
+                    </div>
+                    <div class="chart-wrap">
+                        <canvas id="byDirections"></canvas>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="analytics-section">
+            <div class="section-heading">
+                <div>
+                    <h2>${_("All courses")}</h2>
+                    <p>${_("Current courses with a start date in")} ${current_year} ${_("year")}.</p>
+                </div>
+            </div>
+
+            <div class="panel">
+                <div class="active-filter-bar" id="activeFilterBar">
+                    <div class="active-filter-label" id="activeFilterLabel"></div>
+                    <button class="clear-filter-button" type="button"
+                            id="clearFilterButton">${_("Clear filter")}</button>
+                </div>
+
+                <div class="courses-toolbar">
+                    <div class="courses-count" id="coursesCount" role="status" aria-live="polite"></div>
+                </div>
+                <div class="course-search">
+                    <label for="courseSearch">${_("Search by course name")}</label>
+                    <input type="search" id="courseSearch" placeholder="${_('Search by course name...')}" />
+                </div>
+
+                <div class="courses-table-wrap">
+                    <table class="courses-table">
+                        <thead>
+                        <tr>
+                            <th>${_("Course")}</th>
+                            <th>${_("Faculty")}</th>
+                            <th>${_("Direction")}</th>
+                            <th>${_("Language")}</th>
+                            <th>${_("Launches")}</th>
+                            <th>${_("Start")}</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody id="coursesTableBody"></tbody>
+                    </table>
+                </div>
+                <div class="empty-state"
+                     id="emptyState">${_("There are no current courses for the selected filter in")} ${current_year} ${_("year")}
+                    .
+                </div>
+            </div>
+        </section>
+    </div>
+</div>
+</%block>
+
+<%block name="extrajs">
+<script>
+    (function () {
+        var yearLabels = ${year_labels | n};
+        var yearData = ${year_data | n};
+        var facultyLabels = ${faculty_labels | n};
+        var facultyData = ${faculty_data | n};
+        var directionsLabels = ${directions_labels | n};
+        var directionsData = ${directions_data | n};
+        var courses = ${courses_json | n};
+
+        var translations = {
+            courses: "${_("Courses")}",
+            notSpecified: "${_("Not specified")}",
+            open: "${_("Open it")}",
+            shown: "${_("Shown")}",
+            of: "${_("of")}",
+            faculty: "${_("Faculty")}",
+            direction: "${_("Direction")}"
+        };
+
+        var palette = [
+            "#2f6f95",
+            "#3b8067",
+            "#9a7742",
+            "#6f5f96",
+            "#9a5b5b",
+            "#4b7f8f",
+            "#6f7f54",
+            "#6b7280",
+            "#8a6680",
+            "#5f7896"
+        ];
+
+        if (window.Chart) {
+            Chart.defaults.font.family = "'Inter', 'Segoe UI', Arial, sans-serif";
+            Chart.defaults.color = "#5f6f82";
+            Chart.defaults.plugins.legend.display = false;
+        }
+
+        function barChart(canvasId, labels, values, horizontal) {
+            if (!window.Chart) { return null; }
+            return new Chart(document.getElementById(canvasId), {
+                type: "bar",
+                data: {
+                    labels: labels,
+                    datasets: [{
+                        label: translations.courses,
+                        data: values,
+                        backgroundColor: labels.map(function (_, index) {
+                            return palette[index % palette.length];
+                        }),
+                        borderRadius: 4,
+                        maxBarThickness: horizontal ? 28 : 42
+                    }]
+                },
+                options: {
+                    responsive: true,
+                    maintainAspectRatio: false,
+                    indexAxis: horizontal ? "y" : "x",
+                    layout: {
+                        padding: {
+                            left: horizontal ? 8 : 0,
+                            right: 18,
+                            top: 4,
+                            bottom: 4
+                        }
+                    },
+                    plugins: {
+                        tooltip: {
+                            backgroundColor: "#18384f",
+                            borderColor: "#2f6f95",
+                            borderWidth: 1,
+                            cornerRadius: 8,
+                            padding: 11,
+                            titleFont: {weight: "700"},
+                            callbacks: {
+                                label: function (context) {
+                                    return translations.courses + ": " + context.parsed[horizontal ? "x" : "y"];
+                                }
+                            }
+                        }
+                    },
+                    scales: {
+                        x: {
+                            beginAtZero: true,
+                            grid: {color: "#edf1f6"},
+                            ticks: {precision: 0}
+                        },
+                        y: {
+                            beginAtZero: true,
+                            grid: {color: horizontal ? "transparent" : "#edf1f6"},
+                            ticks: {
+                                precision: 0,
+                                autoSkip: false,
+                                font: {
+                                    size: horizontal ? 11 : 12
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+        }
+
+        var byYear = barChart("byYear", yearLabels, yearData, false);
+        var byFaculty = barChart("byFaculty", facultyLabels, facultyData, true);
+        var byDirections = barChart("byDirections", directionsLabels, directionsData, true);
+
+        var activeFilter = null;
+        var tableBody = document.getElementById("coursesTableBody");
+        var coursesCount = document.getElementById("coursesCount");
+        var activeFilterBar = document.getElementById("activeFilterBar");
+        var activeFilterLabel = document.getElementById("activeFilterLabel");
+        var emptyState = document.getElementById("emptyState");
+        var clearFilterButton = document.getElementById("clearFilterButton");
+        var searchInput = document.getElementById("courseSearch");
+
+        function escapeHtml(value) {
+            return String(value || "")
+                .replace(/&/g, "&amp;")
+                .replace(/</g, "&lt;")
+                .replace(/>/g, "&gt;")
+                .replace(/"/g, "&quot;")
+                .replace(/'/g, "&#039;");
+        }
+
+        function courseCell(course) {
+            return '' +
+                '<a class="course-title" href="' + escapeHtml(course.url) + '">' + escapeHtml(course.display_name) + '</a>' +
+                '<div class="course-meta">' + escapeHtml(course.id) + '</div>';
+        }
+
+        function filterButton(type, value) {
+            if (!value) {
+                return '<span class="course-meta">' + translations.notSpecified + '</span>';
+            }
+            return '<button class="filter-button" type="button" data-filter-type="' + type + '" data-filter-value="' + escapeHtml(value) + '">' + escapeHtml(value) + '</button>';
+        }
+
+        function filteredCourses() {
+            var query = searchInput.value.toLowerCase().trim();
+            return courses.filter(function (course) {
+                return (!activeFilter || course[activeFilter.type] === activeFilter.value) &&
+                    (course.display_name || "").toLowerCase().indexOf(query) !== -1;
+            });
+        }
+
+        function renderCourses() {
+            var filtered = filteredCourses();
+            var displayLimit = 50;
+            var visibleCourses = filtered.slice(0, displayLimit);
+
+            tableBody.innerHTML = visibleCourses.map(function (course) {
+                return '' +
+                    '<tr>' +
+                    '<td>' + courseCell(course) + '</td>' +
+                    '<td>' + filterButton("faculty", course.faculty) + '</td>' +
+                    '<td>' + filterButton("directions", course.directions) + '</td>' +
+                    '<td>' + escapeHtml(course.language || translations.notSpecified) + '</td>' +
+                    '<td>' + escapeHtml(course.run_count || 1) + '</td>' +
+                    '<td>' + escapeHtml(course.start || translations.notSpecified) + '</td>' +
+                    '<td><a class="course-link" href="' +
+                    escapeHtml(course.url) + '">' +
+                    translations.open +
+                    '</a></td>' +
+                    '</tr>';
+            }).join("");
+
+            coursesCount.textContent =
+                translations.shown + ": " +
+                visibleCourses.length + " " +
+                translations.of + " " +
+                filtered.length;
+
+            emptyState.classList.toggle(
+                "is-visible",
+                filtered.length === 0
+            );
+
+            if (activeFilter) {
+                activeFilterBar.classList.add("is-visible");
+                activeFilterLabel.textContent =
+                    (activeFilter.type === "faculty"
+                        ? translations.faculty + ": "
+                        : translations.direction + ": ") +
+                    activeFilter.value;
+            } else {
+                activeFilterBar.classList.remove("is-visible");
+                activeFilterLabel.textContent = "";
+            }
+        }
+
+        function setFilter(type, value) {
+            activeFilter = {type: type, value: value};
+            renderCourses();
+            document.getElementById("coursesTableBody").scrollIntoView({behavior: "smooth", block: "start"});
+        }
+
+        document.getElementById("byFaculty").onclick = function (event) {
+            if (!byFaculty) { return; }
+            var point = byFaculty.getElementsAtEventForMode(event, "nearest", {intersect: true}, true)[0];
+            if (point) {
+                setFilter("faculty", facultyLabels[point.index]);
+            }
+        };
+
+        document.getElementById("byDirections").onclick = function (event) {
+            if (!byDirections) { return; }
+            var point = byDirections.getElementsAtEventForMode(event, "nearest", {intersect: true}, true)[0];
+            if (point) {
+                setFilter("directions", directionsLabels[point.index]);
+            }
+        };
+
+        tableBody.addEventListener("click", function (event) {
+            var button = event.target.closest("[data-filter-type]");
+            if (button) {
+                setFilter(button.getAttribute("data-filter-type"), button.getAttribute("data-filter-value"));
+            }
+        });
+
+        clearFilterButton.addEventListener("click", function () {
+            activeFilter = null;
+            renderCourses();
+        });
+        searchInput.addEventListener("input", renderCourses);
+
+        renderCourses();
+    })();
+</script>
+</%block>
diff --git a/lms/templates/news/analyze_save.html b/lms/templates/news/analyze_save.html
new file mode 100644
index 000000000000..5a9e69f3e813
--- /dev/null
+++ b/lms/templates/news/analyze_save.html
@@ -0,0 +1,775 @@
+<%page expression_filter="h"/>
+<%! from django.utils.translation import gettext as _ %>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Analyze")}</%block>
+
+<%block name="extrahead">
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+<style>
+:root {
+    --analytics-bg: #f6f8fb;
+    --analytics-surface: #ffffff;
+    --analytics-surface-soft: #f9fafc;
+
+    --analytics-border: #d7e0ea;
+    --analytics-border-soft: #e7edf4;
+
+    --analytics-text: #172033;
+    --analytics-muted: #667085;
+
+    /* Мягкий синий: не слишком яркий, но все еще аккуратный */
+    --analytics-accent: #2f6f95;
+    --analytics-accent-strong: #244b66;
+    --analytics-accent-dark: #18384f;
+    --analytics-accent-soft: #edf5fa;
+    --analytics-accent-soft-2: #f5f9fc;
+
+    --analytics-good: #3b8067;
+
+    --analytics-radius-sm: 6px;
+    --analytics-radius-md: 10px;
+    --analytics-radius-lg: 12px;
+
+    --analytics-shadow: 0 14px 40px rgba(16, 24, 40, 0.08);
+    --analytics-shadow-soft: 0 2px 8px rgba(16, 24, 40, 0.05);
+}
+
+.analytics-page {
+    background: var(--analytics-bg);
+    color: var(--analytics-text);
+    margin: -20px -15px 0;
+    min-height: 100vh;
+    padding: 32px 20px 48px;
+}
+
+.analytics-shell {
+    max-width: 1240px;
+    margin: 0 auto;
+}
+
+.analytics-header {
+    display: flex;
+    justify-content: space-between;
+    gap: 24px;
+    align-items: flex-end;
+    margin-bottom: 24px;
+}
+
+.analytics-kicker {
+    color: var(--analytics-accent);
+    font-size: 13px;
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    margin-bottom: 8px;
+    text-transform: uppercase;
+}
+
+.analytics-title {
+    color: var(--analytics-text);
+    font-size: 34px;
+    font-weight: 700;
+    line-height: 1.15;
+    margin: 0;
+}
+
+.analytics-subtitle {
+    color: var(--analytics-muted);
+    font-size: 15px;
+    margin: 10px 0 0;
+    max-width: 740px;
+}
+
+.analytics-date {
+    color: var(--analytics-muted);
+    font-size: 13px;
+    white-space: nowrap;
+}
+
+.analytics-summary {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 14px;
+    margin-bottom: 18px;
+}
+
+.summary-card {
+    background: var(--analytics-surface);
+    border: 1px solid var(--analytics-border-soft);
+    border-radius: var(--analytics-radius-md);
+    box-shadow: var(--analytics-shadow-soft);
+    padding: 18px;
+}
+
+.summary-label {
+    color: var(--analytics-muted);
+    font-size: 13px;
+    font-weight: 600;
+    margin-bottom: 9px;
+}
+
+.summary-value {
+    color: var(--analytics-text);
+    font-size: 30px;
+    font-weight: 700;
+    line-height: 1;
+}
+
+.summary-note {
+    color: var(--analytics-muted);
+    font-size: 13px;
+    margin-top: 10px;
+}
+
+.language-strip {
+    background: var(--analytics-surface);
+    border: 1px solid var(--analytics-border-soft);
+    border-radius: var(--analytics-radius-md);
+    box-shadow: var(--analytics-shadow-soft);
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+    align-items: center;
+    margin-bottom: 24px;
+    padding: 14px 16px;
+}
+
+.language-strip__title {
+    color: var(--analytics-muted);
+    font-size: 13px;
+    font-weight: 700;
+    margin-right: 6px;
+}
+
+.language-chip,
+.filter-chip {
+    align-items: center;
+    background: var(--analytics-accent-soft-2);
+    border: 1px solid #d4e4ee;
+    border-radius: 999px;
+    color: var(--analytics-text);
+    display: inline-flex;
+    font-size: 13px;
+    font-weight: 600;
+    gap: 8px;
+    min-height: 30px;
+    padding: 5px 12px;
+}
+
+.language-chip strong,
+.filter-chip strong {
+    color: var(--analytics-accent-strong);
+}
+
+.analytics-section {
+    margin-top: 24px;
+}
+
+.section-heading {
+    align-items: end;
+    display: flex;
+    justify-content: space-between;
+    gap: 20px;
+    margin-bottom: 12px;
+}
+
+.section-heading h2 {
+    color: var(--analytics-text);
+    font-size: 21px;
+    font-weight: 700;
+    margin: 0;
+}
+
+.section-heading p {
+    color: var(--analytics-muted);
+    font-size: 13px;
+    margin: 5px 0 0;
+}
+
+.panel {
+    background: var(--analytics-surface);
+    border: 1px solid var(--analytics-border-soft);
+    border-radius: var(--analytics-radius-lg);
+    box-shadow: var(--analytics-shadow);
+    padding: 20px;
+}
+
+.chart-panel {
+    min-height: 360px;
+}
+
+.chart-wrap {
+    height: 300px;
+    position: relative;
+}
+
+.split-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    gap: 18px;
+}
+
+.active-filter-bar {
+    align-items: center;
+    background: var(--analytics-accent-soft);
+    border: 1px solid #cbdde9;
+    border-radius: var(--analytics-radius-md);
+    display: none;
+    gap: 12px;
+    justify-content: space-between;
+    margin-bottom: 14px;
+    padding: 12px 14px;
+}
+
+.active-filter-bar.is-visible {
+    display: flex;
+}
+
+.active-filter-label {
+    color: var(--analytics-accent-strong);
+    font-size: 14px;
+    font-weight: 700;
+}
+
+.clear-filter-button {
+    background: var(--analytics-surface);
+    border: 1px solid #c3d6e3;
+    border-radius: 999px;
+    color: var(--analytics-accent-strong);
+    cursor: pointer;
+    font-size: 13px;
+    font-weight: 700;
+    min-height: 34px;
+    padding: 6px 14px;
+    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
+}
+
+.clear-filter-button:hover,
+.clear-filter-button:focus {
+    background: var(--analytics-accent-dark);
+    border-color: var(--analytics-accent-dark);
+    color: #ffffff;
+    box-shadow: 0 6px 14px rgba(24, 56, 79, 0.18);
+    outline: none;
+}
+
+.courses-toolbar {
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 12px;
+}
+
+.courses-count {
+    color: var(--analytics-muted);
+    font-size: 13px;
+}
+
+.courses-table-wrap {
+    overflow-x: hidden;
+}
+
+.courses-table {
+    border-collapse: collapse;
+    width: 100%;
+    table-layout: fixed;
+}
+
+.courses-table th {
+    background: #f3f6fa;
+    border-bottom: 1px solid var(--analytics-border);
+    color: #384152;
+    font-size: 12px;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    padding: 12px 12px;
+    text-align: left;
+    text-transform: uppercase;
+}
+
+.courses-table td {
+    border-bottom: 1px solid var(--analytics-border-soft);
+    color: var(--analytics-text);
+    font-size: 14px;
+    padding: 14px 12px;
+    vertical-align: top;
+}
+
+.courses-table td,
+.courses-table th {
+    word-break: break-word;
+    overflow-wrap: anywhere;
+}
+
+.courses-table th:nth-child(1),
+.courses-table td:nth-child(1) {
+    width: 32%;
+}
+
+.courses-table th:nth-child(2),
+.courses-table td:nth-child(2) {
+    width: 16%;
+}
+
+.courses-table th:nth-child(3),
+.courses-table td:nth-child(3) {
+    width: 22%;
+}
+
+.courses-table th:nth-child(4),
+.courses-table td:nth-child(4) {
+    width: 9%;
+}
+
+.courses-table th:nth-child(5),
+.courses-table td:nth-child(5) {
+    width: 11%;
+}
+
+.courses-table th:nth-child(6),
+.courses-table td:nth-child(6) {
+    width: 10%;
+}
+
+.courses-table tr:last-child td {
+    border-bottom: 0;
+}
+
+.courses-table tbody tr {
+    transition: background-color 0.16s ease;
+}
+
+.courses-table tbody tr:hover {
+    background: #f8fbfd;
+}
+
+.course-title {
+    color: var(--analytics-accent-strong);
+    font-weight: 700;
+    text-decoration: none;
+}
+
+.course-title:hover {
+    color: var(--analytics-accent);
+    text-decoration: underline;
+}
+
+.course-meta {
+    color: var(--analytics-muted);
+    font-size: 12px;
+    margin-top: 5px;
+}
+
+.filter-button {
+    background: var(--analytics-accent-soft-2);
+    border: 1px solid #d4e4ee;
+    border-radius: 999px;
+    color: var(--analytics-accent-strong);
+    cursor: pointer;
+    font: inherit;
+    font-size: 13px;
+    font-weight: 700;
+    padding: 5px 11px;
+    text-align: left;
+    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
+}
+
+.filter-button:hover,
+.filter-button:focus {
+    background: var(--analytics-accent-dark);
+    border-color: var(--analytics-accent-dark);
+    color: #ffffff;
+    box-shadow: 0 6px 14px rgba(24, 56, 79, 0.16);
+    outline: none;
+    text-decoration: none;
+}
+
+.course-link {
+    color: var(--analytics-accent-strong);
+    font-weight: 700;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+.course-link:hover {
+    color: var(--analytics-accent);
+    text-decoration: underline;
+}
+
+.empty-state {
+    color: var(--analytics-muted);
+    display: none;
+    font-size: 14px;
+    padding: 24px 0 6px;
+    text-align: center;
+}
+
+.empty-state.is-visible {
+    display: block;
+}
+
+@media (max-width: 980px) {
+    .analytics-header,
+    .section-heading,
+    .courses-toolbar {
+        align-items: flex-start;
+        flex-direction: column;
+    }
+
+    .analytics-summary {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .split-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .analytics-date {
+        white-space: normal;
+    }
+}
+
+@media (max-width: 640px) {
+    .analytics-page {
+        margin: -15px -15px 0;
+        padding: 24px 14px 36px;
+    }
+
+    .analytics-title {
+        font-size: 26px;
+    }
+
+    .analytics-summary {
+        grid-template-columns: 1fr;
+    }
+
+    .summary-value {
+        font-size: 26px;
+    }
+
+    .panel {
+        padding: 16px;
+    }
+}
+</style>
+</%block>
+
+<%block name="content">
+<div class="analytics-page">
+    <div class="analytics-shell">
+        <header class="analytics-header">
+            <div>
+                <div class="analytics-kicker">Course analytics</div>
+                <h1 class="analytics-title">${_("Course analysis")}</h1>
+                <p class="analytics-subtitle">
+                    ${_("Summary of published courses without test organizations. The current courses of the current year are shown below; schedules of faculties and directions filter the list")}.
+                </p>
+            </div>
+            <div class="analytics-date">${_("Updated")}: ${generated_at}</div>
+        </header>
+
+        <section class="analytics-summary" aria-label="Краткая сводка">
+            <div class="summary-card">
+                <div class="summary-label">${_("Total courses")}</div>
+                <div class="summary-value">${courses_count}</div>
+                <div class="summary-note">${_("Without test courses")}</div>
+            </div>
+            <div class="summary-card">
+                <div class="summary-label">${_("Current issues")} ${current_year}</div>
+                <div class="summary-value">${current_year_courses_count}</div>
+                <div class="summary-note">Используются в списке ниже</div>
+            </div>
+            <div class="summary-card">
+                <div class="summary-label">Факультетов</div>
+                <div class="summary-value">${faculty_count}</div>
+                <div class="summary-note">С заполненным полем faculty</div>
+            </div>
+            <div class="summary-card">
+                <div class="summary-label">Направлений</div>
+                <div class="summary-value">${directions_count}</div>
+                <div class="summary-note">С заполненным полем directions</div>
+            </div>
+        </section>
+
+        <section class="language-strip" aria-label="Языки курсов">
+            <span class="language-strip__title">Языки:</span>
+            % if language_summary:
+                % for language in language_summary:
+                    <span class="language-chip">${language["label"]}: <strong>${language["total"]}</strong></span>
+                % endfor
+            % else:
+                <span class="language-chip">Нет данных</span>
+            % endif
+        </section>
+
+        <section class="analytics-section">
+            <div class="section-heading">
+                <div>
+                    <h2>Курсы по годам</h2>
+                    <p>Динамика количества курсов по дате старта.</p>
+                </div>
+            </div>
+            <div class="panel chart-panel">
+                <div class="chart-wrap">
+                    <canvas id="byYear"></canvas>
+                </div>
+            </div>
+        </section>
+
+        <section class="analytics-section">
+            <div class="section-heading">
+                <div>
+                    <h2>Структура курсов</h2>
+                    <p>Нажмите на столбец факультета или направления, чтобы отфильтровать актуальные курсы ниже.</p>
+                </div>
+            </div>
+            <div class="split-grid">
+                <div class="panel chart-panel">
+                    <div class="section-heading">
+                        <div>
+                            <h2>Курсы по факультетам</h2>
+                            <p>Топ факультетов по количеству курсов.</p>
+                        </div>
+                    </div>
+                    <div class="chart-wrap">
+                        <canvas id="byFaculty"></canvas>
+                    </div>
+                </div>
+                <div class="panel chart-panel">
+                    <div class="section-heading">
+                        <div>
+                            <h2>Курсы по направлениям</h2>
+                            <p>Топ направлений по количеству курсов.</p>
+                        </div>
+                    </div>
+                    <div class="chart-wrap">
+                        <canvas id="byDirections"></canvas>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="analytics-section">
+            <div class="section-heading">
+                <div>
+                    <h2>Курсы топ 50</h2>
+                    <p>Актуальные курсы с датой старта в ${current_year} году.</p>
+                </div>
+            </div>
+
+            <div class="panel">
+                <div class="active-filter-bar" id="activeFilterBar">
+                    <div class="active-filter-label" id="activeFilterLabel"></div>
+                    <button class="clear-filter-button" type="button" id="clearFilterButton">Сбросить фильтр</button>
+                </div>
+
+                <div class="courses-toolbar">
+                    <div class="courses-count" id="coursesCount"></div>
+                </div>
+
+                <div class="courses-table-wrap">
+                    <table class="courses-table">
+                        <thead>
+                            <tr>
+                                <th>Курс</th>
+                                <th>Факультет</th>
+                                <th>Направление</th>
+                                <th>Язык</th>
+                                <th>Старт</th>
+                                <th></th>
+                            </tr>
+                        </thead>
+                        <tbody id="coursesTableBody"></tbody>
+                    </table>
+                </div>
+                <div class="empty-state" id="emptyState">По выбранному фильтру нет актуальных курсов за ${current_year} год.</div>
+            </div>
+        </section>
+    </div>
+</div>
+</%block>
+
+<%block name="extrajs">
+<script>
+(function () {
+    var yearLabels = ${year_labels | n};
+    var yearData = ${year_data | n};
+    var facultyLabels = ${faculty_labels | n};
+    var facultyData = ${faculty_data | n};
+    var directionsLabels = ${directions_labels | n};
+    var directionsData = ${directions_data | n};
+    var courses = ${courses_json | n};
+
+    var palette = [
+        "#2f6f95",
+        "#3b8067",
+        "#9a7742",
+        "#6f5f96",
+        "#9a5b5b",
+        "#4b7f8f",
+        "#6f7f54",
+        "#6b7280",
+        "#8a6680",
+        "#5f7896"
+    ];
+
+    Chart.defaults.font.family = "'Inter', 'Segoe UI', Arial, sans-serif";
+    Chart.defaults.color = "#5f6f82";
+    Chart.defaults.plugins.legend.display = false;
+
+    function barChart(canvasId, labels, values, horizontal) {
+        return new Chart(document.getElementById(canvasId), {
+            type: "bar",
+            data: {
+                labels: labels,
+                datasets: [{
+                    label: "Курсы",
+                    data: values,
+                    backgroundColor: labels.map(function (_, index) {
+                        return palette[index % palette.length];
+                    }),
+                    borderRadius: 4,
+                    maxBarThickness: horizontal ? 28 : 42
+                }]
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                indexAxis: horizontal ? "y" : "x",
+                plugins: {
+                    tooltip: {
+                        backgroundColor: "#18384f",
+                        borderColor: "#2f6f95",
+                        borderWidth: 1,
+                        cornerRadius: 8,
+                        padding: 11,
+                        titleFont: { weight: "700" },
+                        callbacks: {
+                            label: function (context) {
+                                return "Курсов: " + context.parsed[horizontal ? "x" : "y"];
+                            }
+                        }
+                    }
+                },
+                scales: {
+                    x: {
+                        beginAtZero: true,
+                        grid: { color: "#edf1f6" },
+                        ticks: { precision: 0 }
+                    },
+                    y: {
+                        beginAtZero: true,
+                        grid: { color: horizontal ? "transparent" : "#edf1f6" },
+                        ticks: { precision: 0 }
+                    }
+                }
+            }
+        });
+    }
+
+    var byYear = barChart("byYear", yearLabels, yearData, false);
+    var byFaculty = barChart("byFaculty", facultyLabels, facultyData, true);
+    var byDirections = barChart("byDirections", directionsLabels, directionsData, true);
+
+    var activeFilter = null;
+    var tableBody = document.getElementById("coursesTableBody");
+    var coursesCount = document.getElementById("coursesCount");
+    var activeFilterBar = document.getElementById("activeFilterBar");
+    var activeFilterLabel = document.getElementById("activeFilterLabel");
+    var emptyState = document.getElementById("emptyState");
+    var clearFilterButton = document.getElementById("clearFilterButton");
+
+    function escapeHtml(value) {
+        return String(value || "")
+            .replace(/&/g, "&amp;")
+            .replace(/</g, "&lt;")
+            .replace(/>/g, "&gt;")
+            .replace(/"/g, "&quot;")
+            .replace(/'/g, "&#039;");
+    }
+
+    function courseCell(course) {
+        return '' +
+            '<a class="course-title" href="' + escapeHtml(course.url) + '">' + escapeHtml(course.display_name) + '</a>' +
+            '<div class="course-meta">' + escapeHtml(course.id) + '</div>';
+    }
+
+    function filterButton(type, value) {
+        if (!value) {
+            return '<span class="course-meta">Не указано</span>';
+        }
+        return '<button class="filter-button" type="button" data-filter-type="' + type + '" data-filter-value="' + escapeHtml(value) + '">' + escapeHtml(value) + '</button>';
+    }
+
+    function filteredCourses() {
+        if (!activeFilter) {
+            return courses;
+        }
+        return courses.filter(function (course) {
+            return course[activeFilter.type] === activeFilter.value;
+        });
+    }
+
+    function renderCourses() {
+        var visibleCourses = filteredCourses();
+        tableBody.innerHTML = visibleCourses.map(function (course) {
+            return '' +
+                '<tr>' +
+                    '<td>' + courseCell(course) + '</td>' +
+                    '<td>' + filterButton("faculty", course.faculty) + '</td>' +
+                    '<td>' + filterButton("directions", course.directions) + '</td>' +
+                    '<td>' + escapeHtml(course.language || "Не указан") + '</td>' +
+                    '<td>' + escapeHtml(course.start || "Не указано") + '</td>' +
+                    '<td><a class="course-link" href="' + escapeHtml(course.url) + '">Открыть</a></td>' +
+                '</tr>';
+        }).join("");
+
+        coursesCount.textContent = "Показано: " + visibleCourses.length + " из " + courses.length;
+        emptyState.classList.toggle("is-visible", visibleCourses.length === 0);
+
+        if (activeFilter) {
+            activeFilterBar.classList.add("is-visible");
+            activeFilterLabel.textContent = (activeFilter.type === "faculty" ? "Факультет: " : "Направление: ") + activeFilter.value;
+        } else {
+            activeFilterBar.classList.remove("is-visible");
+            activeFilterLabel.textContent = "";
+        }
+    }
+
+    function setFilter(type, value) {
+        activeFilter = { type: type, value: value };
+        renderCourses();
+        document.getElementById("coursesTableBody").scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+
+    document.getElementById("byFaculty").onclick = function (event) {
+        var point = byFaculty.getElementsAtEventForMode(event, "nearest", { intersect: true }, true)[0];
+        if (point) {
+            setFilter("faculty", facultyLabels[point.index]);
+        }
+    };
+
+    document.getElementById("byDirections").onclick = function (event) {
+        var point = byDirections.getElementsAtEventForMode(event, "nearest", { intersect: true }, true)[0];
+        if (point) {
+            setFilter("directions", directionsLabels[point.index]);
+        }
+    };
+
+    tableBody.addEventListener("click", function (event) {
+        var button = event.target.closest("[data-filter-type]");
+        if (button) {
+            setFilter(button.getAttribute("data-filter-type"), button.getAttribute("data-filter-value"));
+        }
+    });
+
+    clearFilterButton.addEventListener("click", function () {
+        activeFilter = null;
+        renderCourses();
+    });
+
+    renderCourses();
+})();
+</script>
+</%block>
diff --git a/lms/templates/news/course_details.html b/lms/templates/news/course_details.html
new file mode 100644
index 000000000000..3d780bc1ca31
--- /dev/null
+++ b/lms/templates/news/course_details.html
@@ -0,0 +1,231 @@
+<%page expression_filter="h"/>
+<%! from django.utils.translation import gettext as _ %>
+<%inherit file="../main.html" />
+
+<%def name="pagetitle()">${_("Course analytics")} — ${course.display_name or course.id}</%def>
+
+<%block name="head_extra">
+<style>
+    .course-analytics { background: #f6f8fb; color: #172033; padding: 32px 20px 48px; }
+    .course-analytics * { box-sizing: border-box; }
+    .course-analytics .details-shell { max-width: 1240px; margin: 0 auto; }
+    .course-analytics a { color: #245777; }
+    .course-analytics .details-nav { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; font-size: 14px; }
+    .course-analytics .details-muted { color: #667085; font-size: 13px; line-height: 1.6; }
+    .course-analytics .details-hero { background: #244b66; color: #fff; padding: 30px; border-radius: 12px; margin-bottom: 22px; }
+    .course-analytics .details-kicker { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 12px; color: #c6deee; }
+    .course-analytics h1 { color: inherit; font-size: 32px; font-weight: 700; line-height: 1.2; margin: 0 0 14px; overflow-wrap: anywhere; }
+    .course-analytics .details-course-id { color: #d4e5f0; font-size: 13px; overflow-wrap: anywhere; margin: 0 0 20px; }
+    .course-analytics .details-hero-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; }
+    .course-analytics .details-hero-bottom p { margin: 0; color: #e0ebf2; font-size: 14px; }
+    .course-analytics .details-open { display: inline-block; background: #fff; color: #244b66; padding: 10px 16px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; }
+    .course-analytics .details-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 22px; }
+    .course-analytics .details-card, .course-analytics .details-panel { background: #fff; border: 1px solid #e0e7ef; border-radius: 10px; box-shadow: 0 2px 8px rgba(16,24,40,.04); padding: 22px; min-width: 0; }
+    .course-analytics .details-card-label { font-size: 14px; color: #475467; margin-bottom: 12px; }
+    .course-analytics .details-card-value { font-size: 36px; font-weight: 700; line-height: 1.15; margin-bottom: 8px; font-variant-numeric: tabular-nums; }
+    .course-analytics .details-card-value.good { color: #34775e; }
+    .course-analytics .details-card p { margin: 0; }
+    .course-analytics .details-columns { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 20px; margin-bottom: 20px; }
+    .course-analytics h2 { color: #172033; font-size: 19px; font-weight: 700; margin: 0 0 8px; }
+    .course-analytics .details-panel > .details-muted { margin: 0 0 24px; }
+    .course-analytics .details-chart-scroll { overflow-x: auto; }
+    .course-analytics .details-chart { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(50px, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
+    .course-analytics .details-chart li { min-width: 0; text-align: center; }
+    .course-analytics .details-chart-number { font-size: 12px; font-weight: 700; margin-bottom: 8px; }
+    .course-analytics .details-chart-track { height: 150px; background: #f5f8fb; display: flex; align-items: flex-end; border-bottom: 1px solid #cdd8e3; }
+    .course-analytics .details-chart-fill { width: 100%; background: #39799f; border-radius: 4px 4px 0 0; }
+    .course-analytics .details-chart-month { margin-top: 10px; font-size: 10px; color: #667085; white-space: nowrap; }
+    .course-analytics .details-facts { margin: 0; }
+    .course-analytics .details-fact { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; padding: 13px 0; border-bottom: 1px solid #edf1f6; }
+    .course-analytics .details-fact:last-child { border-bottom: 0; }
+    .course-analytics dt { color: #667085; font-size: 14px; }
+    .course-analytics dd { margin: 0; text-align: right; color: #172033; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
+    .course-analytics .details-outcome { border-bottom: 1px solid #edf1f6; padding: 16px 0; }
+    .course-analytics .details-outcome:first-of-type { padding-top: 0; }
+    .course-analytics .details-outcome:last-child { border-bottom: 0; padding-bottom: 0; }
+    .course-analytics .details-outcome-row { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; margin-bottom: 6px; }
+    .course-analytics .details-outcome-row strong { font-size: 23px; white-space: nowrap; }
+    .course-analytics .details-outcome p { margin: 0; }
+    .course-analytics .details-empty { padding: 18px; background: #f5f8fb; border-radius: 6px; color: #667085; margin-bottom: 16px; }
+    .course-analytics a:focus-visible { outline: 3px solid #62a9d5; outline-offset: 4px; }
+    .course-analytics .details-runs { margin-bottom: 22px; }
+    .course-analytics .details-runs summary { cursor: pointer; font-weight: 700; padding: 8px 0; }
+    .course-analytics .details-run-list { max-height: 320px; overflow-y: auto; padding: 0; border: 0; margin: 16px 0; }
+    .course-analytics .details-run { display: flex; align-items: baseline; gap: 14px; padding: 12px 0; border-bottom: 1px solid #edf1f6; }
+    .course-analytics .details-run label { flex: 1; overflow-wrap: anywhere; cursor: pointer; }
+    .course-analytics .details-run input { margin-right: 8px; }
+    .course-analytics .details-run a { flex-shrink: 0; }
+    .course-analytics .details-run-actions { display: flex; flex-wrap: wrap; gap: 12px; }
+    .course-analytics .details-run-actions button { background: #244b66; color: #fff; padding: 10px 16px; border: 0; border-radius: 6px; text-shadow: none; box-shadow: none; }
+    .course-analytics .details-run-actions button:disabled { opacity: .5; cursor: not-allowed; }
+    @media (max-width: 900px) {
+        .course-analytics .details-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+        .course-analytics .details-columns { grid-template-columns: 1fr; }
+    }
+    @media (max-width: 480px) {
+        .course-analytics { padding: 22px 12px 32px; }
+        .course-analytics .details-hero { padding: 22px; }
+        .course-analytics h1 { font-size: 25px; }
+        .course-analytics .details-card, .course-analytics .details-panel { padding: 16px; }
+        .course-analytics .details-summary { gap: 10px; }
+        .course-analytics .details-card-value { font-size: 29px; }
+    }
+</style>
+</%block>
+
+<main class="course-analytics">
+    <div class="details-shell">
+        <nav class="details-nav" aria-label="${_('Analytics navigation')}">
+            <a href="${analysis_url}">← ${_("Back to all courses")}</a>
+            <span class="details-muted">${_("Updated")}: ${generated_at}</span>
+        </nav>
+
+        <header class="details-hero">
+            <p class="details-kicker">${_("Course analytics")}</p>
+            <h1>${course.display_name or course.id}</h1>
+            <p class="details-course-id">${course.id}</p>
+            <div class="details-hero-bottom">
+                <p>${_("Selected runs")}: ${len(selected_runs)} / ${len(available_runs)} · ${_("Entire period")}</p>
+                <a class="details-open" href="${course_url}">${_("Go to course")} →</a>
+            </div>
+        </header>
+
+        <section class="details-panel details-runs">
+            <details>
+                <summary>${_("Choose course runs")}</summary>
+                <p class="details-muted">${_("Select one or more runs, or view all runs for the entire lifetime of the course.")}</p>
+                <form method="get" action="${selection_url}" id="runSelectionForm">
+                    <input type="hidden" name="selection" value="1" />
+                    <fieldset class="details-run-list">
+                        <legend>${_("Course runs")}</legend>
+                        % for run in available_runs:
+                            <div class="details-run">
+                                <label>
+                                    <input type="checkbox" name="run" value="${run.id}" ${'checked' if str(run.id) in selected_ids else ''} />
+                                    <strong>${run.id.run}</strong> — ${run.display_name or run.id}
+                                    <span class="details-muted">(${run.start.strftime('%d.%m.%Y') if run.start else _('Start date not specified')} — ${run.end.strftime('%d.%m.%Y') if run.end else _('End date not specified')})</span>
+                                </label>
+                                <a href="${selection_url}?run=${str(run.id) | u}">${_("Only this run")}</a>
+                            </div>
+                        % endfor
+                    </fieldset>
+                    <div class="details-run-actions">
+                        <button type="submit" id="applyRuns">${_("Apply selection")}</button>
+                        <button type="submit" name="scope" value="all">${_("All runs for the entire period")}</button>
+                    </div>
+                </form>
+            </details>
+            <p class="details-muted">${_("Selected runs")}:
+                ${', '.join(str(run.id.run) for run in selected_runs)}
+            </p>
+        </section>
+
+        <section class="details-summary" aria-label="${_('Course summary')}">
+            <article class="details-card">
+                <div class="details-card-label">${_("Total enrolled users")}</div>
+                <div class="details-card-value">${stats['total']}</div>
+                <p class="details-muted">${_("Unique users across selected runs, including inactive enrollments.")}</p>
+            </article>
+            <article class="details-card">
+                <div class="details-card-label">${_("Active enrollments")}</div>
+                <div class="details-card-value">${stats['active']}</div>
+                <p class="details-muted">${_("Users currently enrolled in at least one selected run; does not measure learning activity.")}</p>
+            </article>
+            <article class="details-card">
+                <div class="details-card-label">${_("Certificate recipients")}</div>
+                <div class="details-card-value good">${stats['certificates']}</div>
+                <p class="details-muted">${_("Users with an issued, available certificate.")}</p>
+            </article>
+            <article class="details-card">
+                <div class="details-card-label">${_("Certificate rate")}</div>
+                <div class="details-card-value good">${stats['certificate_rate']}%</div>
+                <p class="details-muted">${_("Certificate recipients divided by all enrolled users.")}</p>
+            </article>
+        </section>
+
+        <div class="details-columns">
+            <section class="details-panel">
+                <h2>${_("Enrollment history")}</h2>
+                <p class="details-muted">${_("Enrollment records across selected runs for the entire period. A user enrolled in two runs is counted twice. The current month is incomplete.")}</p>
+                % if not history_total:
+                    <div class="details-empty">${_("No new enrollments in this period.")}</div>
+                % endif
+                <div class="details-chart-scroll" tabindex="0" role="region" aria-label="${_('Monthly enrollments')}">
+                    <ol class="details-chart">
+                        % for month in enrollment_history:
+                            <li>
+                                <div class="details-chart-number">${month['total']}</div>
+                                <div class="details-chart-track" aria-hidden="true">
+                                    <div class="details-chart-fill" style="height: ${month['height']}%"></div>
+                                </div>
+                                <div class="details-chart-month">${month['label']}</div>
+                            </li>
+                        % endfor
+                    </ol>
+                </div>
+            </section>
+
+            <section class="details-panel">
+                <h2>${_("Enrollment status")}</h2>
+                <p class="details-muted">${_("Each user is counted once across selected runs. Inactive means no active enrollment in any selected run.")}</p>
+                <dl class="details-facts">
+                    <div class="details-fact"><dt>${_("Active")}</dt><dd>${stats['active']}</dd></div>
+                    <div class="details-fact"><dt>${_("Inactive")}</dt><dd>${stats['inactive']}</dd></div>
+                    <div class="details-fact"><dt>${_("New in the last 30 days")}</dt><dd>${stats['recent']}</dd></div>
+                    <div class="details-fact"><dt>${_("Total enrollment records")}</dt><dd>${stats['enrollment_records']}</dd></div>
+                </dl>
+            </section>
+        </div>
+
+        <div class="details-columns">
+            <section class="details-panel">
+                <h2>${_("Learning outcomes")}</h2>
+                <p class="details-muted">${_("Based on saved grades and certificate records for enrolled users.")}</p>
+                <div class="details-outcome">
+                    <div class="details-outcome-row"><span>${_("Earned a passing grade at least once")}</span><strong>${stats['passed']}</strong></div>
+                    <p class="details-muted">${_("A recorded passing date does not guarantee a currently valid certificate.")}</p>
+                </div>
+                <div class="details-outcome">
+                    <div class="details-outcome-row">
+                        <span>${_("Average saved grade")}</span>
+                        <strong>${str(stats['average_grade']) + '%' if stats['average_grade'] is not None else '—'}</strong>
+                    </div>
+                    <p class="details-muted">${_("Users with a saved grade")}: ${stats['grades_recorded']}. ${_("Missing grades are not counted as zero.")}</p>
+                    <p class="details-muted">${_("The average includes each saved grade in each selected run.")}</p>
+                </div>
+                <div class="details-outcome">
+                    <div class="details-outcome-row"><span>${_("Certificate recipients")}</span><strong>${stats['certificates']}</strong></div>
+                    <p class="details-muted">${_("Issued certificates across selected runs")}: ${stats['issued_certificates']}</p>
+                    <p class="details-muted">${_("Only issued, available certificates are counted. Revoked certificates and generation errors are excluded. This is not a download count.")}</p>
+                </div>
+            </section>
+
+            <section class="details-panel">
+                <h2>${_("Course information")}</h2>
+                <p class="details-muted">${_("Information for the displayed run")}: ${course.id.run}</p>
+                <dl class="details-facts">
+                    <div class="details-fact"><dt>${_("Organization")}</dt><dd>${course.org or '—'}</dd></div>
+                    <div class="details-fact"><dt>${_("Faculty")}</dt><dd>${faculty or '—'}</dd></div>
+                    <div class="details-fact"><dt>${_("Direction")}</dt><dd>${directions or '—'}</dd></div>
+                    <div class="details-fact"><dt>${_("Language")}</dt><dd>${course.language or '—'}</dd></div>
+                    <div class="details-fact"><dt>${_("Start date")}</dt><dd>${course.start.strftime('%d.%m.%Y') if course.start else '—'}</dd></div>
+                    <div class="details-fact"><dt>${_("End date")}</dt><dd>${course.end.strftime('%d.%m.%Y') if course.end else '—'}</dd></div>
+                </dl>
+            </section>
+        </div>
+    </div>
+</main>
+
+<%block name="extrajs">
+<script>
+    (function () {
+        var form = document.getElementById("runSelectionForm");
+        var applyButton = document.getElementById("applyRuns");
+        function updateSelection() {
+            applyButton.disabled = !form.querySelector('input[name="run"]:checked');
+        }
+        form.addEventListener("change", updateSelection);
+        updateSelection();
+    })();
+</script>
+</%block>
diff --git a/lms/templates/news/detail.html b/lms/templates/news/detail.html
new file mode 100644
index 000000000000..389e10840b91
--- /dev/null
+++ b/lms/templates/news/detail.html
@@ -0,0 +1,106 @@
+<%! from django.utils.html import escape %>
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <title>${escape(news.title)}</title>
+    <style>
+        :root {
+            --primary-dark: #1a263c;
+            --primary-accent: #d3985c;
+            --primary-light: #f5f7fa;
+            --text-dark: #333;
+            --text-light: #fff;
+            --shadow: 0 4px 12px rgba(0,0,0,0.1);
+            --border-radius: 10px;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: var(--primary-light);
+            color: var(--text-dark);
+            margin: 0;
+            padding: 0;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 50px auto;
+            background-color: #fff;
+            padding: 30px 40px;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+        }
+
+        article h1 {
+            font-size: 2.2rem;
+            margin-bottom: 10px;
+            color: var(--primary-dark);
+        }
+
+        article em {
+            display: block;
+            margin-bottom: 20px;
+            color: #666;
+            font-size: 0.9rem;
+        }
+
+        article img {
+            display: block;
+            max-width: 100%;
+            margin: 20px 0;
+            border-radius: var(--border-radius);
+            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+        }
+
+        article div {
+            font-size: 1rem;
+            line-height: 1.7;
+            color: var(--text-dark);
+        }
+
+        .back-link {
+            display: inline-block;
+            margin-top: 30px;
+            padding: 10px 20px;
+            background-color: var(--primary-accent);
+            color: var(--text-light);
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background-color 0.3s ease;
+        }
+
+        .back-link:hover {
+            background-color: var(--primary-dark);
+        }
+
+        /* Адаптив для мобильных */
+        @media (max-width: 768px) {
+            .container {
+                padding: 20px;
+                margin: 30px auto;
+            }
+
+            article h1 {
+                font-size: 1.8rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <article>
+            <h1>${escape(news.title)}</h1>
+            <em>${news.created_at.date()}</em>
+
+            % if news.image:
+                <img src="${news.image.url}" alt="${escape(news.title)}">
+            % endif
+
+            <div>${news.content | n}</div>
+        </article>
+
+        <a href="/news/" class="back-link">Назад к списку</a>
+    </div>
+</body>
+</html>
diff --git a/lms/templates/news/form.html b/lms/templates/news/form.html
new file mode 100644
index 000000000000..4bbcfda69a4d
--- /dev/null
+++ b/lms/templates/news/form.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Добавить новость</title>
+    <style>
+        .form-group {
+            margin-bottom: 15px;
+        }
+        label {
+            display: block;
+            margin-bottom: 5px;
+            font-weight: bold;
+        }
+        input[type="text"], textarea, input[type="file"] {
+            width: 100%;
+            padding: 8px;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+        }
+        textarea {
+            height: 200px;
+            resize: vertical;
+        }
+        button {
+            background-color: #007bff;
+            color: white;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        button:hover {
+            background-color: #0056b3;
+        }
+    </style>
+</head>
+<body>
+    <h1>Создание новости</h1>
+    <form method="post" enctype="multipart/form-data">
+        <input type="hidden" name="csrfmiddlewaretoken" value="${csrf_token}">
+
+        <div class="form-group">
+            <label for="id_title">Заголовок:</label>
+            <input type="text" name="title" id="id_title" required>
+        </div>
+
+        <div class="form-group">
+            <label for="id_content">Содержание:</label>
+            <textarea name="content" id="id_content" required></textarea>
+        </div>
+
+        <div class="form-group">
+            <label for="id_image">Изображение:</label>
+            <input type="file" name="image" id="id_image" accept="image/*">
+        </div>
+
+        <button type="submit">Сохранить</button>
+    </form>
+    <a href="/news/">Назад к списку</a>
+</body>
+</html>
diff --git a/lms/templates/news/list.html b/lms/templates/news/list.html
new file mode 100644
index 000000000000..218569741f33
--- /dev/null
+++ b/lms/templates/news/list.html
@@ -0,0 +1,255 @@
+<%page expression_filter="h"/>
+<%! from django.utils.translation import gettext as _ %>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("News")}</%block>
+
+<%block name="extrahead">
+    <style>
+        :root {
+            --primary-dark: #1a263c;
+            --primary-accent: #d3985c;
+            --primary-light: #f5f7fa;
+            --secondary-dark: #142034;
+            --text-dark: #333;
+            --text-light: #fff;
+            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            --border-radius: 8px;
+        }
+
+        .news-container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+
+        .page-header {
+            text-align: center;
+            margin-bottom: 40px;
+            color: var(--primary-dark);
+            position: relative;
+            padding-bottom: 15px;
+        }
+
+        .page-header h1 {
+            font-size: 2.5rem;
+            margin-bottom: 10px;
+        }
+
+        .page-header::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 80px;
+            height: 4px;
+            background: var(--primary-accent);
+            border-radius: 2px;
+        }
+
+        .news-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+            gap: 30px;
+            margin-top: 30px;
+        }
+
+        .news-card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            overflow: hidden;
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .news-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+        }
+
+        .news-image {
+            width: 100%;
+            height: auto; /* автоматически подстраивает высоту */
+            max-height: 400px; /* при желании ограничиваем максимальную высоту */
+            object-fit: contain; /* картинка полностью видна */
+            background-color: #f0f0f0;
+            border-radius: var(--border-radius);
+            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+        }
+
+        .news-content {
+            padding: 25px;
+            flex-grow: 1;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .news-title {
+            margin-bottom: 15px;
+        }
+
+        .news-title a {
+            color: var(--primary-dark);
+            text-decoration: none;
+            font-size: 1.4rem;
+            font-weight: 600;
+            line-height: 1.3;
+            transition: color 0.3s ease;
+        }
+
+        .news-title a:hover {
+            color: var(--primary-accent);
+        }
+
+        .news-date {
+            color: #666;
+            font-size: 0.9rem;
+            margin-bottom: 15px;
+            display: flex;
+            align-items: center;
+        }
+
+        .news-date::before {
+            content: "📅";
+            margin-right: 8px;
+        }
+
+        .news-excerpt {
+            color: var(--text-dark);
+            line-height: 1.6;
+            margin-bottom: 20px;
+            flex-grow: 1;
+        }
+
+        .read-more {
+            align-self: flex-start;
+            background: var(--primary-accent);
+            color: white;
+            padding: 8px 20px;
+            border-radius: 4px;
+            text-decoration: none;
+            font-weight: 600;
+            transition: background 0.3s;
+            font-size: 0.9rem;
+        }
+
+        .read-more:hover {
+            background: var(--primary-dark);
+        }
+
+        .no-image-placeholder {
+            width: 100%;
+            height: 200px;
+            background: linear-gradient(135deg, var(--primary-dark) 0%, var(--secondary-dark) 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-size: 3rem;
+        }
+
+        .no-news {
+            text-align: center;
+            padding: 60px 20px;
+            color: #666;
+        }
+
+        .no-news-icon {
+            font-size: 4rem;
+            margin-bottom: 20px;
+            opacity: 0.5;
+        }
+
+        /* Responsive styles */
+        @media (max-width: 768px) {
+            .news-grid {
+                grid-template-columns: 1fr;
+                gap: 20px;
+            }
+
+            .page-header h1 {
+                font-size: 2rem;
+            }
+
+            .news-content {
+                padding: 20px;
+            }
+        }
+    </style>
+</%block>
+
+<div class="news-container">
+    <div class="page-header">
+        <h1>${_("News")}</h1>
+        <p>${_("Stay updated with the latest news and announcements")}</p>
+    </div>
+
+    % if news_list:
+        <div class="news-grid">
+            % for news in news_list:
+                <div class="news-card">
+                    % if news.image:
+                        <img src="${news.image.url}" alt="${news.title}" class="news-image">
+                    % else:
+                        <div class="no-image-placeholder">
+                            <i class="fas fa-newspaper"></i>
+                        </div>
+                    % endif
+
+                    <div class="news-content">
+                        <div class="news-title">
+                            <a href="/news/${news.pk}/">${news.title}</a>
+                        </div>
+
+                        <div class="news-date">
+                            ${news.created_at.date()}
+                        </div>
+
+                        <div class="news-excerpt">
+                            ${news.content[:100]}...
+                        </div>
+
+                        <a href="/news/${news.pk}/" class="read-more">
+                            ${_("Read more")} →
+                        </a>
+                    </div>
+                </div>
+            % endfor
+        </div>
+    % else:
+        <div class="no-news">
+            <div class="no-news-icon">📰</div>
+            <h3>${_("No news available")}</h3>
+            <p>${_("Check back later for updates")}</p>
+        </div>
+    % endif
+</div>
+
+<%block name="extrajs">
+    <script>
+        // Add subtle animation when news cards come into view
+        document.addEventListener('DOMContentLoaded', function() {
+            const newsCards = document.querySelectorAll('.news-card');
+
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        entry.target.style.opacity = 1;
+                        entry.target.style.transform = 'translateY(0)';
+                    }
+                });
+            }, { threshold: 0.1 });
+
+            newsCards.forEach(card => {
+                card.style.opacity = 0;
+                card.style.transform = 'translateY(20px)';
+                card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
+                observer.observe(card);
+            });
+        });
+    </script>
+</%block>
diff --git a/lms/templates/static_templates/about.html b/lms/templates/static_templates/about.html
index dae42e36dedb..128eef771e21 100644
--- a/lms/templates/static_templates/about.html
+++ b/lms/templates/static_templates/about.html
@@ -4,13 +4,549 @@
 
 <%block name="pagetitle">${_("About")}</%block>
 
-<main id="main" aria-label="Content" tabindex="-1">
-    <section class="container about">
-        <h1>
-            <%block name="pageheader">${page_header or _("About")}</%block>
-        </h1>
-        <p>
-            <%block name="pagecontent">${page_content or _("This page left intentionally blank. Feel free to add your own content.")}</%block>
-        </p>
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        :root {
+            --primary-dark: #1a263c;
+            --primary-accent: #d3985c;
+            --primary-light: #f5f7fa;
+            --secondary-dark: #142034;
+            --text-dark: #333;
+            --text-light: #fff;
+            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            --border-radius: 8px;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            line-height: 1.6;
+            color: var(--text-dark);
+            background-color: var(--primary-light);
+        }
+
+        .container {
+            width: 100%;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+
+        /* Header styles */
+        .hero {
+            background: linear-gradient(rgba(26, 38, 60, 0.85), rgba(26, 38, 60, 0.9)), url('https://open.kaznu.kz/static/kaznu/images/header.png') center/cover no-repeat;
+            height: 350px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            position: relative;
+            margin-bottom: 40px;
+        }
+
+        .hero-content {
+            max-width: 800px;
+            padding: 20px;
+            color: var(--text-light);
+        }
+
+        .hero h1 {
+            font-size: 2.5rem;
+            margin-bottom: 20px;
+            font-weight: 700;
+            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+        }
+
+        /* Section styling */
+        section {
+            margin-bottom: 60px;
+        }
+
+        .section-title {
+            text-align: center;
+            margin-bottom: 40px;
+            color: var(--primary-dark);
+            position: relative;
+        }
+
+        .section-title h2 {
+            font-size: 2rem;
+            display: inline-block;
+            padding-bottom: 10px;
+        }
+
+        .section-title h2::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 80px;
+            height: 4px;
+            background: var(--primary-accent);
+            border-radius: 2px;
+        }
+
+        .content-card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            padding: 30px;
+            margin-bottom: 30px;
+            transition: transform 0.3s ease;
+        }
+
+        .content-card:hover {
+            transform: translateY(-5px);
+        }
+
+        .content-card h3 {
+            color: var(--primary-dark);
+            margin-bottom: 15px;
+            font-size: 1.5rem;
+        }
+
+        .timeline {
+            position: relative;
+            max-width: 800px;
+            margin: 0 auto;
+        }
+
+        .timeline::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            width: 4px;
+            background: var(--primary-accent);
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .timeline-item {
+            position: relative;
+            width: 50%;
+            padding: 20px 40px;
+        }
+
+        .timeline-item:nth-child(odd) {
+            left: 0;
+        }
+
+        .timeline-item:nth-child(even) {
+            left: 50%;
+        }
+
+        .timeline-item::after {
+            content: '';
+            position: absolute;
+            width: 20px;
+            height: 20px;
+            background: var(--primary-accent);
+            border: 4px solid white;
+            border-radius: 50%;
+            top: 30px;
+        }
+
+        .timeline-item:nth-child(odd)::after {
+            right: -10px;
+        }
+
+        .timeline-item:nth-child(even)::after {
+            left: -10px;
+        }
+
+        .timeline-content {
+            background: white;
+            padding: 25px;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            position: relative;
+        }
+
+        .timeline-date {
+            font-weight: 700;
+            color: var(--primary-accent);
+            margin-bottom: 10px;
+            display: block;
+        }
+
+        /* Team section */
+        .team-section {
+            margin: 60px 0;
+        }
+
+        .team-category {
+            margin-bottom: 40px;
+        }
+
+        .team-category h3 {
+            color: var(--primary-dark);
+            border-bottom: 2px solid var(--primary-accent);
+            padding-bottom: 10px;
+            margin-bottom: 25px;
+            font-size: 1.5rem;
+        }
+
+        .team-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            gap: 25px;
+        }
+
+        .team-card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            padding: 25px;
+            text-align: center;
+            transition: all 0.3s ease;
+            border-top: 4px solid var(--primary-accent);
+        }
+
+        .team-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
+        }
+
+        .team-icon {
+            font-size: 2.5rem;
+            color: var(--primary-dark);
+            margin-bottom: 15px;
+        }
+
+        .team-card h4 {
+            color: var(--primary-dark);
+            margin-bottom: 10px;
+            font-size: 1.3rem;
+        }
+
+        .team-card p {
+            color: #666;
+            font-size: 1rem;
+        }
+
+        /* Highlight box */
+        .highlight-box {
+            background: linear-gradient(135deg, var(--primary-dark) 0%, var(--secondary-dark) 100%);
+            border-radius: var(--border-radius);
+            color: white;
+            padding: 30px;
+            margin: 40px 0;
+            box-shadow: var(--shadow);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .highlight-box::before {
+            content: "🎓";
+            position: absolute;
+            font-size: 6rem;
+            opacity: 0.1;
+            right: 20px;
+            top: 20px;
+            transform: rotate(15deg);
+        }
+
+        .highlight-box h3 {
+            font-size: 1.8rem;
+            margin-bottom: 15px;
+            position: relative;
+        }
+
+        .highlight-box h3::after {
+            content: '';
+            position: absolute;
+            bottom: -10px;
+            left: 0;
+            width: 60px;
+            height: 4px;
+            background: var(--primary-accent);
+            border-radius: 2px;
+        }
+
+        /* Link styling */
+        a {
+            color: var(--primary-accent);
+            text-decoration: none;
+            font-weight: 600;
+            transition: color 0.3s;
+        }
+
+        a:hover {
+            color: var(--primary-dark);
+            text-decoration: underline;
+        }
+
+        /* Responsive styles */
+        @media (max-width: 768px) {
+            .hero {
+                height: 250px;
+            }
+
+            .hero h1 {
+                font-size: 1.8rem;
+            }
+
+            .timeline::before {
+                left: 30px;
+            }
+
+            .timeline-item {
+                width: 100%;
+                padding-left: 70px;
+                padding-right: 20px;
+                left: 0 !important;
+            }
+
+            .timeline-item::after {
+                left: 20px !important;
+            }
+
+            .team-grid {
+                grid-template-columns: 1fr;
+            }
+
+            .highlight-box {
+                padding: 20px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="hero-content">
+            <h1 style="color: white !important;">О нас - Open Kaznu</h1>
+            <p style="font-size: 1.2rem">Казахский национальный университет им. аль-Фараби</p>
+        </div>
     </section>
-</main>
+
+    <div class="container">
+        <!-- About Section -->
+        <section>
+            <div class="section-title">
+                <h2>О платформе</h2>
+            </div>
+
+            <div class="content-card">
+                <p>Казахский национальный университет им. аль-Фараби является лидером среди казахстанских университетов по внедрению MOOC на открытой платформе OpenEdx.</p>
+
+                <p>С 2014-2015 учебного года Центр дистанционного образования КазНУ им. аль-Фараби совместно с преподавательским составом начал работу по созданию MOOC, и в настоящее время на <a href="http://open.kaznu.kz">http://open.kaznu.kz</a> существует собственная платформа MOOC на основе системы Open edX.</p>
+            </div>
+
+            <div class="highlight-box">
+                <h3 style="color: white !important;">История развития</h3>
+                <p>1 октября 2015 года были запущены первые открытые курсы от ведущих преподавателей КазНУ им. аль-Фараби - "Теория вероятностей" и "Физические задачи" с доцентом В. Кашкаровым, на которые записались около 250 и 500 студентов из разных регионов Казахстана соответственно.</p>
+            </div>
+
+            <div class="content-card">
+                <p>Эти курсы в основном посещали студенты 1-2 курсов КазНУ им. аль-Фараби, старшие классы Назарбаев интеллектуальных школ, профильные физико-математические и средние школы. Анализ данных показал большой интерес к этим курсам, что дает стимул преподавательскому составу и сотрудникам университета продолжать работу в этом направлении. К концу июня 2016 года в системе было зарегистрировано более двух тысяч слушателей.</p>
+
+                <p>При активном содействии КазНУ им. аль-Фараби была запущена Национальная платформа открытого образования Казахстана (далее - НПОК).</p>
+            </div>
+        </section>
+
+        <!-- Development Timeline -->
+        <section>
+            <div class="section-title">
+                <h2>Этапы развития</h2>
+            </div>
+
+            <div class="timeline">
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <span class="timeline-date">2014-2015</span>
+                        <h3>Начало работы</h3>
+                        <p>Центр дистанционного образования КазНУ начинает работу по созданию MOOC</p>
+                    </div>
+                </div>
+
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <span class="timeline-date">Октябрь 2015</span>
+                        <h3>Первый запуск</h3>
+                        <p>Запущены первые открытые курсы от ведущих преподавателей университета</p>
+                    </div>
+                </div>
+
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <span class="timeline-date">Январь 2016</span>
+                        <h3>Реорганизация</h3>
+                        <p>Центр дистанционного образования преобразован в Институт дистанционного образования</p>
+                    </div>
+                </div>
+
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <span class="timeline-date">Февраль 2016</span>
+                        <h3>Новый этап</h3>
+                        <p>Институт дистанционного образования преобразован в Институт новых образовательных технологий</p>
+                    </div>
+                </div>
+
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <span class="timeline-date">Июнь 2016</span>
+                        <h3>Достижение</h3>
+                        <p>В системе зарегистрировано более двух тысяч слушателей</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Institutional Development -->
+        <section>
+            <div class="content-card">
+                <h3>Институциональное развитие</h3>
+                <p>В рамках реализации комплекса мер по развитию электронного обучения и организации работы НПОК для подготовки кадров на основе технологий дистанционного обучения (ДОТ) и усиления работы Центра дистанционного образования (ЦДО), с целью повышения мобильности предоставления образовательных услуг университета по новым образовательным программам, руководство университета приняло решение (приказ ректора №45 от 29.01.2016) о преобразовании структурного подразделения Центра дистанционного образования в Институт дистанционного образования (ИДО), в который вошел Центр массовых открытых онлайн-курсов (ЦМООК) в статусе проектного офиса национальной платформы.</p>
+
+                <p>Были разработаны и утверждены вице-ректором по учебной работе Ахмет-Заки Д.Ж. Положение о ЦМООК, а также должностные инструкции руководителя, ведущего специалиста и специалиста Центра ЦМООК (от 14 марта 2016 г.).</p>
+
+                <p>В феврале 2016 года Институт дистанционного образования был преобразован в Институт новых образовательных технологий, который продолжает работу ЦМООК.</p>
+            </div>
+        </section>
+
+        <!-- Team Section -->
+        <section class="team-section">
+            <div class="section-title">
+                <h2>Наша команда</h2>
+            </div>
+
+            <div class="team-category">
+                <h3>Руководство офиса</h3>
+                <div class="team-grid">
+                    <div class="team-card">
+                        <div class="team-icon">
+                            <i class="fas fa-user-tie"></i>
+                        </div>
+                        <h4>Мусинова Асель</h4>
+                        <p>Заместитель директора Департамента по академическим вопросам</p>
+                    </div>
+
+                    <div class="team-card">
+                        <div class="team-icon">
+                            <i class="fas fa-user-tie"></i>
+                        </div>
+                        <h4>Круговых Илья</h4>
+                        <p>Руководитель Офиса академических и цифровых инноваций</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="team-category">
+                <h3>Специалисты open.kaznu.kz</h3>
+                <div class="team-grid">
+                    <div class="team-card">
+                        <div class="team-icon">
+                            <i class="fas fa-laptop-code"></i>
+                        </div>
+                        <h4>Арыстанова Айнур</h4>
+                        <p>Главный специалист</p>
+                    </div>
+
+                    <div class="team-card">
+                        <div class="team-icon">
+                            <i class="fas fa-laptop-code"></i>
+                        </div>
+                        <h4>Канафина Диана</h4>
+                        <p>Ведущий специалист</p>
+                    </div>
+
+                    <div class="team-card">
+                        <div class="team-icon">
+                            <i class="fas fa-laptop-code"></i>
+                        </div>
+                        <h4>Абылкасым Ерарыс</h4>
+                        <p>Умный-программист</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="team-category">
+                <h3>Специалисты dl.kaznu.kz</h3>
+                <div class="team-grid">
+                    <div class="team-card">
+                        <div class="team-icon">
+                            <i class="fas fa-chalkboard-teacher"></i>
+                        </div>
+                        <h4>Смагулова Шынар</h4>
+                        <p>Главный специалист</p>
+                    </div>
+
+                    <div class="team-card">
+                        <div class="team-icon">
+                            <i class="fas fa-chalkboard-teacher"></i>
+                        </div>
+                        <h4>Малик Нурлы</h4>
+                        <p>Главный специалист</p>
+                    </div>
+
+                    <div class="team-card">
+                        <div class="team-icon">
+                            <i class="fas fa-chalkboard-teacher"></i>
+                        </div>
+                        <h4>Жабаев Талгат</h4>
+                        <p>Инженер-программист</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="team-category">
+                <h3>Видеоинженер офиса</h3>
+                <div class="team-grid">
+                    <div class="team-card">
+                        <div class="team-icon">
+                            <i class="fas fa-video"></i>
+                        </div>
+                        <h4>Асылхан Аниятолла</h4>
+                        <p>Главный специалист</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+
+    <script>
+        // Simple animation for timeline items
+        document.addEventListener('DOMContentLoaded', function() {
+            const timelineItems = document.querySelectorAll('.timeline-item');
+            const teamCards = document.querySelectorAll('.team-card');
+
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        entry.target.style.opacity = 1;
+                        entry.target.style.transform = 'translateY(0)';
+                    }
+                });
+            }, { threshold: 0.1 });
+
+            timelineItems.forEach(item => {
+                item.style.opacity = 0;
+                item.style.transform = 'translateY(20px)';
+                item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
+                observer.observe(item);
+            });
+
+            teamCards.forEach(card => {
+                card.style.opacity = 0;
+                card.style.transform = 'translateY(20px)';
+                card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
+                observer.observe(card);
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/lms/templates/static_templates/author.html b/lms/templates/static_templates/author.html
new file mode 100644
index 000000000000..7781c897fe65
--- /dev/null
+++ b/lms/templates/static_templates/author.html
@@ -0,0 +1,603 @@
+<%page expression_filter="h"/>
+<%! from django.utils.translation import gettext as _ %>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("For authors")}</%block>
+
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Создание онлайн-курса</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        :root {
+            --primary-dark: #1a263c;
+            --primary-accent: #d3985c;
+            --primary-light: #f5f7fa;
+            --secondary-dark: #142034;
+            --text-dark: #333;
+            --text-light: #fff;
+            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            --border-radius: 8px;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            line-height: 1.6;
+            color: var(--text-dark);
+            background-color: var(--primary-light);
+        }
+
+        .container {
+            width: 100%;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+
+        /* Header styles */
+        .hero {
+            background: linear-gradient(rgba(26, 38, 60, 0.85), rgba(26, 38, 60, 0.9)), url('https://open.kaznu.kz/static/kaznu/images/header.png') center/cover no-repeat;
+            height: 400px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            position: relative;
+            margin-bottom: 40px;
+        }
+
+        .hero-content {
+            max-width: 800px;
+            padding: 20px;
+            color: var(--text-light);
+        }
+
+        .hero h1 {
+            font-size: 2.8rem;
+            margin-bottom: 20px;
+            font-weight: 700;
+            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+        }
+
+        /* Section styling */
+        section {
+            margin-bottom: 60px;
+        }
+
+        .section-title {
+            text-align: center;
+            margin-bottom: 40px;
+            color: var(--primary-dark);
+            position: relative;
+        }
+
+        .section-title h2 {
+            font-size: 2.2rem;
+            display: inline-block;
+            padding-bottom: 10px;
+        }
+
+        .section-title h2::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 80px;
+            height: 4px;
+            background: var(--primary-accent);
+            border-radius: 2px;
+        }
+
+        .content-card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            padding: 30px;
+            margin-bottom: 30px;
+            transition: transform 0.3s ease;
+        }
+
+        .content-card:hover {
+            transform: translateY(-5px);
+        }
+
+        .content-card h3 {
+            color: var(--primary-dark);
+            margin-bottom: 15px;
+            font-size: 1.5rem;
+        }
+
+        /* Accordion styles */
+        .accordion {
+            margin-top: 30px;
+        }
+
+        .accordion-item {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            margin-bottom: 15px;
+            overflow: hidden;
+            border-left: 4px solid var(--primary-accent);
+        }
+
+        .accordion-header {
+            padding: 20px;
+            background: #f9f9f9;
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            font-weight: 600;
+            font-size: 1.1rem;
+            transition: background 0.3s;
+        }
+
+        .accordion-header:hover {
+            background: #f0f0f0;
+        }
+
+        .accordion-header i {
+            transition: transform 0.3s;
+        }
+
+        .accordion-content {
+            padding: 0 20px;
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s, padding 0.3s;
+        }
+
+        .accordion-item.active .accordion-content {
+            padding: 20px;
+            max-height: 1000px;
+        }
+
+        .accordion-item.active .accordion-header i {
+            transform: rotate(180deg);
+        }
+
+        .requirement-list {
+            padding-left: 20px;
+            margin: 15px 0;
+        }
+
+        .requirement-list li {
+            margin-bottom: 10px;
+            position: relative;
+            padding-left: 25px;
+        }
+
+        .requirement-list li::before {
+            content: "•";
+            color: var(--primary-accent);
+            font-weight: bold;
+            position: absolute;
+            left: 0;
+            font-size: 1.2rem;
+        }
+
+        /* Timeline styles */
+        .timeline {
+            position: relative;
+            max-width: 800px;
+            margin: 0 auto;
+        }
+
+        .timeline::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            width: 4px;
+            background: var(--primary-accent);
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .timeline-item {
+            position: relative;
+            width: 50%;
+            padding: 20px 40px;
+        }
+
+        .timeline-item:nth-child(odd) {
+            left: 0;
+        }
+
+        .timeline-item:nth-child(even) {
+            left: 50%;
+        }
+
+        .timeline-item::after {
+            content: '';
+            position: absolute;
+            width: 20px;
+            height: 20px;
+            background: var(--primary-accent);
+            border: 4px solid white;
+            border-radius: 50%;
+            top: 30px;
+        }
+
+        .timeline-item:nth-child(odd)::after {
+            right: -10px;
+        }
+
+        .timeline-item:nth-child(even)::after {
+            left: -10px;
+        }
+
+        .timeline-content {
+            background: white;
+            padding: 25px;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            position: relative;
+        }
+
+        .timeline-icon {
+            position: absolute;
+            width: 50px;
+            height: 50px;
+            background: var(--primary-dark);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-size: 1.5rem;
+            top: 20px;
+        }
+
+        .timeline-item:nth-child(odd) .timeline-icon {
+            right: -65px;
+        }
+
+        .timeline-item:nth-child(even) .timeline-icon {
+            left: -65px;
+        }
+
+        /* Contact Section */
+        .contact-info {
+            background: var(--primary-dark);
+            color: white;
+            padding: 30px;
+            border-radius: var(--border-radius);
+            text-align: center;
+            margin-top: 40px;
+        }
+
+        .contact-info p {
+            max-width: 800px;
+            margin: 0 auto;
+            line-height: 1.8;
+        }
+
+        /* Responsive styles */
+        @media (max-width: 768px) {
+            .hero {
+                height: 300px;
+            }
+            
+            .hero h1 {
+                font-size: 2rem;
+            }
+            
+            .timeline::before {
+                left: 30px;
+            }
+            
+            .timeline-item {
+                width: 100%;
+                padding-left: 70px;
+                padding-right: 20px;
+                left: 0 !important;
+            }
+            
+            .timeline-item::after {
+                left: 20px !important;
+            }
+            
+            .timeline-item:nth-child(odd) .timeline-icon,
+            .timeline-item:nth-child(even) .timeline-icon {
+                left: 20px;
+                top: 25px;
+                right: auto;
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="hero-content">
+            <h1 style="color: white !important;">${_("Creating an Online Course for Authors")}</h1>
+            <p style="font-size: 1.2rem !important;">${_("Al-Farabi Kazakh National University")}</p>
+        </div>
+    </section>
+
+    <div class="container">
+        <!-- Requirements Section -->
+        <section>
+            <div class="section-title">
+                <h2>${_("Methodological Requirements")}</h2>
+            </div>
+            
+            <div class="content-card">
+                <h3>${_("Requirements for Online Course Design")}</h3>
+                
+                <div class="accordion">
+                    <div class="accordion-item">
+                        <div class="accordion-header">
+                            <span>${_("Electronic UMKD (e-UMKD)")}</span>
+                            <i class="fas fa-chevron-down"></i>
+                        </div>
+                        <div class="accordion-content">
+                            <ul class="requirement-list">
+                                <li>${_("Electronic syllabus")}</li>
+                                <li>${_("Announcements for students – 1 per module")}</li>
+                                <li>${_("Questionnaires at the beginning and end of the course")}</li>
+                                <li>${_("Lecture notes with a list of sources – 1 per topic")}</li>
+                                <li>${_("Presentation – 1 per topic")}</li>
+                                <li>${_("Additional course materials with active links for online reading and viewing")}</li>
+                                <li>${_("Study questions – at least 10 per module")}</li>
+                                <li>${_("Discussion questions – at least 1 per module")}</li>
+                                <li>${_("Test tasks – at least 3 practice and 10 graded per module")}</li>
+                                <li>${_("Peer review assignments – no more than 1–2 per course")}</li>
+                            </ul>
+                        </div>
+                    </div>
+                    
+                    <div class="accordion-item">
+                        <div class="accordion-header">
+                            <span>${_("Academic Presentation of the Online Course")}</span>
+                            <i class="fas fa-chevron-down"></i>
+                        </div>
+                        <div class="accordion-content">
+                            <ul class="requirement-list">
+                                <li>${_("Measurable learning objectives")}</li>
+                                <li>${_("Expected Learning Outcomes (LO)")}</li>
+                                <li>${_("Indicators of LO achievement")}</li>
+                                <li>${_("Course language – student-oriented, accessible to a diverse audience")}</li>
+                                <li>${_("Course duration – at least 4 and no more than 15 weeks")}</li>
+                                <li>${_("Student workload per week – no less than 2 and no more than 5 hours")}</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Technical Requirements Section -->
+        <section>
+            <div class="section-title">
+                <h2>${_("Technical Requirements for Video")}</h2>
+            </div>
+            
+            <div class="content-card">
+                <h3>${_("Video recording must be carried out with professional equipment with track parameters not lower than the following:")}</h3>
+                
+                <div class="accordion">
+                    <div class="accordion-item">
+                        <div class="accordion-header">
+                            <span>${_("Video")}</span>
+                            <i class="fas fa-chevron-down"></i>
+                        </div>
+                        <div class="accordion-content">
+                            <h4>${_("Timing")}</h4>
+                            <ul class="requirement-list">
+                                <li>${_("Welcome/Promo video – no more than 3 minutes")}</li>
+                                <li>${_("Course introduction (purpose, objectives, structure, assignments) – 3 minutes")}</li>
+                                <li>${_("Video lecture – 3–9 minutes")}</li>
+                                <li>${_("Weekly video duration – at least 15 and no more than 30 minutes")}</li>
+                            </ul>
+                            
+                            <h4>${_("Technical Requirements")}</h4>
+                            <ul class="requirement-list">
+                                <li>${_("File format (container) – MP4")}</li>
+                                <li>${_("Codec – H264")}</li>
+                                <li>${_("Resolution: 1920 x 1080 (1080p)")}</li>
+                                <li>${_("Aspect ratio – 16:9")}</li>
+                                <li>${_("Frame rate – 25 or 30 fps")}</li>
+                                <li>${_("Progressive scan (25p/30p)")}</li>
+                                <li>${_("Bitrate – not less than 10,000 kbps and not more than 30,000 kbps")}</li>
+                            </ul>
+                        </div>
+                    </div>
+                    
+                    <div class="accordion-item">
+                        <div class="accordion-header">
+                            <span>${_("Audio")}</span>
+                            <i class="fas fa-chevron-down"></i>
+                        </div>
+                        <div class="accordion-content">
+                            <ul class="requirement-list">
+                                <li>${_("Codec: AAC, AC3, OGG, mp3")}</li>
+                                <li>${_("Channels: 2 (stereo)")}</li>
+                                <li>${_("Sample rate: 48 kHz")}</li>
+                                <li>${_("Audio stream: CBR not less than 192 kbps, VBR 160–320 kbps")}</li>
+                            </ul>
+                        </div>
+                    </div>
+                    
+                    <div class="accordion-item">
+                        <div class="accordion-header">
+                            <span>${_("Audio Quality Characteristics")}</span>
+                            <i class="fas fa-chevron-down"></i>
+                        </div>
+                        <div class="accordion-content">
+                            <ul class="requirement-list">
+                                <li>${_("Audio track must be true stereo, with the lecturer’s voice localized strictly between the left and right channels")}</li>
+                                <li>${_("Stereo track must be playable on monophonic equipment")}</li>
+                                <li>${_("Signal-to-noise ratio – at least 40 dB")}</li>
+                                <li>${_("Dynamic range of useful signal – no more than 16 dB")}</li>
+                                <li>${_("Average RMS loudness – from -14 dB to -12 dB")}</li>
+                                <li>${_("Peak loudness – limited to -2 dB")}</li>
+                            </ul>
+                        </div>
+                    </div>
+                    
+                    <div class="accordion-item">
+                        <div class="accordion-header">
+                            <span>${_("Presentation Design Quality for Video")}</span>
+                            <i class="fas fa-chevron-down"></i>
+                        </div>
+                        <div class="accordion-content">
+                            <ul class="requirement-list">
+                                <li>${_("Sans-serif font is recommended")}</li>
+                                <li>${_("No more than 2 fonts per course")}</li>
+                                <li>${_("Bullet points must be consistent throughout the course")}</li>
+                                <li>${_("Use contrasting text and background colors for readability")}</li>
+                                <li>${_("No more than 3 font colors per course")}</li>
+                                <li>${_("Avoid mixing contrasting colors within one sentence, paragraph, or table")}</li>
+                                <li>${_("Line thickness for borders, tables, and arrows should match font line thickness")}</li>
+                                <li>${_("Use photos, drawings, and animations in a consistent color scheme")}</li>
+                                <li>${_("Icons and infographics are recommended")}</li>
+                                <li>${_("Avoid merging same-sized scenes for natural perception")}</li>
+                                <li>${_("Avoid distracting clothing and makeup during recording")}</li>
+                                <li>${_("Slides: heading font – 20 pt, body text – 18 pt")}</li>
+                                <li>${_("Image size – at least 1280x720p (HD)")}</li>
+                                <li>${_("Image format – PNG")}</li>
+                                <li>${_("All external materials must have a CC Attribution license")}</li>
+                                <li>${_("Each borrowed image must include a source link")}</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Development Stages Section -->
+        <section>
+            <div class="section-title">
+                <h2>${_("Stages of Online Course Development")}</h2>
+            </div>
+            
+            <div class="timeline">
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-icon">
+                            <i class="fas fa-file-alt"></i>
+                        </div>
+                        <h3>${_("Application Submission")}</h3>
+                        <p>${_("Submission of an application for online course development. Participation in the competition of pedagogical scenarios for creating and publishing online courses (MOOC/SPOC).")}</p>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-icon">
+                            <i class="fas fa-laptop-code"></i>
+                        </div>
+                        <h3>${_("Course Development")}</h3>
+                        <p>${_("Start of the online course development process.")}</p>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-icon">
+                            <i class="fas fa-book"></i>
+                        </div>
+                        <h3>${_("Preparation of Materials")}</h3>
+                        <p>${_("Preparation of online course materials by the author-developer. For documents on requirements and recommendations for recording video materials, please contact the Center for Massive Open Online Courses.")}</p>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-icon">
+                            <i class="fas fa-search"></i>
+                        </div>
+                        <h3>${_("Material Expertise")}</h3>
+                        <p>${_("Methodological and technical expertise of online course materials.")}</p>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-icon">
+                            <i class="fas fa-video"></i>
+                        </div>
+                        <h3>${_("Video Recording")}</h3>
+                        <p>${_("Recording of online course video materials.")}</p>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-icon">
+                            <i class="fas fa-cloud-upload-alt"></i>
+                        </div>
+                        <h3>${_("Material Upload")}</h3>
+                        <p>${_("Uploading online course materials to the platform.")}</p>
+                    </div>
+                </div>
+                
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <div class="timeline-icon">
+                            <i class="fas fa-check-circle"></i>
+                        </div>
+                        <h3>${_("Testing and Expertise")}</h3>
+                        <p>${_("Beta testing and course expertise.")}</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Contact Section -->
+        <div class="contact-info">
+            <h3 style="color: white !important;">${_("Contacts")}</h3>
+            <p>${_("For all inquiries, please contact the Office of Academic and Digital Innovations: Building - Rectorate, Office 207, phone")} +7 727 377 33 30 ${_("(ext.")} 31-24, 11-33, 16-47)</p>
+        </div>
+    </div>
+    
+    <script>
+        // Accordion functionality
+        document.addEventListener('DOMContentLoaded', function() {
+            const accordionHeaders = document.querySelectorAll('.accordion-header');
+            
+            accordionHeaders.forEach(header => {
+                header.addEventListener('click', function() {
+                    const item = this.parentNode;
+                    item.classList.toggle('active');
+                });
+            });
+            
+            // Timeline animation
+            const timelineItems = document.querySelectorAll('.timeline-item');
+            
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        entry.target.style.opacity = 1;
+                        entry.target.style.transform = 'translateY(0)';
+                    }
+                });
+            }, { threshold: 0.1 });
+            
+            timelineItems.forEach(item => {
+                item.style.opacity = 0;
+                item.style.transform = 'translateY(20px)';
+                item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
+                observer.observe(item);
+            });
+        });
+    </script>
+</body>
+
+
+</html>
diff --git a/lms/templates/static_templates/catalog_transfer.html b/lms/templates/static_templates/catalog_transfer.html
new file mode 100644
index 000000000000..c6ddbd95daf6
--- /dev/null
+++ b/lms/templates/static_templates/catalog_transfer.html
@@ -0,0 +1,1760 @@
+<%page expression_filter="h"/>
+<%! from django.utils.translation import gettext as _ %>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Catalog Mook")}</%block>
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <title>Каталог МООК КазНУ</title>
+
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background: white;
+
+        }
+
+        h1 {
+            margin-bottom: 20px;
+            text-align: center;
+        }
+
+        /* --- ФИЛЬТРЫ --- */
+        .filters {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 15px;
+            margin-bottom: 25px;
+            justify-content: center;
+        }
+
+        .filters input,
+        .filters select {
+            padding: 10px 14px;
+            font-size: 15px;
+            border-radius: 6px;
+            border: 1px solid #ccc;
+            background: white;
+            min-width: 200px;
+        }
+
+        /* --- КАТАЛОГ --- */
+        .catalog {
+        <!-- display: grid;
+        --> <!-- grid-template-columns: repeat(auto-fit, minmax(300 px, 1 fr));
+        --> gap: 20px;
+            margin: 40px;
+        }
+
+        /* --- КАРТОЧКА КУРСА --- */
+        .course-card {
+            background: white;
+            border-radius: 10px;
+            padding: 20px;
+            margin-bottom: 20px;
+            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
+            border-left: 5px solid rgb(211, 152, 92);
+            transition: transform 0.2s;
+        }
+
+        .course-card:hover {
+            transform: translateY(-4px);
+        }
+
+        .course-title {
+            font-size: 20px;
+            font-weight: bold;
+            color: #2d2d2d;
+            margin-bottom: 8px;
+        }
+
+        .course-info p {
+            margin: 4px 0;
+            color: #444;
+            font-size: 14px;
+        }
+
+        .course-card a {
+            text-decoration: none;
+            color: #2d89ef;
+            font-weight: bold;
+        }
+
+        .course-card a:hover {
+            text-decoration: underline;
+        }
+    </style>
+</head>
+
+<body>
+
+<h1>Каталог МООК КазНУ им. Аль-Фараби</h1>
+
+<div class="filters">
+    <input type="text" id="searchInput" placeholder="Поиск по названию...">
+    <select id="platformFilter">
+        <option value="all">Все платформы</option>
+        <option value="coursera">Coursera</option>
+        <option value="edx">edX</option>
+    </select>
+
+    <select id="languageFilter">
+        <option value="all">Все языки</option>
+        <option value="russian">Русский</option>
+        <option value="english">Английский</option>
+        <option value="kazakh">Казахский</option>
+    </select>
+
+    <select id="levelFilter">
+        <option value="all">Все уровни</option>
+        <option value="easy">Лёгкий</option>
+        <option value="medium">Средний</option>
+        <option value="hard">Сложный</option>
+    </select>
+</div>
+
+<hr style="margin-bottom: 25px;">
+
+<section>
+    <div class="catalog">
+
+        <!-- КАРТОЧКА КУРСА -->
+        <div class="course-card"
+             data-type="spoc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="russian"
+             data-discipline="Базовый восточный язык С1"
+             data-credits="5"
+             data-hours="17"
+        >
+            <h1>Methods of molecular biology</h1>
+            <p>Тип курса: SPOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 17.0</p>
+            <p>Учебная нагрузка (кредиты): 0.5</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6B02207-востоковедения</p>
+            <p>Описание курса: ...</p>
+            <p>Осваиваемые навыки: ...</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Базовый восточный язык С1</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:FBB+MoMB+2026_C1/about" target="_blank">Открыть
+                курс</a></p>
+            <p>Организация: Sungkyunkwan University</p>
+        </div>
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Восточный язык международного общения (Арабский)"
+             data-credits="9"
+             data-hours="17"
+        >
+            <h1>Arabic for Beginners: Communicating in Arabic Culture</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 17.0</p>
+            <p>Учебная нагрузка (кредиты): 0.5</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 7M022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 7M03115-Регионоведение (восточные страны)</p>
+
+            <p>Описание курса: Araic for Beginners: Communicating in Arabic Culture — курс Khalifa University
+                (государственный исследовательский университет, Абу-Даби, ОАЭ).
+                Курс является вторым из трёх в специализации по начальному арабскому языку.
+                Содержит погружение в лексику образования и школьной среды, полезен для общения
+                в международной рабочей среде, путешествий и финансовых ситуаций.
+                Подчёркивает важность коммуникации в технологически развитом глобальном обществе.
+                Особое внимание уделено пониманию частей тела в спортивном и медицинском контексте
+                и как они используются как физические и эмоциональные выражения в арабской культуре.
+                Основная информация: курс 2/3 в специализации, уровень Intermediate, 4 недели обучения по 2–3 часа в
+                неделю.</p>
+
+            <p>Осваиваемые навыки: Повседневные фразы межличностного общения в личной и профессиональной среде.</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Восточный язык международного общения (Арабский)</p>
+            <p>Учебная нагрузка в кредитах: 9.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/arabic-for-beginners-2-communicating-in-arabic-culture"
+                                  target="_blank">Открыть курс</a></p>
+            <p>Организация: Khalifa University (государственный исследовательский университет, Абу-Даби, ОАЭ)</p>
+        </div>
+        <div class="course-card"
+             data-type="spoc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="russian"
+             data-discipline="Современные исторические процессы в изучаемой страны"
+             data-credits="5"
+             data-hours="17"
+        >
+            <h1>Экономическое развитие Кореи</h1>
+            <p>Тип курса: SPOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 17.0</p>
+            <p>Учебная нагрузка (кредиты): 0.5</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6B02207-востоковедения</p>
+            <p>Описание курса: Сформировать способность анализировать политические и социально-экономические положения
+                изучаемой страны для определения основных комплексных факторов современного исторического процесса.</p>
+            <p>Осваиваемые навыки: Дисциплина направлена на изучение теоретической и методологической основы факторов
+                исторических процессов; их взаимосвязи с современной политической модернизацией и экономическим
+                развитием, влияние на культурное изменение и общественно-политической жизни изучаемой страны
+                Востока.</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Современные исторические процессы в изучаемой страны</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/korean-economy" target="_blank">Открыть курс</a>
+            </p>
+            <p>Организация: Yonsei University</p>
+        </div>
+        <div class="course-card"
+             data-type="spoc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="russian"
+             data-discipline="Базовый восточный язык С1"
+             data-credits="5"
+             data-hours="17"
+        >
+            <h1>A Bridge to the World: Korean Language for Advanced I</h1>
+            <p>Тип курса: SPOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 17.0</p>
+            <p>Учебная нагрузка (кредиты): 0.5</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6B02207-востоковедения</p>
+            <p>Описание курса: Цель дисциплины cформировать способность определять основную идею в незнакомом тексте;
+                применять в речи более сложные лексико-грамматические темы, конструкции, фразеологизмы, чем на
+                предыдущем уровне; осуществлять письменный перевод с соблюдением норм лексической эквивалентности.</p>
+            <p>Осваиваемые навыки: Дисциплина направлена на повышение культуры речи; пополнение лексического запаса при
+                изучении сложных текстов различной тематики; расширение профессионального кругозора.</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Базовый восточный язык С1</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/korean-advanced1" target="_blank">Открыть
+                курс</a></p>
+            <p>Организация: Sungkyunkwan University</p>
+        </div>
+
+        <div class="course-card"
+             data-type="spoc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="russian"
+             data-discipline="Глобальная дипломатия в современном мире"
+             data-credits="5"
+             data-hours="17"
+        >
+            <h1>Global Diplomacy – Diplomacy in the Modern World</h1>
+            <p>Тип курса: SPOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 17.0</p>
+            <p>Учебная нагрузка (кредиты): 0.5</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6B02207-востоковедения</p>
+            <p>Описание курса: Цель дисциплины — сформировать способность понимать содержание понятий, подходов,
+                используемых мировой наукой в изучении роли глобализации. Курс формирует знания об основных трактовках
+                понятия глобализации, факторах влияния на глобальное развитие.</p>
+            <p>Осваиваемые навыки: Дисциплина направлена на изучение ключевых направлений влияния глобализации на
+                дипломатию в мировой политике, процесса внедрения глобальных тенденций в развитие международных
+                отношений.</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Глобальная дипломатия в современном мире</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a
+                href="https://www.coursera.org/account/accomplishments/verify/CVSU62JSKP3B?utm_source%3Dandroid%26utm_medium%3Dcertificate%26utm_content%3Dcert_image%26utm_campaign%3Dsharing_cta%26utm_product%3Dcourse"
+                target="_blank">Открыть курс</a></p>
+            <p>Организация: University of London</p>
+        </div>
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="russian"
+             data-discipline="Внешняя политика изучаемой страны Востока"
+             data-credits="5"
+             data-hours="28.91"
+        >
+            <h1>Структурирование ценностей в современном Китае</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 28.91</p>
+            <p>Учебная нагрузка (кредиты): 0.964</p>
+            <p>Область образования: 8D02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6В02207-Востоковедение</p>
+            <p>Описание курса: Эта последовательность из четырех курсов предложит междисциплинарный подход к изучению
+                истории китайской культуры, рассматриваемой как последовательность режимов рациональности (философского,
+                бюрократического и экономического). Основное внимание будет уделено моментам смены парадигмы от одного
+                режима рациональности к другому. Для каждого из этих моментов культурные факты и артефакты — мысли,
+                литература, ритуалы — будут рассматриваться в связи с изменением социальных, политических и
+                экономических систем.</p>
+            <p>Осваиваемые навыки: Слушатели смогут рассматривать культурные ценности в связи с изменением социальных,
+                политических и экономических систем.</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Внешняя политика изучаемой страны Востока</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/structuring-values-modern-china" target="_blank">Открыть
+                курс</a></p>
+            <p>Организация: The Chinese University of Hong Kong</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="russian"
+             data-discipline="Государственно-политический строй Китая"
+             data-credits="5"
+             data-hours="15.66"
+        >
+            <h1>Подходы социальных наук к изучению китайского общества Часть 1</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 15.66</p>
+            <p>Учебная нагрузка (кредиты): 0.522</p>
+            <p>Область образования: 8D02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6В02207-Востоковедение</p>
+            <p>Описание курса: Цель этого курса — превратить обучающихся в информированных потребителей исследований в
+                области социальных наук. Курс знакомит заинтересованных неспециалистов с концепциями, стандартами и
+                принципами проведения исследований в области социальных наук.</p>
+            <p>Осваиваемые навыки: могут оценивать доказательства и критически оценивать утверждения о важных социальных
+                явлениях</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Государственно-политический строй Китая</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/social-science-study-chinese-society"
+                                  target="_blank">Открыть курс</a></p>
+            <p>Организация: The Hong Kong University of Science and Technology</p>
+        </div>
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english/russian"
+             data-discipline="YaDEISV 4307 Язык дипломатии и этикета изучаемой стран Востока"
+             data-credits="5"
+             data-hours="17.0"
+        >
+            <h1>Successful Negotiation: Essential Strategies and Skills</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 17.0</p>
+            <p>Учебная нагрузка (кредиты): 5.0</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6B02207-Востоковедение</p>
+            <p>Описание курса: Successful Negotiation: Essential Strategies and Skills</p>
+            <p>Осваиваемые навыки: Этот модуль фокусируется на анализ переговоров, понимания стратегии и навыков ведения
+                переговоров</p>
+            <p>Язык курса: английский/русский</p>
+            <p>Дисциплины для перезачета: YaDEISV 4307 Язык дипломатии и этикета изучаемой стран Востока</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/negotiation-skills"
+                                  target="_blank">Открыть курс</a></p>
+            <p>Организация: University of Michigan</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Разработка инновационных решений для менеджмента в сфере туризма и гостеприимства"
+             data-credits="5"
+             data-hours="30.0"
+        >
+            <h1>Management Foundations in the Hospitality Industry</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 30.0</p>
+            <p>Учебная нагрузка (кредиты): 2.0</p>
+            <p>Область образования: 8D11 Услуги</p>
+            <p>Область профессиональной подготовки: 8D111 Сфера обслуживания</p>
+            <p>Код и название образовательной программы: 8D11102 Туризм и гостеприимство</p>
+            <p>Описание курса: Этот курс представляет собой введение в мотивацию, лидерство, коммуникации, принятие
+                решений и руководство людьми посредством эффективного управления человеческими ресурсами (HR), этику,
+                социальную ответственность и управление потребительским опытом в индустрии гостеприимства путем изучения
+                основ менеджмента, ориентированного на обслуживание. Все необходимые материалы для чтения представлены в
+                модулях курса. Они включают внешние ссылки, статьи, графику и видео. Курс состоит из следующих
+                элементов: тематические видеоматериалы, обсуждения и тесты для проверки понимания.</p>
+            <p>Осваиваемые навыки: Понимать, как HR-отделы анализируют распределение ресурсов по рабочим местам и
+                факторы, влияющие на разработку рабочих мест; определять наиболее эффективные методы найма талантливых
+                сотрудников; применять лучшие практики при проведении собеседований; оценивать программу обучения и
+                социализации сотрудников; понимать оценку результатов работы; избегать юридической ответственности за
+                "небрежный прием на работу".</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Разработка инновационных решений для менеджмента в сфере туризма и
+                гостеприимства</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/hmgt3860mooc" target="_blank">Открыть курс</a>
+            </p>
+            <p>Организация: University of North Texas</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Прогнозирование и планирование в сфере гостеприимства"
+             data-credits="5"
+             data-hours="45.0"
+        >
+            <h1>Foundations of Hotel Budgeting and Forecasting</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 45.0</p>
+            <p>Учебная нагрузка (кредиты): 3.0</p>
+            <p>Область образования: 7M11 Услуги</p>
+            <p>Область профессиональной подготовки: 8D111 Сфера обслуживания</p>
+            <p>Код и название образовательной программы: 7M11104 - Ресторанное дело и гостиничный бизнес</p>
+            <p>Описание курса: Курс предназначен для обучения основным навыкам и знаниям бюджетирования и
+                прогнозирования в гостиничном бизнесе. Он предоставляет всестороннее понимание фундаментальных
+                концепций, практик и инструментов составления бюджета и прогнозирования, включая практические упражнения
+                и примеры из реальной жизни для применения знаний в индустрии гостеприимства.</p>
+            <p>Осваиваемые навыки: Составление бюджета отелей, оценка финансовых показателей, понимание тенденций в
+                отрасли, разработка стратегий на основе финансовых данных, практическое применение знаний в гостиничном
+                бизнесе.</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Прогнозирование и планирование в сфере гостеприимства</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/foundations-of-hotel-budgeting-and-forecasting"
+                                  target="_blank">Открыть курс</a></p>
+            <p>Организация: Starweaver</p>
+        </div>
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Қоршаған ортаға әсерін бағалау және экологиялық сараптама"
+             data-credits="5"
+             data-hours="13.01"
+        >
+            <h1>Introduction to Process Safety and Risk Analysis</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 13.01</p>
+            <p>Учебная нагрузка (кредиты): 0.434</p>
+            <p>Область образования: 6B05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 6B052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 6В05202 Экология</p>
+            <p>Описание курса: Каждый курс включает задание на рецензирование, в котором будут использованы знания,
+                полученные при изучении основополагающих концепций, аутентичных примеров из мировой и американской
+                практики, а также методов применения. Обратная связь в процессе экспертной оценки очень важна; учащимся,
+                а также нынешним и будущим специалистам в области общественного здравоохранения придется давать
+                критические отзывы.</p>
+            <p>Осваиваемые навыки: Environmental justice, Public Health</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Қоршаған ортаға әсерін бағалау және экологиялық сараптама</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/introduction-to-process-safety-and-risk-analysis"
+                                  target="_blank">Открыть курс</a></p>
+            <p>Организация: University of California, Davis</p>
+        </div>
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Қоршаған ортаға әсерін бағалау және экологиялық сараптама"
+             data-credits="5"
+             data-hours="115.0"
+        >
+            <h1>Impacts of the Environment on Global Public Health Specialization</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 115.0</p>
+            <p>Учебная нагрузка (кредиты): 3.85</p>
+            <p>Область образования: 6B05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 6B052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 6B11202- Экологическая инженерия</p>
+            <p>Описание курса: Каждый курс включает задание на рецензирование, в котором будут использованы знания,
+                полученные при изучении основополагающих концепций, аутентичных примеров из мировой и американской
+                практики, а также методов применения. Обратная связь в процессе экспертной оценки очень важна; учащимся,
+                а также нынешним и будущим специалистам в области общественного здравоохранения придется давать
+                критические отзывы.</p>
+            <p>Осваиваемые навыки: Environmental justice, Public Health</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Қоршаған ортаға әсерін бағалау және экологиялық сараптама</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a
+                href="https://www.coursera.org/specializations/impacts-of-the-environment-on-global-public-health"
+                target="_blank">Открыть курс</a></p>
+            <p>Организация: University of California, Davis</p>
+        </div>
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Экологический риск"
+             data-credits="5"
+             data-hours="13.01"
+        >
+            <h1>Экология: Динамика экосистем и их сохранение</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 13.01</p>
+            <p>Учебная нагрузка (кредиты): 0.434</p>
+            <p>Область образования: 6B05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 6B052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 6В05202 Экология</p>
+            <p>Описание курса: Этот курс представляет собой введение в экологию и динамику экосистем с использованием
+                системного мышления. На примере национального парка Горонгоза в Мозамбике слушатели изучат, как ученые
+                изучают экосистемы, и исследуют сложный комплекс факторов, которые лежат в основе управленческих усилий.
+                По окончании курса слушатели смогут решать реальные вопросы, связанные с охраной природы, например,
+                смогут ли экосистемы восстановиться после антропогенного воздействия и какую роль в этом восстановлении
+                могут и должны играть люди.</p>
+            <p>Осваиваемые навыки: В конце курса учащиеся смогут решать реальные вопросы охраны природы, например, может
+                ли экосистема восстановиться после антропогенного нарушения и какую роль люди могут и должны играть в
+                этом восстановлении.</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Экологический риск</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/ecology-conservation" target="_blank">Открыть
+                курс</a></p>
+            <p>Организация: American Museum of Natural History</p>
+        </div>
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Стандарты менеджмента окружающей среды"
+             data-credits="5"
+             data-hours="18.79"
+        >
+            <h1>Глобальный экологический менеджмент</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 18.79</p>
+            <p>Учебная нагрузка (кредиты): 0.626</p>
+            <p>Область образования: 6B05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 6B052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 6В05202 Экология</p>
+            <p>Описание курса: Узнайте о лучших экологических технологиях для устойчивого развития и о том, как ими
+                управляют в различных условиях по всему миру. Этот курс дает Вам возможность узнать о глобальных
+                тенденциях, влияющих на нашу окружающую среду и условия жизни, а также о том, как различные системы и
+                подходы к управлению окружающей средой, применяемые во всем мире, позволяют управлять ею. Сюда входят
+                современные технологии, созданные для охраны окружающей среды, и технологии устойчивого управления
+                почвой, методы защиты грунтовых вод и интегрированное управление водными ресурсами.</p>
+            <p>Осваиваемые навыки: Городское планирование, Развитие водных ресурсов, Природные ресурсы, Зеленые
+                технологии</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Стандарты менеджмента окружающей среды</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/global-environmental-management" target="_blank">Открыть
+                курс</a></p>
+            <p>Организация: Technical University of Denmark (DTU)</p>
+        </div>
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Экологическое законодательство и политика"
+             data-credits="5"
+             data-hours="17.35"
+        >
+            <h1>Введение в экологическое законодательство и политику</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 17.35</p>
+            <p>Учебная нагрузка (кредиты): 0.578</p>
+            <p>Область образования: 6B05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 6B052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 6B11202- Экологическая инженерия</p>
+            <p>Описание курса: Экологическое право может быть единственным институтом, стоящим между нами и планетарным
+                истощением...</p>
+            <p>Осваиваемые навыки: Экологическое право, Закон, Защита окружающей среды</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Экологическое законодательство и политика</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/environmental-law" target="_blank">Открыть
+                курс</a></p>
+            <p>Организация: The University of North Carolina at Chapel Hill</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Техногенез и формирование природно-техногенных ландшафтов"
+             data-credits="5"
+             data-hours="17.35"
+        >
+            <h1>Азиатские экологические гуманитарные науки: Ландшафты в переходный период</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 17.35</p>
+            <p>Учебная нагрузка (кредиты): 0.578</p>
+            <p>Область образования: 6B05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 6B052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 8D05205 Геоэкология и управление природопользованием</p>
+            <p>Описание курса: В этом курсе... (краткое описание можно расширить)</p>
+            <p>Осваиваемые навыки: анализ ландшафтов, экологическая гуманитаристика, устойчивость</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Техногенез и формирование природно-техногенных ландшафтов</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/asian-environmental-humanities" target="_blank">Открыть
+                курс</a></p>
+            <p>Организация: University of Zurich</p>
+        </div>
+
+
+
+
+
+
+
+
+        <!-- ДОБАВЛЕННЫЕ КУРСЫ ИЗ ТЕКСТОВОГО ФАЙЛА -->
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Долгосрочные прогнозы погоды"
+             data-credits="5.0"
+             data-hours="11.57"
+        >
+            <h1>Introduction to the Arctic: Climate</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 11.57</p>
+            <p>Учебная нагрузка (кредиты): 0.386</p>
+            <p>Область образования: 6B05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 8D052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 7М05204 - Метеорология</p>
+            <p>Описание курса: курс, посвященный изучению окружающей среды и климата циркумполярного Севера.</p>
+            <p>Осваиваемые навыки: Оценинть влияние Арктики на климат и экосистемы. Связь Арктики с остальным миром. Современное изменение климата, процессы, вызывающие его, и свидетельства его наличия в Арктике, а также последствия для быстро развивающегося Севера.</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Долгосрочные прогнозы погоды</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/arctic-introduction-climate" target="_blank">Открыть курс</a></p>
+            <p>Организация: The University of Alberta, the University of Tromso and the University of the Arctic</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Прогноз стихийных бедствий"
+             data-credits="5.0"
+             data-hours="10.12"
+        >
+            <h1>Climate change education: sustainable environments</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 10.12</p>
+            <p>Учебная нагрузка (кредиты): 0.337</p>
+            <p>Область образования: 7M05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 8D052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 6В05204 - Метеорология</p>
+            <p>Описание курса: В этом курсе мы изучаем компоненты ландшафтов и стихийные бедствия. Мы делаем акцент на действиях человека, которые влияют на окружающую среду, как с точки зрения изменения, так и сохранения. Кроме того, мы изучаем концепции, связанные с городами, мегаполисами и устойчивой средой. Курс также углубляется в связь между окружающей средой, здоровьем и болезнями»</p>
+            <p>Осваиваемые навыки: &quot;Определение элементов, составляющие ландшафт, стихийные бедствия и действия человека, способствующие их изменению. Влияние городов, потребления и нашего экологического следа на окружающую среду. Влияние изменения климата на здоровье и действия, которые необходимо предпринять для создания более здоровой окружающей среды.&quot;</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Прогноз стихийных бедствий</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/climate-change-education-sustainable-environments" target="_blank">Открыть курс</a></p>
+            <p>Организация: Banco Interamericano de Desarrollo</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Климат Казахстана, Климатология"
+             data-credits="5.0"
+             data-hours="8.67"
+        >
+            <h1>How Do We Manage Climate Change?</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 8.67</p>
+            <p>Учебная нагрузка (кредиты): 0.289</p>
+            <p>Область образования: 6B05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 8D052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 6В05204 - Метеорология</p>
+            <p>Описание курса: В этом курсе слушатели определят типы действий, которые мы можем предпринять для решения проблемы изменения климата. Эти действия делятся на две большие категории: 1) смягчение последствий, которое относится к усилиям по снижению выбросов парниковых газов или увеличению поглотителей углерода, и 2) адаптация, которая относится к нашей подготовке к климатическим воздействиям. Мы изучим технологии, программы и политику, связанные как со смягчением, так и с адаптацией. По окончании курса слушатели должны научиться определять и оценивать действия, предпринимаемые сообществами, правительствами и предприятиями в области климата.</p>
+            <p>Осваиваемые навыки: &quot;Объясните общие цели политики смягчения последствий изменения климата и адаптации к ним Опишите основные источники и последние тенденции в области выбросов парниковых газов Объясните концепцию климатического риска и опишите его составляющие Примеры политики смягчения последствий и усилий по адаптации &quot;</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Климат Казахстана, Климатология</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/how-do-we-manage-climate-change" target="_blank">Открыть курс</a></p>
+            <p>Организация: University of Colorado Boulder</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Динамика климата"
+             data-credits="5.0"
+             data-hours="36.14"
+        >
+            <h1>Act on Climate: Steps to Individual, Community, and Political Action</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 36.14</p>
+            <p>Учебная нагрузка (кредиты): 1.205</p>
+            <p>Область образования: 8D05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 8D052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 8D05204 - Метеорология</p>
+            <p>Описание курса: Курс фокусируется на том, как перевести обучение в плоскость действий по борьбе с изменением климата в таких сферах, как продовольствие, энергетика, транспорт и построенная среда (города).</p>
+            <p>Осваиваемые навыки: В результате прохождения этого курса вы сможете: 1) Определить индивидуальные, общественные и политические действия, которые вы можете предпринять для эффективного решения проблемы изменения климата и реагирования на нее. 2) Описывать, как можно использовать достижения социальных наук для создания изменений на индивидуальном, общественном и политическом уровнях. 3) Чувствовать себя в состоянии продолжать влиять на то, как вы, ваше сообщество и политические лидеры решают проблемы изменения климата и реагируют на них. Используйте #UMichActonClimate в социальных сетях, чтобы делиться своими достижениями и общаться с другими учениками.</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Динамика климата</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/act-on-climate" target="_blank">Открыть курс</a></p>
+            <p>Организация: University of Michigan</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Доступный потенциал альтернативный источников энергии"
+             data-credits="5.0"
+             data-hours="52.05"
+        >
+            <h1>Our Energy Future</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 52.05</p>
+            <p>Учебная нагрузка (кредиты): 1.735</p>
+            <p>Область образования: 8D05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 8D052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 8D05204 - Метеорология</p>
+            <p>Описание курса: Этот курс предназначен для ознакомления студентов с проблемами энергетики в XXI веке, включая продовольствие и топливо, которые неразрывно связаны между собой. В рамках курса будут обсуждаться вопросы производства и использования энергии с точки зрения биологии, инженерии, экономики, климатологии и социальных наук. Этот курс будет посвящен современному производству и использованию энергии, а также последствиям этого использования, рассмотрению конечных запасов ископаемых энергоносителей, взаимосвязи продовольствия и энергии, воздействию на окружающую среду и климат, а также социальным и экономическим последствиям нашего современного производства и использования энергии и продовольствия.</p>
+            <p>Осваиваемые навыки: Вопросы производства и использования энергии с точки зрения биологии, инженерии, экономики, климатологии и социальных наук. Понимание современного производства и использованию энергии, а также последствия этого использования, рассмотрение конечных запасов ископаемых энергоносителей, взаимосвязи продовольствия и энергии, воздействию на окружающую среду и климат, а также социальные и экономические последствиям нашего современного производства и использования энергии и продовольствия.</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Доступный потенциал альтернативный источников энергии</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/future-of-energy" target="_blank">Открыть курс</a></p>
+            <p>Организация: University of California San Diego</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Дистанционное зондирование окружающей среды"
+             data-credits="5.0"
+             data-hours="47.71"
+        >
+            <h1>Remote Sensing Image Acquisition, Analysis and Applications</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 47.71</p>
+            <p>Учебная нагрузка (кредиты): 1.59</p>
+            <p>Область образования: 7M07 Инженерные, обрабатывающие и строительные отрасли</p>
+            <p>Область профессиональной подготовки: 7M073 Архитектура и строительство</p>
+            <p>Код и название образовательной программы: 7M07302-Геоинформатика</p>
+            <p>Описание курса: &quot;Этот курс охватывает фундаментальную природу дистанционного зондирования, а также используемые платформы и типы датчиков. Он также обеспечивает углубленное изучение вычислительных алгоритмов, используемых для понимания изображений, начиная от самых ранних исторически важных методов до более современных подходов, основанных на глубоком обучении. Материал курса широко проиллюстрирован примерами и комментариями о том, как технология применяется на практике. Он подготовит участников к использованию материала в своих собственных дисциплинах и проведению более подробного изучения дистанционного зондирования и связанных тем.&quot;</p>
+            <p>Осваиваемые навыки: &quot;Радарные системы Дистанционное зондирование Машинное обучение Анализ изображений&quot;</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Дистанционное зондирование окружающей среды</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/remote-sensing" target="_blank">Открыть курс</a></p>
+            <p>Организация: UNSW Sydney (The University of New South Wales)</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Методы визуализации в географических исследованиях"
+             data-credits="9.0"
+             data-hours="15.6"
+        >
+            <h1>Ақпаратты визуалдау: жетілдірілген әдістер</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 15.6</p>
+            <p>Учебная нагрузка (кредиты): 1.0</p>
+            <p>Область образования: 6B05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 6B052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 6В05205-География</p>
+            <p>Описание курса: &quot;Бұл курстың мақсаты – оқушыларды «Ақпаратты визуалдау: Негізгі қағидаттар» бөлімінде сипатталған негізгі диаграммалардан тыс визуалдаудың озық әдістерімен таныстыру. Берілген әдістер уақыт пен кеңістіктегі деректерді, желілер мен дарақтарды, сондай-ақ мәтіндік деректерді өңдеудің озық тәжірибелерін қамту мақсатында деректердің белгілі бір түрлеріне негізделген. Бұл модульде біз білім алушыларға D3.js-те инновациялық әдістерді қалай жасау керектігін үйретеміз. Оқу мақсаттары Мақсат: деректерді визуалдаудың әралуан түрлері үшін визуалдау шешімдерінің жобалық кеңістігін талдау. Берілген мәселені шешу үшін қандай құрастырымдар қолжетімді және олардың қандай артықшылықтары мен кемшіліктері бар екенін білу. - Уақыт - Кеңістік - Уақыт және кеңістік - Жүйе - Ағаш диаграммасы - Мәтін Бұл - «Ақпаратты визуалдау» мамандығы бойынша төртінші курс. Курс сізден бағдарламалау бойынша негізгі білім, сондай-ақ кейбір негізгі визуалдау дағдыларының (мамандандырудың бірінші курсында көрсетілген дағдыларға ұқсас) болуын талап етеді.&quot;</p>
+            <p>Осваиваемые навыки: Адамның компьютерлік өзара әрекеттесуі, кеңістіктік деректерді талдау, компьютерлік графика, интерактивті дизайн, сюжетті (графика), геовизуализация, статистикалық визуализация, деректерді визуализациялау</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Методы визуализации в географических исследованиях</p>
+            <p>Учебная нагрузка в кредитах: 9.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/advanced-techniques-in-data-visualization" target="_blank">Открыть курс</a></p>
+            <p>Организация: University of Flotida</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Внутрихозяйственное и региональное землеустройство"
+             data-credits="9.0"
+             data-hours="11.8"
+        >
+            <h1>Sustainable Agricultural Land Management</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 11.8</p>
+            <p>Учебная нагрузка (кредиты): 0.7</p>
+            <p>Область образования: 6B07 Инженерные, обрабатывающие и строительные отрасли</p>
+            <p>Область профессиональной подготовки: 6B073 Архитектура и строительство</p>
+            <p>Код и название образовательной программы: 6В07303-Землеустройство</p>
+            <p>Описание курса: This course will cover the agricultural and urban water quality issues in Florida, their bases, land and nutrient management strategies, and the science and policy behind the best management practices (BMPs). Students will learn to evaluate BMP research and analyze its role in determining practices and policies that protect water quality.</p>
+            <p>Осваиваемые навыки: Resource, Sustainability, Agriculture, Nutrients</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Внутрихозяйственное и региональное землеустройство</p>
+            <p>Учебная нагрузка в кредитах: 9.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/sustainable-agriculture" target="_blank">Открыть курс</a></p>
+            <p>Организация: University of Florida</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Планирование диссертационного исследования и публикационной деятельности; Управление научными проектами в землеустройстве; Управление проектами пространственного развития"
+             data-credits="5.0"
+             data-hours="18.79"
+        >
+            <h1>A Scientific Approach to Innovation Management</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 18.79</p>
+            <p>Учебная нагрузка (кредиты): 0.626</p>
+            <p>Область образования: 8D05 Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 8D052 Окружающая среда</p>
+            <p>Код и название образовательной программы: 8D05202-География, 8D07303 - Землеустройство, 8D07305-Кадастр</p>
+            <p>Описание курса: How can innovators understand if their idea is worth developing and pursuing? In this course, we lay out a systematic process to make strategic decisions about innovative product or services that will help entrepreneurs, managers and innovators to avoid common pitfalls. We teach students to assess the feasibility of an innovative idea through problem-framing techniques and rigorous data analysis labelled ‘a scientific approach’. The course is highly interactive and includes exercises and real-world applications. We will also show the implications of a scientific approach to innovation management through a wide range of examples and case studies.</p>
+            <p>Осваиваемые навыки: Data Analysis, Decision Making, Probability &amp; Statistics, Innovation, Leadership and Management</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Планирование диссертационного исследования и публикационной деятельности; Управление научными проектами в землеустройстве; Управление проектами пространственного развития</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/scientific-approach-innovation-management" target="_blank">Открыть курс</a></p>
+            <p>Организация: Università Bocconi</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Цифровые технологии в географическом образования"
+             data-credits="5.0"
+             data-hours="23.13"
+        >
+            <h1>Artificial Intelligence (AI) Education for Teachers</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 23.13</p>
+            <p>Учебная нагрузка (кредиты): 0.771</p>
+            <p>Область образования: 7M01 Педагогические науки</p>
+            <p>Область профессиональной подготовки: 7M014 Подготовка педагогов с предметной специализацией общего развития</p>
+            <p>Код и название образовательной программы: 7М01505-География</p>
+            <p>Описание курса: Сегодняшним учащимся необходимо знать, что такое искусственный интеллект (ИИ), как он работает, как использовать его в повседневной жизни и как он потенциально может быть использован в будущем. Использование ИИ требует навыков и ценностей, которые выходят далеко за рамки простого знания о программировании и технологиях. Этот курс разработан учителями для учителей и позволит преодолеть разрыв между общепринятыми представлениями об ИИ и тем, что это такое на самом деле. ИИ может быть внедрен во все области школьной программы, и этот курс покажет вам, как это сделать. \п\п Этот курс понравится учителям, которые хотят расширить свое общее понимание искусственного интеллекта, в том числе того, почему он важен для учащихся; и/или тем, кто хочет внедрить искусственный интеллект в свою преподавательскую практику и обучение своих учеников. Существует также уникальная возможность реализовать проект Capstone для студентов наряду с этим курсом профессионального обучения.Образовательная школа Маккуори при Университете Маккуори и IBM Australia совместно разработали этот курс, который соответствует австралийским профессиональным стандартам AITSL &quot;Профессиональный уровень&quot; на уровне AQF 8.</p>
+            <p>Осваиваемые навыки: &quot;Машинное обучение Навыки мышления Дизайн-мышление Искусственный интеллект (AI)&quot;</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Цифровые технологии в географическом образования</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/artificial-intelligence-education-for-teachers" target="_blank">Открыть курс</a></p>
+            <p>Организация: IBM, Macquarie University</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Scientific writing"
+             data-credits="5.0"
+             data-hours="52.047"
+        >
+            <h1>Writing Practice</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 52.047</p>
+            <p>Учебная нагрузка (кредиты): 1.735</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6B02211-Этнология и антропология</p>
+            <p>Описание курса: &quot;Welcome to the Writing Practices course. This course aims to prepare you for performing writing tasks in academic contexts. In this course you will be introduced to basic academic writing skills. You will learn how the principles and structures of academic writing work when you are composing a variety of scripts. This course covers a wide variety of topics related to academic writing that will prepare you for presenting arguments, describing scientific processes and comparing objects and ideas. Course Positioning  This course is an intermediate level course in academic writing, intended for learners who have basic proficiency in reading and writing in English. The knowledge gained from this course will help you write effectively in most academic situations. System Requirements for the Course  You would need a functional computer, a steady internet connection, a good browser, and access to Google Drive for this course.&quot;</p>
+            <p>Осваиваемые навыки: Writing, Proofreading, Report Writing, Research, Writing and Editing, Editing</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Scientific writing</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/bits-writing-practice" target="_blank">Открыть курс</a></p>
+            <p>Организация: Birla Institute of Technology &amp; Science, Pilani</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Основы физической антропологии"
+             data-credits="6.0"
+             data-hours="21.686"
+        >
+            <h1>Анатомия верхних и нижних конечностей</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 21.686</p>
+            <p>Учебная нагрузка (кредиты): 0.723</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6B02210-Археология</p>
+            <p>Описание курса: Этот курс состоит из двух основных частей, одна из которых посвящена нижней конечности, а другая - верхней. Мы покажем, как различные системы, снабжающие и организующие конечность, контролируют ее функцию. Предусмотрен набор вводных лекций, которые позволят более опытным студентам освежить свои знания о конечностях и послужат руководством для тех, кто имеет меньший опыт. За этими лекциями последуют подробные разборы конечностей с акцентом на локомоции для нижних конечностей и на положение и функции рук для верхних конечностей. Этот курс является частью 2/4 в рамках специализации Йельского университета по анатомии человека.</p>
+            <p>Осваиваемые навыки: Anatomy</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Основы физической антропологии</p>
+            <p>Учебная нагрузка в кредитах: 6.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/anatomy-extremeties" target="_blank">Открыть курс</a></p>
+            <p>Организация: Yale University</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Офисные информационные технологии"
+             data-credits="9.0"
+             data-hours="6.024"
+        >
+            <h1>Цифрлық дәуірдің интеллектуалдық құралдары</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 6.024</p>
+            <p>Учебная нагрузка (кредиты): 0.201</p>
+            <p>Область образования: 6B03 Социальные науки, журналистика и информация</p>
+            <p>Область профессиональной подготовки: 6B032 Журналистика и информация</p>
+            <p>Код и название образовательной программы: 6В03208-Цифровое архивоведение и документоведение</p>
+            <p>Описание курса: &quot;Цифрлық технологиялар бүкіл әлемдегі бизнес, үкімет және қоғамды өзгерту үстінде. Олардың әлем экономикасының әрбір секторы үшін жаңа тәуекелдер мен мүмкіндіктер ашатыны анық. Мұндай “футурология” жалпы көріністі ұсына алады, ал сіз үшін цифрлық әлем нені білдіреді? Болашақтағы жасанды интеллект пен big data-ға негізделген, автоматтандырылған жұмысқа дайынсыз ба? Бұл курс осы сұрақтарға бірегей көзқараспен жауап береді: сізге интеллектуалдық анализ әлемін таныстырады. Ең алдымен, осы курста цифрлық дәуірде жоғары бағаланатын кейбір дағдылар айтылып, олардың неліктен құнды болатыны түсіндіріледі. Сондай-ақ курс цифрлық әлемді түсінуде когнитивтік артықшылық беру үшін сізге АҚШ интеллектуалдық қауымдастығы қалыптастырған менталдық модельдер мен практикалық құрылымдарды ұсынады. Бұл артықшылық тыңшылық пен құпияларға қатысты емес. Ойлау жүйесін жақсартуға қатысты. Бұл аналитикалық құралдар жинағы MBA стиліндегі стратегиялардың қажыған, статикалық құрылымдарынан мүлде бөлек. Оның орнына, бұл құралдар сізге цифрлық дәуірдегі құбылмалылық, белгісіздік, екіұштылық және алдампаздықты еңсеруге көмектеседі. Түптеп келгенде, осы курс әлем цифрландырылған сайын, келешектегі жетістік өзіңізге де, басқаларға да сұрақтарды жақсырақ қоюға көбірек тәуелді екенін дәлелдейді. Осылайша, ол сізді интеллектуалдық талдаушыға тән сұрақ қоюға негізделген ойлау жүйесін қабылдауға үйретеді. Қысқасы, әлдеқайда анық, құрылымдалған ойлау жүйесінің арқасында тұрақты бизнес артықшылыққа қол жеткізу үшін осы курсқа қатысыңыз.&quot;</p>
+            <p>Осваиваемые навыки: Зерттеу және дизайн, бизнес талдау, деректерді басқару, іскерлік интеллект, сыни ойлау, стратегия және операциялар, коммуникация, көшбасшылық және басқару, процестерді талдау, мәдениет, бейімделу, іскерлік психология, эмоционалдық интеллект, кәсіпкерлік, болжау, ынтымақтастық, инновация, ықтималдық және статистика , Шешім қабылдау, Деректерді талдау, Адам ресурстары, Маркетинг, Сатылым, Стратегия, Талдау, Адамның компьютерлік өзара әрекеттесуі, Адамдарды талдау</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Офисные информационные технологии</p>
+            <p>Учебная нагрузка в кредитах: 9.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/intelligence-tools-digital-age" target="_blank">Открыть курс</a></p>
+            <p>Организация: IE university</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Цивилизация древнего Востока"
+             data-credits="5.0"
+             data-hours="11.566"
+        >
+            <h1>Introduction to Ancient Egypt and Its Civilization</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 11.566</p>
+            <p>Учебная нагрузка (кредиты): 0.386</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6В02212-История со знанием ин.яз.</p>
+            <p>Описание курса: Колоссальные пирамиды, величественные храмы, золотые сокровища, загадочные иероглифы, могущественные фараоны, странные боги и таинственные мумии - особенности культуры Древнего Египта, которые восхищали людей на протяжении тысячелетий. В Библии упоминаются ее боги, правители и пирамиды. Соседние культуры древнего Ближнего Востока и Средиземноморья писали о его богоподобных царях и кажущихся бесконечными запасах золота. Греки и римляне описывали отдельные аспекты культуры и истории Египта. В начале 19-го века наполеоновская кампания в Египте привлекла внимание к чудесам этой древней страны, и интерес общественности резко возрос. Вскоре после этого Шампольон расшифровал египетские иероглифы и открыл другим ученым путь к тому, что египетские тексты касались медицины, стоматологии, ветеринарной практики, математики, литературы, бухгалтерского учета и многих других тем. Затем, в начале 20-го века, Говард Картер обнаружил гробницу Тутанхамона и ее сказочное содержимое. Выставки этих сокровищ несколько десятилетий спустя привели к первому в мире блокбастеру, а их возрождение в 21 веке поддерживает интерес к ним. Присоединяйтесь к д-ру Дэвиду Сильверману, профессору египтологии в Пенне, куратору египетского отдела Пеннского музея и куратору выставок Тутанхамона, чтобы совершить экскурсию по загадкам и чудесам этой древней земли. Он разработал этот онлайновый курс и расположил его в галереях всемирно известного музея Пенна. Он использует множество оригинальных египетских артефактов для иллюстрации своих лекций, направляя студентов в процессе их самостоятельного знакомства с этой увлекательной культурой.</p>
+            <p>Осваиваемые навыки: знать особенности культуры Древнего Египта; уметь анализировать первоисточники по культуре и истории Египта. ; уметь оценивать отдельные аспекты культуры и истории Египта; ознакомиться со множествами оригинальными египетскими артефактами.</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Цивилизация древнего Востока</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/introancientegypt" target="_blank">Открыть курс</a></p>
+            <p>Организация: University of Pennsylvania</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Информационная безопасность и защита информации"
+             data-credits="9.0"
+             data-hours="8.675"
+        >
+            <h1>Academic Information Seeking</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 8.675</p>
+            <p>Учебная нагрузка (кредиты): 0.289</p>
+            <p>Область образования: 6B03 Социальные науки, журналистика и информация</p>
+            <p>Область профессиональной подготовки: 6B032 Журналистика и информация</p>
+            <p>Код и название образовательной программы: 6В03208-Цифровое архивоведение и документоведение</p>
+            <p>Описание курса: &quot;Этот курс познакомит Вас с основными элементами поиска академической информации - мы изучим процесс поиска, начиная с определения стратегии и заканчивая оценкой и документированием результатов поиска. Посещение этого курса сделает Вас опытным искателем информации. Вы научитесь проводить всесторонний поиск литературы на основе Вашего собственного исследовательского задания. Вы пройдете через различные этапы поиска информации, начиная с выбора соответствующих стратегий и методов поиска и заканчивая оценкой результатов поиска, документированием процесса поиска и цитированием своих источников&quot;</p>
+            <p>Осваиваемые навыки: &quot;Этот курс познакомит Вас с основными элементами поиска академической информации - мы изучим процесс поиска, начиная с определения стратегии и заканчивая оценкой и документированием результатов поиска. Посещение этого курса сделает Вас опытным искателем информации. Вы научитесь проводить всесторонний поиск литературы на основе Вашего собственного исследовательского задания. Вы пройдете через различные этапы поиска информации, начиная с выбора соответствующих стратегий и методов поиска и заканчивая оценкой результатов поиска, документированием процесса поиска и цитированием своих источников. Посещение курса позволит Вам: - Определить свою информационную потребность - Оценить базы данных и другие информационные ресурсы - Определить стратегию поиска и использовать различные методы поиска - Сформулировать поисковые строки на основе собственного исследовательского задания - Определить релевантные типы материалов - Провести критическую оценку источников - Более эффективно искать в Интернете - Избегать плагиата - Правильно цитировать - Работать со справочным аппаратом - Документировать процесс поиска&quot;</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Информационная безопасность и защита информации</p>
+            <p>Учебная нагрузка в кредитах: 9.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/academicinfoseek" target="_blank">Открыть курс</a></p>
+            <p>Организация: University of Copenhagen</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Историческая политика"
+             data-credits="5.0"
+             data-hours="11.566"
+        >
+            <h1>Community Organizing for Social Justice</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 11.566</p>
+            <p>Учебная нагрузка (кредиты): 0.386</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6В02205-История</p>
+            <p>Описание курса: В курсе рассматриваются конкретные стратегии организации сообщества для достижения социальной справедливости в многообразном демократическом обществе. В курсе рассматриваются основные концепции социальной справедливости и практические шаги по объединению людей для определения целей и приоритетов, оценки активов и потребностей сообщества, разработки планов действий и создания поддержки для их реализации. Курс включает информацию о том, как формировать основные группы, наращивать организационный потенциал и формулировать стратегию работы с избирателями и союзниками. Поскольку каждый человек учится по-своему, в курсе представлены разнообразные учебные задания, информация об успешных программах, индивидуальные инструкции и упражнения для малых групп, а также практические материалы для решения проблем и планирования программ. Вы можете использовать эти упражнения с отдельными людьми, с небольшой группой людей или с несколькими группами в рамках общественной кампании. Курс основан на работе с людьми, которые стремятся к изменениям в обществе в столичном Детройте - районе, который становится как более сегрегированным, так и более разнообразным. Но он предназначен и для тех, кто хочет создавать изменения в сообществах повсюду. Если Вы пройдете курс с идеями в голове и закончите его с планами в руках, то наша цель будет достигнута.</p>
+            <p>Осваиваемые навыки: Advocacy, Community Organizing, Cultural Sensitivity, Diversity Awareness, Cultural Responsiveness, Communication Strategies, Social Sciences, Interpersonal Communications, Social Justice</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Историческая политика</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/community-organizing" target="_blank">Открыть курс</a></p>
+            <p>Организация: University of Michigan</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="english"
+             data-discipline="Клиометрика"
+             data-credits="5.0"
+             data-hours="39.036"
+        >
+            <h1>Basic Statistics</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 39.036</p>
+            <p>Учебная нагрузка (кредиты): 1.301</p>
+            <p>Область образования: 6B02 Искусство и гуманитарные науки</p>
+            <p>Область профессиональной подготовки: 6B022 Гуманитарные науки</p>
+            <p>Код и название образовательной программы: 6В02205-История</p>
+            <p>Описание курса: &quot;Понимание статистики необходимо для понимания исследований в области социальных и поведенческих наук. В этом курсе Вы изучите основы статистики; не только то, как ее вычислять, но и то, как ее оценивать. Этот курс также подготовит Вас к следующему курсу специализации - курсу &quot;&quot;Инференциальная статистика&quot;&quot;. В первой части курса мы обсудим методы описательной статистики. Вы узнаете, что такое случаи и переменные и как можно вычислить показатели центральной тенденции (среднее, медиана и мода) и дисперсии (стандартное отклонение и дисперсия). Далее мы обсудим, как оценивать взаимосвязи между переменными, и введем понятия корреляции и регрессии. Вторая часть курса посвящена основам вероятности: вычислению вероятностей, распределению вероятностей и выборочным распределениям. Вам необходимо знать об этих вещах для того, чтобы понять, как работает инференциальная статистика. Третья часть курса состоит из введения в методы инференциальной статистики - методы, которые помогают нам решить, достаточно ли сильны закономерности, которые мы видим в наших данных, чтобы делать выводы об интересующей нас основной совокупности. Мы обсудим доверительные интервалы и тесты на значимость. Вы не только узнаете обо всех этих статистических концепциях, но и будете обучены самостоятельно рассчитывать и генерировать эти статистические данные с помощью свободно распространяемого статистического программного обеспечения.&quot;</p>
+            <p>Осваиваемые навыки: Statistical Analysis, Probability &amp; Statistics, Statistics, Statistical Methods, Data Analysis, Statistical Inference, Data Science, Applied Mathematics, Probability, Mathematics and Mathematical Modeling, Statistical Modeling, Correlation Analysis, Statistical Hypothesis Testing, Probability Distribution, Data Collection, Mathematical Modeling, Sampling (Statistics), Regression Analysis, Descriptive Statistics, Exploratory Data Analysis, Sample Size Determination, Analytics</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Клиометрика</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/basic-statistics" target="_blank">Открыть курс</a></p>
+            <p>Организация: University of Amsterdam</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="medium"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="Культурная антропология"
+             data-credits="5.0"
+             data-hours="0.0"
+        >
+            <h1>Культурная антропология</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: 6B03 Социальные науки, журналистика и информация</p>
+            <p>Область профессиональной подготовки: 6В03102-Культурология</p>
+            <p>Код и название образовательной программы: 6В03102-Культурология</p>
+            <p>Описание курса: Курс изучает элементы, которые объединяют нас – людей – как вид, а также разнообразие и особенности нашего поведения. Этот курс анализирует институты, найденные в разных культурах, таких как религия, экономика, политика, право, семья, их развитие вместе с современным миром, так что теперь в центре анализа находятся и такие феномены, как корпоративные структуры, научные организации, социальные сети и проч. Курс также ставит современную культурную антропологию в исторический контекст, устанавливая ее происхождение и отслеживая ее развитие на протяжении многих лет. Короче говоря, курс направлен на то, чтобы дать слушателю оценку многообразия человеческого опыта и важнейшие инструменты, необходимые для исследования культурных аспектов.</p>
+            <p>Осваиваемые навыки: &quot;Владеть базовым категориально-понятийным аппаратом дисциплины, связанным с изучением культурных форм, процессов и практик; Анализировать социокультурные, этнополитические, этносоциальные факторы исторического развития мирового, национальных, региональных, локальных сообществ, антропогенеза, происхождения и эволюцию человека; Характеризовать, классифицировать и систематизировать актуальные вопросы основных культурантропологических школ и направлений; Владеть методами и техниками культурантропологических исследований, сложившихся в рамках различных школ и направлений; Применять навыки культурологического анализа при исследовании различных социокультурных практик в широком социальном и историческом контексте&quot;</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Культурная антропология</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+KAntr+2024_C2/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="english"
+             data-discipline="Sociology"
+             data-credits="2.0"
+             data-hours="0.0"
+        >
+            <h1>Sociology</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: The course aims to develop skills of evaluating programs for solving social problems based on sociological imagination, critical thinking and sociological research methods to analyze and interpret social processes and institutions. The course is based on the study of theories of sociology associated with the names of key foreign and domestic scholars who have contributed to the development of sociology. Sociology studies a variety of topics from crime to religion, from the family to the state, divisions of race and social class to the shared beliefs of a common culture, from social stability to radical change in whole societies. Basically, everything that surrounds us is a subject of sociology. By discovering theoretical concepts, research methods and analyzing the processes as sociologists, students will be able to find answers these kind of questions: Are we free or do we follow the crowd? Why there is inequality? How people and institutions which make up society interact? What are the things that influence your life (family background, ethnicity, social class, religion, gender)? Why there is war? This is facilitated by the methodology of the course: special situational tasks, interesting games, watching movies, videos, test tasks and etc.</p>
+            <p>Осваиваемые навыки: &quot;Тo explain the categories of sociology, trends in the development of society on the basis of sociological macro- and micro-theories and concepts. Тo interpret social reality based on sociological imagination and critical thinking. Тo apply sociological methods and theoretical constructs to develop research design and analyze specific social problems. Тo analyze the features and interrelation of social processes (socio-economic, political, cultural) and social institutions from the position of a sociological perspective and the value system of Kazakhstani society. Тo summarize information on trends in the development of social structures, individual and family, economy, education, culture, religion, social communications and globalization based on comparative research. Тo evaluate programs for solving social problems and situations in own professional fields based on socio-ethical values.&quot;</p>
+            <p>Язык курса: английский</p>
+            <p>Дисциплины для перезачета: Sociology</p>
+            <p>Учебная нагрузка в кредитах: 2.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+C1+2026_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="Философия"
+             data-credits="5.0"
+             data-hours="0.0"
+        >
+            <h1>Философия</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: &quot;Целью курса является формирование у студентов способности самостоятельно выявлять, систематизировать и оценивать мировоззренческие компоненты изучения природного и социального мира. Это - подробный и увлекательный экскурс в интеллектуальную историю современной цивилизации. Каждый слушатель сможет познакомиться с классическими и современными проблемами философии (например, философия сознания, проблемы искусственного интеллекта, современной космологии и др.) и выбрать темы, которые интересны именно ему в рамках выбранной образовательной программы. Курс относится к циклу общеобразовательных дисциплин и предназначен для бакалавров любых направлений подготовки. Курс читается кафедрой философии КазНУ им. аль-Фараби – ведущим научным и образовательным центром, аккумулирующим традиции и инновации казахстанской философской школы.&quot;</p>
+            <p>Осваиваемые навыки: описывать основное содержание онтологии и метафизики в контексте исторического развития философии; классифицировать методы научного и философского познания мира;обосновывать мировоззрение как продукт философского осмысления и изучения природного и социального мира на основе понимания специфики философского мышления; интерпретировать содержание и специфические особенности мифологического, религиозного и научного мировоззрения; аргументировать собственную нравственную позицию по отношению к актуальным проблемам современного глобального общества, социально-культурных и личностных ситуаций для обоснования и принятия этических решений; самостоятельно провести анализ философского и аксиологического содержание проблем в профессиональной области для презентации и обсуждения результатов исследований.</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Философия</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:FFiP+CS2024_C3+2024C3/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="Педагогика высшей школы"
+             data-credits="0.0"
+             data-hours="0.0"
+        >
+            <h1>Педагогика высшей школы</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: Если вы хотите влиять на людей и заинтересованы в развитии своих навыков как педагога, методиста, исследователя и ученого. Тогда Вам нужно пройти курс «Педагогика высшей школы». Потребность в великих преподавателях – насущная потребность . Изучив курс, вы сможете влиять непосредственно на качество образования, на доступность обучения. как преподаватель научитесь лучше поддерживать широкий и разнообразный контингент студентов, овладеете успешными практиками организации воспитания и эффективного самоменеджмента.</p>
+            <p>Осваиваемые навыки: &quot;Объяснять современную стратегию развития высшего образования в Казахстане на основе осмысления парадигм в мировом образовательном пространстве; Изучать уровень усвоения обучающимися содержания образования, исследовать образовательную среду. Самостоятельно планировать и проводить семинарские, практические, лабораторные занятия с учетом требований разработанных и утвержденных методических указаний. . Строить воспитательный процесс с учетом национальных приоритетов Казахстана и приобщать обучающихся к системе социальных ценностей. Разрабатывать учебно-методические материалы для сопровождения образовательного процесса и реализации инноваций в обучении и воспитании обучающихся.&quot;</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Педагогика высшей школы</p>
+            <p>Учебная нагрузка в кредитах: 0.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:FP+PVSH+2024_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="Политическая конфликтология"
+             data-credits="0.0"
+             data-hours="0.0"
+        >
+            <h1>Конфликтология</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: 6B03 Социальные науки, журналистика и информация</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: 6В03106-Политология</p>
+            <p>Описание курса: Курс “Конфликтология” предназначен для учащихся выпускных классов средних учебных заведений, желающих поступать на учебу на специальность социология, социальная работа, политология КазНУ им. аль-Фараби. Также он будет полезен выпускникам школ, которые решили поступать на другие факультеты, где изучаются социальные процессы, межличностные коммуникации. Также данный курс полезен для всех желающих изучить природу, причины, типологию , управление и разрешение конфликтных ситуаций . Курс “Конфликтология ” даст комплексные знания по конфликтным ситуациям и способам их разрешения. Конфликты являются неизбежным спутником социальной жизни, определяются природой человека. Современному человеку необходимо научиться снижать уровень конфликтного противостояния, используя классические и современные достижения в области управления и профилактики конфликтов. Важно уметь правильно выявлять их причины, управлять их протеканием и разрешением, снижать уровень конфликтного противостояния. Поэтому представляет научный и практический интерес изучение основ конфликтологии, классических исследований и современных достижений в области развития конфликтологии.</p>
+            <p>Осваиваемые навыки: Skills not specified</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Политическая конфликтология</p>
+            <p>Учебная нагрузка в кредитах: 0.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:FPPS+FPPS+2023_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="Организация научных исследований"
+             data-credits="0.0"
+             data-hours="0.0"
+        >
+            <h1>Организация научных исследований</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: Просто, доступно, интересно о нормативном знании в научном исследовании. Практические советы, рекомендации опытных людей от науки. Выбор вуза, руководителя, темы исследования. Структура работы и контрольные элементы диссертации. Варианты написания и требования к работе. Научные публикации, научный этикет, научный стиль.</p>
+            <p>Осваиваемые навыки: Skills not specified</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Организация научных исследований</p>
+            <p>Учебная нагрузка в кредитах: 0.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:KazNU+C1+2019-2020/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Мәдениеттану"
+             data-credits="2.0"
+             data-hours="0.0"
+        >
+            <h1>Мәдениеттану</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: «Мәдениеттану» курсы елімізде қабылданған «Рухани жаңғыру» бағдарламасы бойынша міндетті пәндердің қатарына енеді. Курс студенттерге осы пәнді оқытуда озық әлемдік және отандық оқыту тәжірибесіне негізделеді. Онлайн курста авторлық дәрістермен қатар қосымша материалдар, слайдтар, тапсырмалар, оқыған материалды пысықтайтын тестілер және қорытынды емтихан тестілері келтірілген. Курсты игеру нәтижесінде студенттер қазіргі мәдениеттанудың негізгі ұғымдары, категориялары және қағидаттарымен, әлемдік мәдениеттер және өркениеттердің басты құндылықтарымен, Қазақстан мәдениетіндегі тарихи және заманауи үдерістермен таныса алады.</p>
+            <p>Осваиваемые навыки: &quot;Мәдениеттану саласындағы негізгі категориялық-түсініктік аппаратты қолдану. Әр түрлі кезеңдердегі мәдениеттің тарихи типтерінің негізгі сипаттамаларын талдау. Мәдениет дамуының әр түрлі деректеріне әлеуметтік-мәдени сараптама жүргізу. Әлеуметтік-мәдени сипаттағы мәселелерге жеке ұстанымын қалыптастыру және негіздеу. Мәдениет жетістіктерін олардың жасалуының тарихи мәнмәтінін түсіну негізінде бағалау.&quot;</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Мәдениеттану</p>
+            <p>Учебная нагрузка в кредитах: 2.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:KAzNU+CS2024+2024_C2/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="Культурология"
+             data-credits="2.0"
+             data-hours="0.0"
+        >
+            <h1>Культурология</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: В процессе изучения курса «Культурология» вы встретитесь с многочисленными точками зрения, взаимодополняющими друг друга оценками одних и тех же явлений. Ваша самостоятельность и активность должны проявиться в том, чтобы, ознакомившись с разными позициями, определиться в своих предпочтениях, совершенствовать и развивать свои способности. Представленный курс объединяет сильные стороны социальных и гуманитарных наук, опирается на методы и теории истории, философии, социологии, литературоведения и коммуникационных исследований. Творческие задания курса способствуют включению слушателя в практическую реализацию мира культуры.</p>
+            <p>Осваиваемые навыки: объяснять базовый категориально-понятийный аппарат на основе рефлексивного усвоения ценностей и достижений культуры; упорядочивать характеристики исторических типов культуры на основе генезиса основных культурных явлений; проводить социокультурный анализ практик культуры для осмысления культуротворческой деятельности современного казахстанского общества; обобщать результаты исследований достижений отечественной культуры, ее современные проблемы и перспективы развития на основе понимания их создания для толерантного восприятия социальных, этнических, конфессиональных и культурных различий; оценивать развитие мировой культуры для понимания богатства культурного наследия.</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Культурология</p>
+            <p>Учебная нагрузка в кредитах: 2.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+cultural+2024_C2/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Жоғары мектеп педагогикасы"
+             data-credits="0.0"
+             data-hours="0.0"
+        >
+            <h1>Жоғары мектеп педагогикасы</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: Болашақ жоғары мектеп оқытушылары үшін «Қазіргі жоғары білім беру» мәселелерін жан-жақты қарастырып, университеттің оқу-тәрбие үдерісін қалай ұйымдастыру, пәннің оқу-әдістемелік кешенін құрастыру, дәстүрлі және инновациялық оқыту әдістерін, жаңа білім беру технологияларын тиімді пайдалануды, сонымен бірге куратор-эдвайзерлік қызметті ұйымдастыруды, тәрбиелік іс-шараларды өткізу сценарийлерін жасауды, педагогикалық қарым-қатынас құралдарын, басқару стилдерін нәтижелі қолдануға, білім беру саласындағы реформаларды талдап, даму тенденцияларын саралап, оқып үйренуге мүмкіндік береді.</p>
+            <p>Осваиваемые навыки: &quot;заманауи жоғары кәсіби білім берудің даму сатыларын, әдіснамалық аппараттың параметрлері мен әдіснамалық деңгейлерін білу; Қазақстанда жоғары кәсіби білім берудің жүйесіне талдау жасай білу; жоғары мектеп оқытушысының кәсіби-педагогикалық мәдениет мен құзіреттілігі негіздерін игеру; Білім берудің TLA-стратегиясын, ЖОО-да кредиттік жүйемен білім беру бойынша студенттердің өзіндік жұмысын жобалау; заманауи дидактикалық принциптер мен талдау технологиясын білу, білім беру мен тәрбиелеудің технологиясы; Жоғары кәсіби білім берудің мазмұнын құрастыру; Блум таксономиясы бойынша құзіреттілікті бағалау; жоғары мектепте дәстүрлі және инновациялық әдістер мен білім беруді ұйымдастырудың жаңа технологияларын қолдану. ЖОО-да білім беру процесінде студенттер мен оқытушылар арасындағы коммуникативті қарым-қатынас технологиясын бағалау және білім алушыларды ынталандыру. &quot;</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Жоғары мектеп педагогикасы</p>
+            <p>Учебная нагрузка в кредитах: 0.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+Ped_kz+2024_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Философия"
+             data-credits="0.0"
+             data-hours="0.0"
+        >
+            <h1>Философия</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: «Философия» пәні болашақ мамандардың бойында тәуелсіз сыни ойлау түсінігін қалыптастыру мен маңызды дүниетанымдық ұғымдарды түсінуге бағытталған. Пәнді оқу барысында келесі аспектілер қарастырылады: Философияның пайда болуы мен дамуы. Философияның пәні мен әдістері. Философияның тарихи типтері. Әлемді философиялық түсінудің негізі. Болмыс мәселесі. Онтология және метафизика. Сана мен тіл. Таным мен шығармашылық. Ғылыми және ғылыми емес білім. Ғылым мен техника. Адам философиясы және құндылықтар әлемі. Өмір мен өлім. Өмірдің мәні. Этика. Құндылықтар философиясы. Еркіндік. Эстетика. Қабылдау және әсемдікті жасау. Қоғам мен мәдениет. Тарих философиясы. «Мәңгілік Ел» және «Рухани жаңғыру» – Қазақстанның жаңа философиясы.</p>
+            <p>Осваиваемые навыки: Пәнді оқытудың нәтижесінде студенттер мынадай қабілеттерге ие болады: философияның тарихи даму шеңберінде метафизика мен онтологияның негізгі мазмұнын сипаттау; философиялық ойлау тұрғысындағы шындықтың ерекшеліктерін түсіндіру; дүниені танудың философиялық және ғылыми әдістерін жүйелеу; қазіргі дүниедегі адамның әлеуметтік және жеке басының құндылықтары ретінде негізгі дүниетанымдық ұғымдардың рөлі мен маңыздылығын негіздеу; кəсіби саладағы мəселелердің философиялық мазмұнын анықтауға жəне талқылауға арналған нəтижелерді ұсынуға байланысты зерттеулер жүргізу және т.б.</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Философия</p>
+            <p>Учебная нагрузка в кредитах: 0.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:KazNU+Phil01+2024_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="Религиозная антропология"
+             data-credits="6.0"
+             data-hours="0.0"
+        >
+            <h1>Религиозная философия</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: 6B02203 Религиоведение</p>
+            <p>Описание курса: Курс приобщает к достижениям духовной культуры человечества, способствует формированию собственной культуры мышления, развивает и укрепляет ценностные ориентации мировой культуры (терпимости к другим и другому), позволяет понять свое место в мире, найти смысл жизни, обрести и реализовать свое предназначение.</p>
+            <p>Осваиваемые навыки: В упрощенной форме изучение терминологического аппарата классической и современной философии и ознакомление с основными философскими школами; ознакомление с основными проблемами научных и религиозных картин мира, человеческого знания и особенностей его проявления в современном обществе, соотношение духовных и материальных ценностей, их роли в жизнедеятельности человека, общества, цивилизации.</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Религиозная антропология</p>
+            <p>Учебная нагрузка в кредитах: 6.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:KazNU+POLIT217+2020_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Саясаттану"
+             data-credits="2.0"
+             data-hours="0.0"
+        >
+            <h1>Саясаттану</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: Бұл курс қоғамдағы саясаттың табиғатын, оның орны мен рөлін түсініп, саясаттың қыр-сырын білгісі келетін кез келген жастағы білім алушыларға арналған. Бұл пән қоғамның саяси саласы туралы жүйелі білім беріп, азамат ретінде саяси үрдістер мен институттар жұмысына қатысуға және бағалауға, талдау мен болжауға қажетті дағдыларды қалыптастырады.</p>
+            <p>Осваиваемые навыки: &quot;негізгі саяси ұғымдарды, қоғам мен оның кіші жүйелерін зерттеуге арналған теориялар мен тәсілдерді меңгеру арқылы саяси саланы зерделеу және бағалау. оқытылатын пәннің аясында ғылыми ой мен теория мазмұны негізінде түрлі қоғамдық салалардағы қарым-қатынастың жағдайын түсіндіру. қазіргі қоғамның және оның саяси институттарының жұмыс істеу ерекшеліктері мен негізгі қағидаттарын меңгеру арқылы оларды талдау, ұсыныстар беру және келешегін болжау. заманауи қоғамның саяси мәселелерін сипаттау мен талдау арқылы саяси процестер мен қатынастардың өзара байланыстарын ашып беру. қазақстандық қоғамның даму үрдістері мен жаңғыру ерекшеліктерін талдау негізінде ондағы саяси институттардың рөліне баға беру.&quot;</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Саясаттану</p>
+            <p>Учебная нагрузка в кредитах: 2.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+POLIT_kz+2024_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Психология"
+             data-credits="2.0"
+             data-hours="0.0"
+        >
+            <h1>Психология</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: &quot;«Психология» курсын оқу барысында сіз алатын білімдер, атап айтсақ, тұлғаның психологиялық табиғаты, ұлттық сананың психологиялық негіздері сияқты сұрақтар қоғам мүшесі ретінде аса қажет, осы курста сізге бағдар бере алатын теориялық-практикалық білімдер өмірде сәттілікке жетуге, бәсекеге қабілетті болуға үйретеді. Теориялық зерттеулер, практикалық психологиялық жаттығулар, көптеген психологиялық әдістер «Мен кіммін?» деген негізгі ішкі сұраққа жауап алуға сізді бағыттайды. Өзіңіздің психологиялық портретіңізді жасайсыз, қоршағандармен позитивті қарым-қатынас жасау психотехнологияларын игересіз, қазіргі ақпараттық технологиялардың дамыған заманында өзіңіздің психологиялық денсаулығыңызды нығайта аласыз. Күнделікті өміріңізде өтіп жатқан жағдайларға орай стресстік күйіңізді өзгерте алатын стресс-менджмент, эмоциялық интеллект, әлеуметтік интеллект пен имиджді қалыптастырудың негіздеріне бағдарланған психологиялық семинар-тренигтік бағдарламаларды игересіз, өзіңізге психологиялық көмек беруге машықтанасыз. Ең бастысы сіз өзіңіздің мотивациялық және эмоциялық әлеміңізді тани отырып сіз позитивті жаққа қарай өзгересіз, өзіңізді жеңесіз, сіз сәтті, ұтқыр, динамикалы, интеллектік әлеуеті жоғары, мықты, бәрі сізге қызыға қарайтын тұлғаға айналасыз. Тұлға құрылымындағы Мен-концепциясын игеріп, өзіңізді адекватты бағалау мен құрметтеуге жол тартасыз!&quot;</p>
+            <p>Осваиваемые навыки: &quot;Тұлғаның мотивациялық және эмоциялық ерекшеліктерін зерттеу негізінде ұлттық сана туралы теориялық білімдерін қалыптастыру. Құндылықтар жүйесі және өзіндік анықталу негізінде тұлғаның «психологиялық портретін» түсіндіру. Психологиялық денсаулық және әлеуметтену процесін зерттеу үшін психодиагностикалық әдістерді қолдану. Тұлғаралық қарым-қатынас психологиясынталдау арқылы қоғамдық сананы жаңғыртуда психотехнологияларды пайдалану. Тұлғаның мінез-құлық модельдерін талдау арқылы әлеуметтік интеллект және имидж түсініктерін қалыптастыруға бағытталған психологиялық бағдарлама құрастыру.&quot;</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Психология</p>
+            <p>Учебная нагрузка в кредитах: 2.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+PSY_kz+2024_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="Психология"
+             data-credits="2.0"
+             data-hours="0.0"
+        >
+            <h1>Психология</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: Курс направлен на развитие способностей анализа жизненных и профессиональных ситуаций с помощью социально-психологических знаний. Курс предназначен для повышения общей психологической компетентности и культуры будущего специалиста, осознания своего прошлого, настоящего и будущего с психологических позиций, а также для освоения знаний социально-психологических закономерностей поведения личности.</p>
+            <p>Осваиваемые навыки: &quot;Понимать роль психологической науки в системе наук; объяснять роль психологического знания для саморазвития личности и применения в профессиональной деятельности. Понимать сущность и причины психологических явлений и событий, особенности развития и формирования человека как индивида, личности и индивидуальности. Проводить психологическую оценку собственной личности, ситуации, группы людей. Применять психологические знания в решении сложных коммуникативных задач, выхода из конфликтных ситуаций и развитии самоэффективности через решение разных коммуникативных кейсов. Применять навыки саморегуляции личности для профилактики и коррекции негативных психологических состояний.&quot;</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Психология</p>
+            <p>Учебная нагрузка в кредитах: 2.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+Psy_ru+2024_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="none"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Әлеуметтану"
+             data-credits="2.0"
+             data-hours="0.0"
+        >
+            <h1>Әлеуметтану</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: средний</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 0.0</p>
+            <p>Учебная нагрузка (кредиты): 0.0</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: Not Specified</p>
+            <p>Описание курса: Әлеуметтану пәні қоғамның әлеуметтік жағдайын теориялық тұрғыдан түсінуге, сипаттауға және жүйелеуге, тәжірибелік тұрғыдан деректер жинауға мүмкіндік береді. Қоғам күрделі әлеуметтік байланыстар мен қарым-қатынастар жүйесінен тұрады. Мұндай байланыстар өзара серіктестікке, ынтымақтастыққа негізделіп, жасампаздыққа немесе қарама-қайшылықтар мен дау-жанжалдық ситуациялардың әсерімен қиындықтарға да алып келуі мүмкін. Әлеуметтанудың мақсаты - түрлі әлеуметтік байланыстардың қалыптасу заңдылықтарын түсіндіріп, дауларды шешудің тиімді жолдарын көрсету. Әлеуметтік байланыстар мен қарым-қатынастардың қалыптасу сипаты адамдардың құндылықтарымен, өмірге деген көзқарастарымен, мәдениетімен, психологиясымен анықталады және олардың қалай қалыптасатындығы әлеуметтік жағдайға белгілі бір деңгейде байланысты. Сондықтан да әлеуметтануды оқу арқылы өзімізді, өзіміз өмір сүріп отырған ортаны, түрлі топтарды, олардың әлеуметтік психологиясын, мәдениетін, түрлі ситуацияда қандай әрекетке дайын болатындығын түсіне аламыз.</p>
+            <p>Осваиваемые навыки: &quot;Әлеуметтану ғылымының зерттеу ерекшеліктерін айқындау негізінде зерттеулерді ұйымдастыруды және алғашқы мәліметтерді жинау әдістерін еркін түрде қолдана білуді қалыптастыру; Қоғамның әлеуметтік құрылымына қатысты нәтижелерді жинақтау арқылы тұлға мен отбасының алатын орны мен әлеуметтену ерекшеліктерін негіздеу; Девиацияның қалыптасу жағдайларына талдау жасау нәтижесінде оларды реттестірудегі, қоғамдық сананы дамытудағы әлеуметтік институттардың маңызын көрсету; Жаһандану жағдайындағы теңсіздіктерді айқындау және ақпараттық қоғамның олардың қалыптасуына әсеріне әлеуметтанулық тұрғыдан қорытынды жасау; Қоғамдағы модернизациялық өзгерістерге, урбанизация процесіне талдау жасау негізінде олардың халықтың әлеуметтік денсаулығының сапалық көрсеткіштеріне әсерін бағалау.&quot;</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Әлеуметтану</p>
+            <p>Учебная нагрузка в кредитах: 2.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+SOCIOL_kz+2024_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="продвинутый"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="1. Тепловые и массобменные процессы 2.Thermal and mass transfer processes"
+             data-credits="9.0"
+             data-hours="72.288"
+        >
+            <h1>Основные процессы и аппараты химической технологии</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: продвинутый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 72.288</p>
+            <p>Учебная нагрузка (кредиты): 2.41</p>
+            <p>Область образования: 6B07 Инженерные, обрабатывающие и строительные отрасли</p>
+            <p>Область профессиональной подготовки: 6B071 Инженерия и инженерное дело</p>
+            <p>Код и название образовательной программы: B060 Химическая инженерия и процессы</p>
+            <p>Описание курса: Курс «Основные процессы и аппараты химической технологии» посвящен общим подходам и приемам по расчету основных параметров процессов химической технологии. Данный курс направлен на то, чтобы студенты и слушатели химико-технологических специальностей могли самостоятельно освоить, закрепить и в дальнейшем проводить анализ, математическое описание и инженерные расчеты для конкретных технологических процессов в своей профессиональной деятельности. Простой и быстрый доступ к учебным материалам по инженерной дисциплине, охватывающей темы по гидродинамическим, тепловым и массообменным процессам, а также свободный график обучения делает данный курс уникальным и удобным для студентов и инженеров химико-технологического профиля без отрыва от производства.</p>
+            <p>Осваиваемые навыки: &quot;1. Умение объяснять технологические процессы и устройства химической технологии, используя основные законы сохранения массы, энергии, термодинамического равновесия, кинетики, теории подобия, тепло- и массопереноса. 2. Умение применять расчётные уравнения основных процессов и устройств химической технологии. 3. Умение составлять принципиальные схемы производств химической технологии на основе теплового и материального балансов.&quot;</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: 1. Тепловые и массобменные процессы 2.Thermal and mass transfer processes</p>
+            <p>Учебная нагрузка в кредитах: 9.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+OPiAHT+2023-2024C2/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="продвинутый"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Физикалық химия"
+             data-credits="9.0"
+             data-hours="48.192"
+        >
+            <h1>Физическая химия</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: продвинутый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 48.192</p>
+            <p>Учебная нагрузка (кредиты): 1.606</p>
+            <p>Область образования: 6B05 - Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 6B053 - Физические и химические науки</p>
+            <p>Код и название образовательной программы: 6В05301, Химия</p>
+            <p>Описание курса: Физикалық химия курында қарастыралтын сұрақтар қазіргі кездегі химия және химиялық тенологияның теориялық фундаменті болады және алған теоориялық білім термодинамика заңдарына сүйене отырып, химиялық процестердің энергетикасын, өздігінен өту бағытын анықтау, гомогенді және гетерогенді жүйелердегі химиялық тепе-теңдік күйге әр түрлі факторлар әсерін және ерітінділер заңдылықтарын, кинетика және электрохимия негіздерін білу қажет.</p>
+            <p>Осваиваемые навыки: Ұсынылып отрыған бағдарлама жоғары сынып оқушылары мен химия мамандықтары студенттерінің базалық білімін нығайтып, химиялық процестердің энергетикалық сипаттамаларын есептеудің теориясы мен практикасы бойынша жалпы және пәндік құзыреттілікті қалыптастыру.</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Физикалық химия</p>
+            <p>Учебная нагрузка в кредитах: 9.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+FH+2021-2022C1/course/" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им.аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="&quot;Органическая химия алифатических и циклических соединений &quot;"
+             data-credits="9.0"
+             data-hours="18.072"
+        >
+            <h1>Органическая химия алифатических соединений</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 18.072</p>
+            <p>Учебная нагрузка (кредиты): 0.602</p>
+            <p>Область образования: 6B07 Инженерные, обрабатывающие и строительные отрасли</p>
+            <p>Область профессиональной подготовки: 6B072 Производственные и обрабатывающие отрасли</p>
+            <p>Код и название образовательной программы: 6B07104 Химическая технология органических веществ</p>
+            <p>Описание курса: Сформировать способность применять основы органической химии для описания и оценивания свойств, методы синтеза алифатических и циклических органических соединений, выявлять достоинства, недостатки, предлагать пути модификации. Курс формирует теоретико-методологическую основу понимания основных закономерностей: строение и реакционная способность алифатических и циклических органических соединений. Будут рассмотрены: классификация, строения, изомерия, способы получения, свойства и применения.</p>
+            <p>Осваиваемые навыки: Сформировать способность применять основы органической химии для описания и оценивания свойств, методы синтеза алифатических и циклических органических соединений, выявлять достоинства, недостатки, предлагать пути модификации. Курс формирует теоретико-методологическую основу понимания основных закономерностей: строение и реакционная способность алифатических и циклических органических соединений. Будут рассмотрены: классификация, строения, изомерия, способы получения, свойства и применения.</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: &quot;Органическая химия алифатических и циклических соединений &quot;</p>
+            <p>Учебная нагрузка в кредитах: 9.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+OHAS01+2024_C2/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им.аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="openkaznu"
+             data-language="russian"
+             data-discipline="Химия углеводородов и их функциональных производных"
+             data-credits="9.0"
+             data-hours="18.072"
+        >
+            <h1>Органическая химия алифатических соединений</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 18.072</p>
+            <p>Учебная нагрузка (кредиты): 0.602</p>
+            <p>Область образования: 6B07 Инженерные, обрабатывающие и строительные отрасли</p>
+            <p>Область профессиональной подготовки: 6B072 Производственные и обрабатывающие отрасли</p>
+            <p>Код и название образовательной программы: 6B07102 Химическая инженерия</p>
+            <p>Описание курса: Сформировать способность устанавливать связь между строением органических веществ и их реакционной способностью, классифицировать методы синтеза основных классов органических соединений и качественные химические реакции на функциональные группы, методы выделения и идентификации органических соединений, использовать навыки работы с веществами, лабораторными установками в практической деятельности.</p>
+            <p>Осваиваемые навыки: Сформировать способность устанавливать связь между строением органических веществ и их реакционной способностью, классифицировать методы синтеза основных классов органических соединений и качественные химические реакции на функциональные группы, методы выделения и идентификации органических соединений, использовать навыки работы с веществами, лабораторными установками в практической деятельности.</p>
+            <p>Язык курса: русский</p>
+            <p>Дисциплины для перезачета: Химия углеводородов и их функциональных производных</p>
+            <p>Учебная нагрузка в кредитах: 9.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+OHAS01+2024_C2/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им.аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="coursera"
+             data-language="kazakh"
+             data-discipline="Биохимия"
+             data-credits="5.0"
+             data-hours="12.048"
+        >
+            <h1>Биохимия</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Coursera</p>
+            <p>Учебная нагрузка (часы): 12.048</p>
+            <p>Учебная нагрузка (кредиты): 0.402</p>
+            <p>Область образования: 6B05 - Естественные науки, математика и статистика</p>
+            <p>Область профессиональной подготовки: 6B053 - Физические и химические науки</p>
+            <p>Код и название образовательной программы: 6В05301, Химия</p>
+            <p>Описание курса: Курс Энергия алмасудың негізгі сатыларын ажырату, оның биохимиялық принциптерін түсінуге мүмкіндік береді</p>
+            <p>Осваиваемые навыки: Студенттер Энергия алмасуының сатыларын ажырататын болады.</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Биохимия</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://www.coursera.org/learn/energy-metabolism" target="_blank">Открыть курс</a></p>
+            <p>Организация: Korea Advanced Institute of Science and Technology</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Медика-биологиялық мақсаттағы полимерлер химиясы"
+             data-credits="5.0"
+             data-hours="15.662"
+        >
+            <h1>Медика-биологиялық мақсаттағы полимерлер химиясы</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 15.662</p>
+            <p>Учебная нагрузка (кредиты): 0.522</p>
+            <p>Область образования: 6B07 Инженерные, обрабатывающие и строительные отрасли</p>
+            <p>Область профессиональной подготовки: 6B072 Производственные и обрабатывающие отрасли</p>
+            <p>Код и название образовательной программы: 6В07201-Фармацептикалық технология өндірісі</p>
+            <p>Описание курса: Курс медика-биологиялық мақсаттағы полимерлердің сипаттамаларын, фармацевтика мен медицинада қолдану мақсаттарына сәйкес оларға қойылатын негізгі талаптарды, оларды синтездеу және модификациялау әдістерін, сонымен қатар негізгі физикалық және химиялық қасиеттері мен олардың практикалық қолдану аспектілері жан-жақты оқытуға арналған.</p>
+            <p>Осваиваемые навыки: &quot;ОН 1 Биомедициналық полимерлердің түсініктері мен терминдерін, жіктелуі мен номенклатурасын; медика-биологиялық мақсаттағы полимерлі материалдарға қойылатын талаптарды сипаттауға ОН 2 Медициналық дәрежеде таза және бағытталған биологиялық әсер ететін полимерлерді синтездеу әдістерін сипаттауға ОН 3 Биомедициналық мақсаттағы полимерлер мен полимерлік материалдардың синтезін жүзеге асыра алу дағдыларын көрсету ОН 4 Еріткіштің термодинамикалық сапасын, макромолекулалардың молекулалық-массалық және басқа да сипаттамаларын бағалау үшін полимерлердің ерітінділерін зерттеу әдістерін қолдану &quot;</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Медика-биологиялық мақсаттағы полимерлер химиясы</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:kaznu+MBMPH+2024_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. Аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="mooc"
+             data-level="basic"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Химиялық талдау 1"
+             data-credits="5.0"
+             data-hours="15.662"
+        >
+            <h1>Аналитикалық химия</h1>
+            <p>Тип курса: MOOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 15.662</p>
+            <p>Учебная нагрузка (кредиты): 0.522</p>
+            <p>Область образования: Not Specified</p>
+            <p>Область профессиональной подготовки: Not Specified</p>
+            <p>Код и название образовательной программы: 6B05 - Естественные науки, математика и статистика</p>
+            <p>Описание курса: Базалық пән бойынша терең теориялық білім қалыптастыру.Химиялық талдау бойынша толық мәлімет беру арқылы базалық білімдерін қалыптастыру.</p>
+            <p>Осваиваемые навыки: &quot;Негізгі пән ретінде толықтырылған әрі терең білім беру. ЖАОК-ның қолдауы: ЖАОК дәстүрлі оқытуда СӨЖ ретінде, «Төңкерілген сынып» технологиясын қолдана отырып немесе қолданбай-ақ пән бойынша қосымша материал ретінде қолданылады. &quot;</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Химиялық талдау 1</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:FCCT+FCCT+2024_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. Аль-Фараби</p>
+        </div>
+
+        <div class="course-card"
+             data-type="spoc"
+             data-level="basic"
+             data-platform="openkaznu"
+             data-language="kazakh"
+             data-discipline="Азық-түліктің талдауы"
+             data-credits="5.0"
+             data-hours="12.048"
+        >
+            <h1>Аналитикалық химия. Сапалық талдау.</h1>
+            <p>Тип курса: SPOC</p>
+            <p>Уровень сложности: базовый</p>
+            <p>Платформа: Openkaznu</p>
+            <p>Учебная нагрузка (часы): 12.048</p>
+            <p>Учебная нагрузка (кредиты): 0.402</p>
+            <p>Область образования: 6B07 Инженерные, обрабатывающие и строительные отрасли</p>
+            <p>Область профессиональной подготовки: 6B072 Производственные и обрабатывающие отрасли</p>
+            <p>Код и название образовательной программы: &quot;В068 Производство продуктов питания &quot;</p>
+            <p>Описание курса: Базалық пән бойынша терең теориялық және практикалық білім қалыптастыру. Сапалық талдау бойынша толық мәлімет беру арқылы базалық білімдерін қалыптастыру.</p>
+            <p>Осваиваемые навыки: &quot;Негізгі пән ретінде толықтырылған әрі терең білім беру. SPOC-ның қолдауы: SPOC дәстүрлі оқытуда СӨЖ ретінде пән бойынша қосымша материал ретінде қолданылады. &quot;</p>
+            <p>Язык курса: казахский</p>
+            <p>Дисциплины для перезачета: Азық-түліктің талдауы</p>
+            <p>Учебная нагрузка в кредитах: 5.0</p>
+            <p>Ссылка на курс: <a href="https://open.kaznu.kz/courses/course-v1:KazNU+HIM+2026_C1/about" target="_blank">Открыть курс</a></p>
+            <p>Организация: КазНУ им. Аль-Фараби
+
+
+чтобы все фильтры работали как у других</p>
+        </div>
+    </div>
+
+</section>
+
+<script>
+    document.getElementById("searchInput").addEventListener("input", filterCourses);
+    document.querySelectorAll("select").forEach(select => {
+        select.addEventListener("change", filterCourses);
+    });
+
+    function filterCourses() {
+        let searchValue = document.getElementById("searchInput").value.toLowerCase();
+        let platformValue = document.getElementById("platformFilter").value;
+        let languageValue = document.getElementById("languageFilter").value;
+        let levelValue = document.getElementById("levelFilter").value;
+
+        let courses = document.querySelectorAll(".course-card");
+
+        courses.forEach(card => {
+            let text = card.textContent.toLowerCase();
+            let platform = card.dataset.platform;
+            let language = card.dataset.language;
+            let level = card.dataset.level;
+
+            let matchesSearch = text.includes(searchValue);
+            let okPlatform = (platformValue === "all" || platform === platformValue);
+            let okLanguage = (languageValue === "all" || language.includes(languageValue));
+            let okLevel = (levelValue === "all" || level === levelValue);
+
+            card.style.display = (okPlatform && okLanguage && okLevel && matchesSearch)
+                ? "block"
+                : "none";
+        });
+    }
+</script>
+
+</body>
+</html>
diff --git a/lms/templates/static_templates/competition.html b/lms/templates/static_templates/competition.html
new file mode 100644
index 000000000000..892e262fd3a3
--- /dev/null
+++ b/lms/templates/static_templates/competition.html
@@ -0,0 +1,644 @@
+<%page expression_filter="h"/>
+<%! from django.utils.translation import gettext as _ %>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Competition")}</%block>
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Конкурс педагогических сценариев онлайн-курсов</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        :root {
+            --primary-dark: #1a263c;
+            --primary-accent: #d3985c;
+            --primary-light: #f5f7fa;
+            --secondary-dark: #142034;
+            --text-dark: #333;
+            --text-light: #fff;
+            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            --border-radius: 8px;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            line-height: 1.6;
+            color: var(--text-dark);
+            background-color: var(--primary-light);
+        }
+
+        .container {
+            width: 100%;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+
+        /* Header styles */
+        .hero {
+            background: linear-gradient(rgba(26, 38, 60, 0.85), rgba(26, 38, 60, 0.9)), url('https://open.kaznu.kz/static/kaznu/images/header.png') center/cover no-repeat;
+            height: 400px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            position: relative;
+            margin-bottom: 40px;
+        }
+
+        .hero-content {
+            max-width: 800px;
+            padding: 20px;
+            color: var(--text-light);
+        }
+
+        .hero h1 {
+            font-size: 2.8rem;
+            margin-bottom: 20px;
+            font-weight: 700;
+            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+        }
+
+        .hero p {
+            font-size: 1.2rem;
+            opacity: 0.9;
+        }
+
+        /* Section styling */
+        section {
+            margin-bottom: 60px;
+        }
+
+        .section-title {
+            text-align: center;
+            margin-bottom: 40px;
+            color: var(--primary-dark);
+            position: relative;
+        }
+
+        .section-title h2 {
+            font-size: 2.2rem;
+            display: inline-block;
+            padding-bottom: 10px;
+        }
+
+        .section-title h2::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 80px;
+            height: 4px;
+            background: var(--primary-accent);
+            border-radius: 2px;
+        }
+
+        .content-card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            padding: 30px;
+            margin-bottom: 30px;
+            transition: transform 0.3s ease;
+        }
+
+        .content-card:hover {
+            transform: translateY(-5px);
+        }
+
+        .content-card h3 {
+            color: var(--primary-dark);
+            margin-bottom: 15px;
+            font-size: 1.5rem;
+        }
+
+        /* Timeline styling */
+        .timeline {
+            position: relative;
+            max-width: 800px;
+            margin: 0 auto;
+        }
+
+        .timeline::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            width: 4px;
+            background: var(--primary-accent);
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .timeline-item {
+            position: relative;
+            width: 50%;
+            padding: 20px 40px;
+        }
+
+        .timeline-item:nth-child(odd) {
+            left: 0;
+        }
+
+        .timeline-item:nth-child(even) {
+            left: 50%;
+        }
+
+        .timeline-item::after {
+            content: '';
+            position: absolute;
+            width: 20px;
+            height: 20px;
+            background: var(--primary-accent);
+            border: 4px solid white;
+            border-radius: 50%;
+            top: 30px;
+        }
+
+        .timeline-item:nth-child(odd)::after {
+            right: -10px;
+        }
+
+        .timeline-item:nth-child(even)::after {
+            left: -10px;
+        }
+
+        .timeline-content {
+            background: white;
+            padding: 25px;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            position: relative;
+        }
+
+        .timeline-date {
+            font-weight: 700;
+            color: var(--primary-accent);
+            margin-bottom: 10px;
+            display: block;
+        }
+
+        /* Requirements grid - обновленный стиль для центрирования последней карточки */
+        .requirements-container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+        .requirements-row {
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            gap: 25px;
+            margin-bottom: 25px;
+            width: 100%;
+        }
+
+        .requirement-card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            padding: 25px;
+            text-align: center;
+            transition: all 0.3s ease;
+            border-top: 4px solid var(--primary-accent);
+            width: calc(33.333% - 25px);
+            min-width: 250px;
+            flex-grow: 1;
+        }
+
+        .requirement-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
+        }
+
+        .requirement-icon {
+            font-size: 3.5rem;
+            color: var(--primary-dark);
+            margin-bottom: 20px;
+        }
+
+        .requirement-card h4 {
+            color: var(--primary-dark);
+            margin-bottom: 15px;
+            font-size: 1.3rem;
+            min-height: 60px;
+        }
+
+        .requirement-links {
+            display: flex;
+            justify-content: center;
+            gap: 15px;
+            margin-top: 15px;
+        }
+
+        .requirement-links a {
+            background: var(--primary-accent);
+            color: white;
+            padding: 8px 15px;
+            border-radius: 4px;
+            text-decoration: none;
+            font-weight: 600;
+            transition: background 0.3s;
+            font-size: 0.9rem;
+        }
+
+        .requirement-links a:hover {
+            background: var(--primary-dark);
+        }
+
+        /* Announcement */
+        .announcement {
+            background: linear-gradient(135deg, var(--primary-dark) 0%, var(--secondary-dark) 100%);
+            border-radius: var(--border-radius);
+            color: white;
+            padding: 40px;
+            margin: 50px 0;
+            box-shadow: var(--shadow);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .announcement::before {
+            content: "📢";
+            position: absolute;
+            font-size: 8rem;
+            opacity: 0.1;
+            right: 20px;
+            top: 20px;
+            transform: rotate(15deg);
+        }
+
+        .announcement h3 {
+            font-size: 2rem;
+            margin-bottom: 25px;
+            position: relative;
+        }
+
+        .announcement h3::after {
+            content: '';
+            position: absolute;
+            bottom: -10px;
+            left: 0;
+            width: 60px;
+            height: 4px;
+            background: var(--primary-accent);
+            border-radius: 2px;
+        }
+
+        .announcement-list {
+            list-style-type: none;
+        }
+
+        .announcement-list li {
+            padding: 15px 0;
+            padding-left: 30px;
+            position: relative;
+            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        }
+
+        .announcement-list li:last-child {
+            border-bottom: none;
+        }
+
+        .announcement-list li::before {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 20px;
+            width: 12px;
+            height: 12px;
+            background: var(--primary-accent);
+            border-radius: 50%;
+        }
+
+        .announcement-list strong {
+            color: var(--primary-accent);
+        }
+
+        /* Button styles */
+        .cta-button {
+            display: inline-block;
+            background: var(--primary-accent);
+            color: white;
+            text-decoration: none;
+            padding: 15px 35px;
+            border-radius: 50px;
+            font-weight: 700;
+            font-size: 1.1rem;
+            margin: 30px 0;
+            transition: all 0.3s ease;
+            box-shadow: 0 4px 15px rgba(211, 152, 92, 0.4);
+            border: none;
+            cursor: pointer;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .cta-button:hover {
+            background: var(--primary-dark);
+            transform: translateY(-3px);
+            box-shadow: 0 6px 20px rgba(26, 38, 60, 0.5);
+        }
+
+        .cta-button:active {
+            transform: translateY(1px);
+        }
+
+        .cta-container {
+            text-align: center;
+            margin: 40px 0;
+        }
+
+        /* Footer/contact */
+        .contact-info {
+            background: var(--primary-dark);
+            color: white;
+            padding: 30px;
+            border-radius: var(--border-radius);
+            text-align: center;
+            margin-top: 40px;
+        }
+
+        .contact-info p {
+            max-width: 800px;
+            margin: 0 auto;
+            line-height: 1.8;
+        }
+
+        .contact-info a {
+            color: var(--primary-accent);
+            text-decoration: none;
+            font-weight: 600;
+        }
+
+        .contact-info a:hover {
+            text-decoration: underline;
+        }
+
+        /* Responsive styles */
+        @media (max-width: 992px) {
+            .requirement-card {
+                width: calc(50% - 25px);
+            }
+        }
+
+        @media (max-width: 768px) {
+            .hero {
+                height: 300px;
+            }
+
+            .hero h1 {
+                font-size: 2rem;
+            }
+
+            .timeline::before {
+                left: 30px;
+            }
+
+            .timeline-item {
+                width: 100%;
+                padding-left: 70px;
+                padding-right: 20px;
+                left: 0 !important;
+            }
+
+            .timeline-item::after {
+                left: 20px !important;
+            }
+
+            .requirement-card {
+                width: 100%;
+            }
+
+            .announcement {
+                padding: 25px;
+            }
+        }
+    </style>
+</head>
+
+    <body>
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="hero-content">
+            <h1 style="color: white !important;">${_("Competition for the Selection of Pedagogical Scenarios for Online Courses")}</h1>
+            <p>${_("Al-Farabi Kazakh National University")}</p>
+        </div>
+    </section>
+
+    <div class="container">
+        <!-- About Section -->
+        <section>
+            <div class="section-title">
+                <h2>${_("About the Competition")}</h2>
+            </div>
+
+            <div class="content-card">
+                <p>${_("The Office of Academic and Digital Innovations is accepting applications for participation in the competition of pedagogical scenarios for the creation and publication of online courses (MOOC/SPOC)")}.</p>
+                <div style="margin: 25px 0; padding: 20px; background: #f8f9fa; border-radius: var(--border-radius);">
+                <h3 style="color: #cc3300; margin-bottom: 15px;">${_("Attention!")}</h3>
+                <p>${_("The competition for pedagogical scenarios for the development and publication of online courses (MOOC/SPOC), organized by the Office of Academic and Digital Innovations, has been canceled in 2026.")}</p>
+                <p>${_("Order on cancellation.")}</p>
+                <p>${_("Information about the next competition will be published on this page.")}</p>
+                <div style="display: flex; gap: 15px; flex-wrap: wrap; margin-top: 20px">
+                    <a href="https://open.kaznu.kz/asset-v1:KazNU+CS2024+C1+type@asset+block@140.pdf"
+                       target="_blank"
+                       style="background: var(--primary-dark); color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none;">${_("Order")}</a>
+                </div>
+            </div>
+                <div style="margin: 25px 0; padding: 20px; background: #f8f9fa; border-radius: var(--border-radius);">
+                    <h3 style="color: var(--primary-accent); margin-bottom: 15px;">${_("MOOC Competition Regulations")}</h3>
+                    <div style="display: flex; gap: 15px; flex-wrap: wrap;">
+                        <a href="https://open.kaznu.kz/asset-v1:FIT+STO+2025_C1+type@asset+block@Положение_рус1__1_.pdf" target="_blank" style="background: var(--primary-dark); color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none;">${_("Russian")}</a>
+                        <a href="https://open.kaznu.kz/asset-v1:FIT+STO+2025_C1+type@asset+block@Положение_каз_1__1_.pdf" target="_blank" style="background: var(--primary-dark); color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none;">${_("Kazakh")}</a>
+                    </div>
+                </div>
+
+                <p>${_("Both creative teams of university departments and individual teaching or research staff of the university can participate in the competition")}.</p>
+                <p>${_("Based on the results of the competition, the commission will approve and release 5 MOOC and 5 SPOC")}.</p>
+            </div>
+        </section>
+
+        <!-- Stages Section -->
+        <section>
+            <div class="section-title">
+                <h2>${_("Competition Stages")}</h2>
+            </div>
+
+            <div class="timeline">
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <span class="timeline-date">${_("Stage")} 1</span>
+                        <h3>${_("Registration and Submission of Applications")}</h3>
+                        <p>${_("Until")} ${_("February")} 10, 2025</p>
+                    </div>
+                </div>
+
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <span class="timeline-date">${_("Stage")} 2</span>
+                        <h3>${_("Public Defense of Pedagogical Scenarios")}</h3>
+                        <p>${_("Until")} ${_("February")} 17, 2025</p>
+                    </div>
+                </div>
+
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <span class="timeline-date">${_("Stage")} 3</span>
+                        <h3>${_("Evaluation of Applications and Selection of Winners")}</h3>
+                        <p>${_("Until")} ${_("February")} 24, 2025</p>
+                    </div>
+                </div>
+
+                <div class="timeline-item">
+                    <div class="timeline-content">
+                        <span class="timeline-date">${_("Stage")} 4</span>
+                        <h3>${_("Approval of Competition Results")}</h3>
+                        <p>${_("Until")} ${_("March")} 3, 2025</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Requirements Section -->
+        <section>
+            <div class="section-title">
+                <h2>${_("Application Requirements")}</h2>
+            </div>
+
+            <div class="requirements-container">
+                <div class="requirements-row">
+                    <div class="requirement-card">
+                        <div class="requirement-icon">
+                            <i class="fas fa-file-alt"></i>
+                        </div>
+                        <h4>${_("Cover Letter")}</h4>
+                        <div class="requirement-links">
+                            <a href="https://docs.google.com/document/d/1wv01Ul-EzLwsRIYF-hhS__iHwQV7bRkD/edit?pli=1" target="_blank">${_("Russian")}</a>
+                            <a href="https://docs.google.com/document/d/1tSIHMhunRS4kKno3NtAm5Js5cO9j14V_/" target="_blank">${_("Kazakh")}</a>
+                        </div>
+                    </div>
+
+                    <div class="requirement-card">
+                        <div class="requirement-icon">
+                            <i class="fas fa-book-open"></i>
+                        </div>
+                        <h4>${_("Pedagogical Scenario of an Online Course")}</h4>
+                        <div class="requirement-links">
+                            <a href="https://docs.google.com/document/d/15caemjpKIW6hb0Lqk-X8X7qhwtThdR_8/edit" target="_blank">${_("Russian")}</a>
+                            <a href="https://docs.google.com/document/d/1o1f0UCgxr4RbD-z2hPVs3kfScg50VlDp/edit" target="_blank">${_("Kazakh")}</a>
+                        </div>
+                    </div>
+
+                    <div class="requirement-card">
+                        <div class="requirement-icon">
+                            <i class="fas fa-file-video"></i>
+                        </div>
+                        <h4>${_("Lecture Video Recording")}</h4>
+                        <div class="requirement-links">
+                            <a href="https://docs.google.com/document/d/1pYmM_bsuu6MtVaSyqOsOXEi_3nvGrgpu/edit" target="_blank">${_("Russian")}</a>
+                            <a href="https://docs.google.com/document/d/1pYmM_bsuu6MtVaSyqOsOXEi_3nvGrgpu/edit" target="_blank">${_("Kazakh")}</a>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="requirements-row">
+                    <div class="requirement-card">
+                        <div class="requirement-icon">
+                            <i class="fas fa-certificate"></i>
+                        </div>
+                        <h4>${_("Online Course Certificate")}</h4>
+                        <div class="requirement-links">
+                            <a href="https://docs.google.com/document/d/1jc5oFXDXTDyPrMNr5zQ5CouQ8WWkweth/edit" target="_blank">${_("Russian")}</a>
+                            <a href="https://docs.google.com/document/d/1qdHYSRc5VdhspmvISFviteM187-LT6lJ/edit" target="_blank">${_("Kazakh")}</a>
+                        </div>
+                    </div>
+
+                    <div class="requirement-card">
+                        <div class="requirement-icon">
+                            <i class="fas fa-chalkboard-teacher"></i>
+                        </div>
+                        <h4>${_("Author Information")}</h4>
+                        <div class="requirement-links">
+                            <a href="https://docs.google.com/document/d/1_P6p1vX6cF82WjLVj7Apr_QL4VMKquBn/edit" target="_blank">${_("Russian")}</a>
+                            <a href="https://docs.google.com/document/d/15f8lFPUV3GjNy5cqqmW-xryUr7Q58Wbj/edit" target="_blank">${_("Kazakh")}</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Announcement Section -->
+        <section>
+            <div class="announcement">
+                <h3 style="color: white !important">${_("Competition Announcement")}</h3>
+                <ul class="announcement-list">
+                    <li>
+                        <strong>${_("The Office of Academic and Digital Innovations")}</strong> ${_("is pleased to announce the launch of the competition for the selection of pedagogical scenarios for online courses.")}
+                    </li>
+                    <li>
+                        <strong>${_("Stage")} 1:</strong> ${_("Application submission")} — <strong>${_("February")} 10–17, 2025</strong>
+                    </li>
+                    <li>
+                        <strong>${_("Stage")} 2:</strong> ${_("Selection of applications for participation")} — <strong>${_("February")} 18–24, 2025</strong>
+                    </li>
+                    <li>
+                        <strong>${_("Stage")} 3:</strong> ${_("Public defense of projects")} — <strong>${_("February")} 25–28, 2025</strong>
+                    </li>
+                    <li>
+                        <strong>${_("Stage")} 4:</strong> ${_("Announcement of winners")} — <strong>${_("March")} 3–10, 2025</strong>
+                    </li>
+                    <li>
+                        ${_("Applications are accepted online via the form on the Open Kaznu website. Details and application templates can be found on the competition page")}.
+                    </li>
+                </ul>
+            </div>
+        </section>
+
+        <!-- CTA Section -->
+        <div class="cta-container">
+            <a href="..." target="_blank" class="cta-button" style="color: white !important;">
+                ${_("Submit Application")}
+            </a>
+        </div>
+
+        <!-- Contact Section -->
+        <div class="contact-info">
+            <h3 style="color: white !important">${_("Contacts")}</h3>
+            <p>${_("For all inquiries, please contact the Office of Academic and Digital Innovations: Building - Rectorate, Office 207, phone")} +7 727 377 33 30 ${_("(ext.")} 31-24, 11-33, 16-47)</p>
+        </div>
+    </div>
+        <script>
+        // Simple animation for timeline items
+        document.addEventListener('DOMContentLoaded', function() {
+            const timelineItems = document.querySelectorAll('.timeline-item');
+
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        entry.target.style.opacity = 1;
+                        entry.target.style.transform = 'translateY(0)';
+                    }
+                });
+            }, { threshold: 0.1 });
+
+            timelineItems.forEach(item => {
+                item.style.opacity = 0;
+                item.style.transform = 'translateY(20px)';
+                item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
+                observer.observe(item);
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/lms/templates/static_templates/detect.html b/lms/templates/static_templates/detect.html
new file mode 100644
index 000000000000..2bbe171a40d2
--- /dev/null
+++ b/lms/templates/static_templates/detect.html
@@ -0,0 +1,244 @@
+<%page expression_filter="h"/>
+<%! from django.utils.translation import gettext as _ %>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Detect")}</%block>
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        :root {
+            --primary-dark: #1a263c;
+            --primary-accent: #d3985c;
+            --primary-light: #f5f7fa;
+            --secondary-dark: #142034;
+            --text-dark: #333;
+            --text-light: #fff;
+            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            --border-radius: 8px;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            line-height: 1.6;
+            color: var(--text-dark);
+            background-color: var(--primary-light);
+        }
+
+        .container {
+            width: 100%;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+
+        /* Header styles */
+        .hero {
+            background: linear-gradient(rgba(26, 38, 60, 0.85), rgba(26, 38, 60, 0.9)), url('https://open.kaznu.kz/static/kaznu/images/header.png') center/cover no-repeat;
+            height: 400px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            position: relative;
+            margin-bottom: 40px;
+        }
+
+        .hero-content {
+            max-width: 800px;
+            padding: 20px;
+            color: var(--text-light);
+        }
+
+        .hero h1 {
+            font-size: 2.8rem;
+            margin-bottom: 20px;
+            font-weight: 700;
+            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+        }
+
+        /* Content Section */
+        .content-section {
+            margin-bottom: 60px;
+        }
+
+        .section-title {
+            text-align: center;
+            margin-bottom: 40px;
+            color: var(--primary-dark);
+            position: relative;
+        }
+
+        .section-title h2 {
+            font-size: 2.2rem;
+            display: inline-block;
+            padding-bottom: 10px;
+        }
+
+        .section-title h2::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 80px;
+            height: 4px;
+            background: var(--primary-accent);
+            border-radius: 2px;
+        }
+
+        .content-card {
+            background: white;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            padding: 30px;
+            margin-bottom: 30px;
+            transition: transform 0.3s ease;
+        }
+
+        .content-card:hover {
+            transform: translateY(-5px);
+        }
+
+        .content-card h3 {
+            color: var(--primary-dark);
+            margin-bottom: 15px;
+            font-size: 1.5rem;
+        }
+
+        /* Iframe Container */
+        .iframe-container {
+            position: relative;
+            width: 100%;
+            overflow: hidden;
+            border-radius: var(--border-radius);
+            box-shadow: var(--shadow);
+            margin: 40px 0;
+        }
+
+        .iframe-container iframe {
+            width: 100%;
+            height: 600px;
+            border: none;
+        }
+
+        .iframe-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(26, 38, 60, 0.1);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            opacity: 0;
+            transition: opacity 0.3s;
+        }
+
+        .iframe-overlay:hover {
+            opacity: 1;
+        }
+
+        .iframe-overlay-text {
+            background: var(--primary-accent);
+            color: white;
+            padding: 10px 20px;
+            border-radius: 4px;
+            font-weight: 600;
+        }
+
+        /* Contact Section */
+        .contact-info {
+            background: var(--primary-dark);
+            color: white;
+            padding: 30px;
+            border-radius: var(--border-radius);
+            text-align: center;
+            margin-top: 40px;
+        }
+
+        .contact-info p {
+            max-width: 800px;
+            margin: 0 auto;
+            line-height: 1.8;
+        }
+
+        /* Responsive styles */
+        @media (max-width: 768px) {
+            .hero {
+                height: 300px;
+            }
+
+            .hero h1 {
+                font-size: 2rem;
+            }
+
+            .iframe-container iframe {
+                height: 400px;
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="hero-content">
+            <h1 style="color: white !important;">${_("Chatbot Usage Verification System")}</h1>
+            <p style="font-size: 1.2rem;">${_("Al-Farabi Kazakh National University")}</p>
+        </div>
+    </section>
+
+    <div class="container">
+        <!-- Main Content Section -->
+        <section class="content-section">
+            <div class="section-title">
+                <h2>${_("Content Verification")}</h2>
+            </div>
+
+            <div class="content-card">
+                <h3>${_("Content Analysis Tool")}</h3>
+                <p>${_("Use the built-in verification system to analyze text content and determine the likelihood of it being created with chatbots or artificial intelligence.")}</p>
+
+                <div class="iframe-container">
+                    <iframe src="https://app.illuminarty.ai/" frameborder="0"></iframe>
+                    <div class="iframe-overlay">
+                        <div class="iframe-overlay-text">${_("Open in full size")}</div>
+                    </div>
+                </div>
+
+                <p>${_("This tool allows you to check texts for AI-generated content, which is especially important for ensuring academic integrity in the educational process.")}</p>
+            </div>
+        </section>
+
+        <!-- Contact Section -->
+        <div class="contact-info">
+            <h3 style="color: white !important;">${_("Contacts")}</h3>
+            <p>${_("For all inquiries, please contact the Office of Academic and Digital Innovations: Building - Rectorate, Office 207, phone")} +7 727 377 33 30 ${_("(ext.")} 31-24, 11-33, 16-47)</p>
+        </div>
+    </div>
+
+    <script>
+        // Add functionality to open the iframe in full size
+        document.addEventListener('DOMContentLoaded', function() {
+            const iframeContainer = document.querySelector('.iframe-container');
+            const iframe = document.querySelector('iframe');
+
+            iframeContainer.addEventListener('click', function() {
+                window.open(iframe.src, '_blank');
+            });
+        });
+    </script>
+</body>
+
+</html>
diff --git a/lms/templates/static_templates/honor_code.html b/lms/templates/static_templates/honor_code.html
new file mode 100644
index 000000000000..22f7a80df7c4
--- /dev/null
+++ b/lms/templates/static_templates/honor_code.html
@@ -0,0 +1,16 @@
+<%page expression_filter="h"/>
+<%! from django.utils.translation import gettext as _ %>
+<%inherit file="../main.html" />
+
+<%block name="pagetitle">${_("Donate")}</%block>
+
+<main id="main" aria-label="Content" tabindex="-1">
+    <section class="container about">
+        <h1>
+            <%block name="pageheader">${page_header or _("Donate")}</%block>
+        </h1>
+        <p>
+            <%block name="pagecontent">${page_content or _("This page left intentionally blank. Feel free to add your own content.")}</%block>
+        </p>
+    </section>
+</main>
diff --git a/lms/templates/word_cloud.html b/lms/templates/word_cloud.html
index 9e2623f19379..a183944ecf56 100644
--- a/lms/templates/word_cloud.html
+++ b/lms/templates/word_cloud.html
@@ -7,7 +7,7 @@
     data-ajax-url="${ajax_url}"
 >
     % if display_name:
-    <h3 class="hd hd-3" id="word_cloud_${element_id}_heading">${display_name}</h3>
+    <h3 class="hd hd-3" id="word_cloud_${element_id}_heading" style="font-size: 1.1em !important; font-weight: 700 !important;">${display_name}</h3>
     % endif
 
     % if instructions is not None:
diff --git a/lms/urls.py b/lms/urls.py
index 1ae425c9a9be..6d86a34d828a 100644
--- a/lms/urls.py
+++ b/lms/urls.py
@@ -50,7 +50,8 @@
 from openedx.core.djangoapps.site_configuration import helpers as configuration_helpers
 from openedx.core.djangoapps.user_authn.views.login import redirect_to_lms_login
 from openedx.features.enterprise_support.api import enterprise_enabled
-
+from lms.djangoapps.univerapi import views as univer_views
+from lms.djangoapps.news import views as news_views
 RESET_COURSE_DEADLINES_NAME = 'reset_course_deadlines'
 RENDER_XBLOCK_NAME = 'render_xblock'
 RENDER_VIDEO_XBLOCK_NAME = 'render_public_video_xblock'
@@ -94,6 +95,14 @@
 
 
 urlpatterns = [
+    path('news/', news_views.news_list, name='news_list'),
+    path('news/<int:news_id>/', news_views.news_detail, name='news_detail'),
+    path('news/create/', news_views.news_create, name='news_create'),
+    path('analyze/', news_views.analyze, name='analyze'),
+    path('analyze/course_details/<path:course_id>/', news_views.course_details, name='course_details'),
+    path('go-to-exam/', news_views.go_to_exam, name='exam'),
+    path('finish-exam/', news_views.finish_exam, name='finish_exam'),
+    path('api/univertest/', univer_views.UniverTestView.as_view(), name='univer_test'),
     path('', branding_views.index, name='root'),  # Main marketing page, or redirect to courseware
 
     path('', include('common.djangoapps.student.urls')),
diff --git a/openedx/core/djangoapps/content/course_overviews/migrations/0030_courseoverview_complexity_and_more.py b/openedx/core/djangoapps/content/course_overviews/migrations/0030_courseoverview_complexity_and_more.py
new file mode 100644
index 000000000000..75f46e3ce6b5
--- /dev/null
+++ b/openedx/core/djangoapps/content/course_overviews/migrations/0030_courseoverview_complexity_and_more.py
@@ -0,0 +1,40 @@
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        (
+            "course_overviews",
+            "0029_alter_historicalcourseoverview_options",
+        ),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="courseoverview",
+            name="complexity",
+            field=models.CharField(
+                max_length=10,
+                default="medium",
+                choices=[
+                    ("easy", "Easy"),
+                    ("medium", "Medium"),
+                    ("hard", "Hard"),
+                ],
+            ),
+        ),
+        migrations.AddField(
+            model_name="historicalcourseoverview",
+            name="complexity",
+            field=models.CharField(
+                max_length=10,
+                default="medium",
+                choices=[
+                    ("easy", "Easy"),
+                    ("medium", "Medium"),
+                    ("hard", "Hard"),
+                ],
+            ),
+        ),
+    ]
diff --git a/openedx/core/djangoapps/content/course_overviews/migrations/0031_courseoverview_faculty_directions.py b/openedx/core/djangoapps/content/course_overviews/migrations/0031_courseoverview_faculty_directions.py
new file mode 100644
index 000000000000..702f8574a024
--- /dev/null
+++ b/openedx/core/djangoapps/content/course_overviews/migrations/0031_courseoverview_faculty_directions.py
@@ -0,0 +1,34 @@
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        (
+            "course_overviews",
+            "0030_courseoverview_complexity_and_more",
+        ),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="courseoverview",
+            name="faculty",
+            field=models.TextField(null=True),
+        ),
+        migrations.AddField(
+            model_name="courseoverview",
+            name="directions",
+            field=models.TextField(null=True),
+        ),
+        migrations.AddField(
+            model_name="historicalcourseoverview",
+            name="faculty",
+            field=models.TextField(null=True),
+        ),
+        migrations.AddField(
+            model_name="historicalcourseoverview",
+            name="directions",
+            field=models.TextField(null=True),
+        ),
+    ]
diff --git a/openedx/core/djangoapps/content/course_overviews/models.py b/openedx/core/djangoapps/content/course_overviews/models.py
index 10a56f0868fb..07f471e9d5bf 100644
--- a/openedx/core/djangoapps/content/course_overviews/models.py
+++ b/openedx/core/djangoapps/content/course_overviews/models.py
@@ -59,6 +59,11 @@ class CourseOverview(TimeStampedModel):
 
     .. no_pii:
     """
+    COMPLEXITY_CHOICES = [
+        ("easy", "Easy"),
+        ("medium", "Medium"),
+        ("hard", "Hard"),
+    ]
 
     class Meta:
         app_label = 'course_overviews'
@@ -126,6 +131,17 @@ class Meta:
     short_description = models.TextField(null=True)
     course_video_url = models.TextField(null=True)
     effort = models.TextField(null=True)
+    # New column
+    complexity = models.CharField(
+        max_length=10,
+        choices=COMPLEXITY_CHOICES,
+        default="medium",
+        null=False,
+        blank=False,
+    )
+    faculty = models.TextField(null=True)
+    directions = models.TextField(null=True)
+
     self_paced = models.BooleanField(default=False)
     marketing_url = models.TextField(null=True)
     eligible_for_financial_aid = models.BooleanField(default=True)
diff --git a/openedx/core/djangoapps/models/course_details.py b/openedx/core/djangoapps/models/course_details.py
index c00d7d0b8816..dd60852cc902 100644
--- a/openedx/core/djangoapps/models/course_details.py
+++ b/openedx/core/djangoapps/models/course_details.py
@@ -27,6 +27,7 @@
     'short_description',
     'overview',
     'effort',
+    # 'complexity',
     'entrance_exam_enabled',
     'entrance_exam_id',
     'entrance_exam_minimum_score_pct',
@@ -193,6 +194,7 @@ def update_about_video(cls, course, video_id, user_id):
 
     @classmethod
     def update_from_json(cls, course_key, jsondict, user):  # pylint: disable=too-many-statements
+        # print(">>> PAYLOAD:", jsondict)
         """
         Decode the json into CourseDetails and save any changed attrs to the db
         """
@@ -309,7 +311,9 @@ def update_from_json(cls, course_key, jsondict, user):  # pylint: disable=too-ma
         # the fields actually changed to make faster, could compare
         # against db or could have client send over a list of which
         # fields changed.
+        # print(">>> ATTRIBUTES:", ABOUT_ATTRIBUTES)
         for attribute in ABOUT_ATTRIBUTES:
+
             if attribute in jsondict:
                 cls.update_about_item(block, attribute, jsondict[attribute], user.id)
 
diff --git a/openedx/core/djangoapps/user_api/accounts/__init__.py b/openedx/core/djangoapps/user_api/accounts/__init__.py
index caf78ca54ae0..56a8614be638 100644
--- a/openedx/core/djangoapps/user_api/accounts/__init__.py
+++ b/openedx/core/djangoapps/user_api/accounts/__init__.py
@@ -93,7 +93,7 @@
 
 # Translators: These messages are shown to users who do not enter information
 # into the required field or enter it incorrectly.
-REQUIRED_FIELD_NAME_MSG = _("Enter your full name")
+REQUIRED_FIELD_NAME_MSG = _("Enter your surname and name")
 REQUIRED_FIELD_FIRST_NAME_MSG = _("Enter your first name")
 REQUIRED_FIELD_LAST_NAME_MSG = _("Enter your last name")
 REQUIRED_FIELD_CONFIRM_EMAIL_MSG = _("The email addresses do not match")
@@ -109,7 +109,7 @@
 REQUIRED_FIELD_LEVEL_OF_EDUCATION_MSG = _("Select the highest level of education you have completed")
 REQUIRED_FIELD_YEAR_OF_BIRTH_MSG = _("Select your year of birth")
 REQUIRED_FIELD_GENDER_MSG = _("Select your gender")
-REQUIRED_FIELD_MAILING_ADDRESS_MSG = _("Enter your mailing address")
+REQUIRED_FIELD_MAILING_ADDRESS_MSG = _("Enter your educational institution")
 
 # HIBP Strings
 AUTHN_LOGIN_BLOCK_HIBP_POLICY_MSG = _(
diff --git a/openedx/core/djangoapps/user_api/views.py b/openedx/core/djangoapps/user_api/views.py
index d52493556a19..cef77e8708e3 100644
--- a/openedx/core/djangoapps/user_api/views.py
+++ b/openedx/core/djangoapps/user_api/views.py
@@ -24,6 +24,9 @@
 )
 from openedx.core.lib.api.permissions import ApiKeyHeaderPermission
 from openedx.core.lib.api.view_utils import require_post_params
+from django.views.decorators.csrf import csrf_protect
+from django.views.decorators.debug import sensitive_post_parameters
+
 
 
 class UserViewSet(viewsets.ReadOnlyModelViewSet):
diff --git a/openedx/core/djangoapps/user_authn/api/form_fields.py b/openedx/core/djangoapps/user_authn/api/form_fields.py
index ca001ba3f1b5..f21e494c113b 100644
--- a/openedx/core/djangoapps/user_authn/api/form_fields.py
+++ b/openedx/core/djangoapps/user_authn/api/form_fields.py
@@ -255,7 +255,7 @@ def add_mailing_address_field(is_field_required=False):
     """
     # Translators: This label appears above a field
     # meant to hold the user's mailing address.
-    mailing_address_label = _("Mailing address")
+    mailing_address_label = _("Educational institution")
 
     return {
         'name': 'mailing_address',
diff --git a/openedx/core/djangoapps/user_authn/views/registration_form.py b/openedx/core/djangoapps/user_authn/views/registration_form.py
index efee92e700b7..f92ddb5a6f8f 100644
--- a/openedx/core/djangoapps/user_authn/views/registration_form.py
+++ b/openedx/core/djangoapps/user_authn/views/registration_form.py
@@ -197,7 +197,7 @@ def __init__(
             "level_of_education": _("A level of education is required"),
             "gender": _("Your gender is required"),
             "year_of_birth": _("Your year of birth is required"),
-            "mailing_address": _("Your mailing address is required"),
+            "mailing_address": _("Your educational institution is required"),
             "goals": _("A description of your goals is required"),
             "city": _("A city is required"),
             "country": _("A country is required")
@@ -557,7 +557,7 @@ def _add_name_field(self, form_desc, required=True):
 
         # Translators: These instructions appear on the registration form, immediately
         # below a field meant to hold the user's full name.
-        name_instructions = _("This name will be used on any certificates that you earn.")
+        name_instructions = _("Surname and Name")
 
         form_desc.add_field(
             "name",
@@ -795,7 +795,7 @@ def _add_mailing_address_field(self, form_desc, required=True):
         """
         # Translators: This label appears above a field on the registration form
         # meant to hold the user's mailing address.
-        mailing_address_label = _("Mailing address")
+        mailing_address_label = _("Educational institution")
         error_msg = accounts.REQUIRED_FIELD_MAILING_ADDRESS_MSG
 
         form_desc.add_field(
diff --git a/setup.cfg b/setup.cfg
index 122a61370102..042ff17bab1f 100644
--- a/setup.cfg
+++ b/setup.cfg
@@ -165,6 +165,8 @@ ignore_imports =
     #  -> openedx.features.enterprise_support.utils
     openedx.features.enterprise_support.utils -> lms.djangoapps.branding.api
     cms.djangoapps.contentstore.rest_api.v1.views.settings -> lms.djangoapps.certificates.api
+    cms.djangoapps.contentstore.course_admin -> lms.djangoapps.certificates.api
+    cms.djangoapps.contentstore.views.course_admin -> lms.djangoapps.certificates.api
 
 
 [importlinter:contract:2]
diff --git a/xmodule/static/css-builtin-blocks/WordCloudBlockDisplay.css b/xmodule/static/css-builtin-blocks/WordCloudBlockDisplay.css
index 85ca354eb99f..bc1b79733fdf 100644
--- a/xmodule/static/css-builtin-blocks/WordCloudBlockDisplay.css
+++ b/xmodule/static/css-builtin-blocks/WordCloudBlockDisplay.css
@@ -25,3 +25,6 @@
     font-size: 0.85em;
     display: block;
 }
+.xmodule_display.xmodule_WordCloudBlock .hd.hd-3 {
+    font-weight: bold !important;
+}