@import url("public-shell.css");
/* Public pages: visual layer shared with the home page. */
body.site-page {
    --site-bg: #030d13;
    --site-surface: #0b1b22;
    --site-glass: rgba(13, 31, 38, .78);
    --site-line: rgba(192, 248, 213, .18);
    --site-green: #75f687;
    --site-muted: #b3c5c1;
    background: var(--site-bg);
    color: #eef5f2;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.site-page .container { max-width: 1240px; }
.site-page header.sticky-top { z-index: 30; }
.site-page header .navbar { background: rgba(4, 17, 23, .94) !important; border-bottom: 1px solid var(--site-line); backdrop-filter: blur(16px); }
.site-page header .nav-link { color: #eff6f2 !important; font-size: .94rem; font-weight: 600; padding: .8rem 1rem !important; }
.site-page header .nav-link:hover, .site-page header .nav-link:focus-visible { color: var(--site-green) !important; }
.site-page header .nav-link.active { color: var(--site-green) !important; border-bottom: 2px solid var(--site-green); }
.site-page header .navbar-toggler { border-color: #d7e8df; background: #eaf7ef; }
.site-page header .dropdown-menu { background: #0d2228; border: 1px solid var(--site-line); }
.site-page header .dropdown-item { color: #eff6f2; }
.site-page header .dropdown-item:hover { background: #1b3b31; }
.site-page header .btn-primary { background: transparent; border: 1px solid #81958e; border-radius: 100px; color: #fff; padding: .55rem 1.2rem !important; }
.site-page header .btn-primary:hover { background: var(--site-green); border-color: var(--site-green); color: #04170c; }
.site-page .site-breadcrumbs { padding-block: 1.2rem .2rem; }
.site-breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; list-style: none; margin: 0; padding: 0; font-size: .85rem; }
.site-breadcrumbs li { min-width: 0; color: #b0c2bc; overflow-wrap: anywhere; }
.site-breadcrumbs li + li::before { content: "/"; margin-right: .45rem; color: #668074; }
.site-breadcrumbs li:last-child { color: var(--site-green); }
.site-breadcrumbs a { color: #d6e4de; text-decoration: none; }
.site-breadcrumbs a:hover { color: var(--site-green); }
.site-page main { min-height: calc(100vh - 220px); color: #eaf3ef; overflow: clip; }
.site-page main .text-dark { color: #ecf5f1 !important; }
.site-page main h1, .site-page main h2, .site-page main h3, .site-page main h4, .site-page main h5, .site-page main h6 { color: #f7fbf8; font-weight: 720; letter-spacing: -.025em; }
.site-page main p { line-height: 1.65; }
.site-page main a:not(.btn):not(.card_video) { color: var(--site-green); }
.site-page main a:not(.btn):not(.card_video):hover { color: #a6ffb0; }
.site-page .btn-primary, .site-page .btn-success { background: var(--site-green); color: #07180e !important; border-color: var(--site-green); font-weight: 700; border-radius: 100px; }
.site-page .btn-outline-primary, .site-page .btn-outline-light { color: #e8f8ed !important; border-color: var(--site-green); border-radius: 100px; }
.site-page .btn-primary:hover, .site-page .btn-success:hover, .site-page .btn-outline-primary:hover, .site-page .btn-outline-light:hover { background: #adffb8; border-color: #adffb8; color: #06150b !important; }
.site-page main .category { position: relative; overflow: hidden; border-radius: 22px !important; border: 1px solid var(--site-line); box-shadow: 0 20px 70px rgba(0,0,0,.18); }
.site-page main .category > div { position: relative; z-index: 1; }
.site-page main .category h4 { font-size: clamp(1.8rem, 3vw, 3rem); margin-bottom: .75rem !important; }
.site-page main .category p { max-width: 740px; margin-inline: auto; color: #e0eae5; }
.page-categories main .category, .page-news main .category { background-image: linear-gradient(90deg, rgba(3,13,19,.9), rgba(3,13,19,.4)), url('/images/content/home-community-2026.png') !important; background-size: cover !important; background-position: center !important; }
.page-courses main .category { background-image: linear-gradient(90deg, rgba(3,13,19,.9), rgba(3,13,19,.35)), url('/images/content/home-hero-2026.png') !important; background-size: cover !important; background-position: center !important; }
.site-page main .breadcrumb { justify-content: center; margin-bottom: .8rem; }
.site-page main .breadcrumb-item, .site-page main .breadcrumb-item span { color: #e7f2ec !important; }
.site-page main .breadcrumb-item.active, .site-page main .breadcrumb-item:last-child span { color: var(--site-green) !important; }
.site-page main .breadcrumb-item + .breadcrumb-item::before { color: #8aa89a; }
.page-categories main > section:nth-child(2) .row, .page-courses main > section:nth-child(2) .row, .page-news main > section:nth-child(2) .row { row-gap: 1rem; }
.page-categories main > section:nth-child(2) .row > div, .page-courses main > section:nth-child(2) .row > div, .page-news main > section:nth-child(2) .row > div { display: flex; }
.page-categories main > section:nth-child(2) a, .page-courses main > section:nth-child(2) a, .page-news main > section:nth-child(2) a { display: block; width: 100%; color: #fff !important; }
.page-categories main > section:nth-child(2) a > div, .page-courses main > section:nth-child(2) a > div, .page-news main > section:nth-child(2) a > div { height: 100%; justify-content: flex-start !important; background: var(--site-surface) !important; border: 1px solid var(--site-line); border-radius: 18px !important; overflow: hidden; transition: border-color .2s, transform .2s; }
.page-categories main > section:nth-child(2) a:hover > div, .page-courses main > section:nth-child(2) a:hover > div, .page-news main > section:nth-child(2) a:hover > div { border-color: var(--site-green); transform: translateY(-3px); }
.page-categories main > section:nth-child(2) img, .page-courses main > section:nth-child(2) img, .page-news main > section:nth-child(2) img { display: block; width: 100%; aspect-ratio: 1.35; object-fit: cover; border-radius: 0 !important; }
.page-categories main > section:nth-child(2) a > div > div, .page-courses main > section:nth-child(2) a > div > div, .page-news main > section:nth-child(2) a > div > div { width: 100%; padding: .55rem 1rem .9rem; margin: 0 !important; text-align: left !important; }
.page-categories main > section:nth-child(2) h6, .page-courses main > section:nth-child(2) h6, .page-news main > section:nth-child(2) h6 { text-align: left !important; text-shadow: none !important; font-size: 1rem !important; line-height: 1.35; }
.page-categories main > section:nth-child(2) h6 + h6, .page-courses main > section:nth-child(2) h6 + h6 { color: var(--site-muted) !important; font-size: .83rem !important; }
.page-course main > section:first-child .row { align-items: start; gap: 1.5rem 0; }
.page-course main > section:first-child .row > div { min-width: 0; }
.page-course main > section:first-child .row > div:last-child > div { padding: clamp(1.25rem, 3vw, 2.5rem); border: 1px solid var(--site-line); border-radius: 20px; background: var(--site-glass); backdrop-filter: blur(12px); }
.page-course main > section:first-child h3 { font-size: clamp(1.9rem, 3vw, 3rem); margin-top: 0 !important; }
.page-course main > section:first-child p { color: #cbdad4; }
.page-course main > section:nth-child(2) .row { row-gap: 1rem; }
.page-course main .card_video { display: block; color: #fff; border: 1px solid var(--site-line); border-radius: 17px; overflow: hidden; }
.page-course main .card_video > .category { border: 0; border-radius: 16px !important; }
.page-course main .card_video .category h6 { max-width: 90%; margin-inline: auto; font-size: 1rem !important; }
.page-course main .card_video[disabled] { opacity: .7; }
.page-video main, .page-tutorial main { padding-top: 2rem; }
.page-video main > .container, .page-tutorial main > .container { padding-block: 1.5rem 4rem; }
.page-video main .row, .page-tutorial main .row { row-gap: 1.5rem; }
.page-video main .card_video, .page-tutorial main .card_video, .page-video main video, .page-tutorial main video { border-radius: 18px; overflow: hidden; background: #06151b; }
.page-video main .col-md-6:last-child, .page-tutorial main .col-md-6:last-child { overflow-wrap: anywhere; }
.page-new main > section:first-child .row { row-gap: 1.5rem; align-items: start; }
.page-new main > section:first-child .col-md-6:last-child { padding: clamp(1.25rem, 2.5vw, 2rem); background: var(--site-glass); border: 1px solid var(--site-line); border-radius: 18px; }
.page-new main h3 { font-size: clamp(1.7rem, 2.7vw, 2.7rem); margin-top: 0 !important; }
.page-new main .swiper-container, .page-new main .swiper-slide { border-radius: 18px; overflow: hidden; }
.page-new main .photos img { width: 100%; aspect-ratio: 1.3; object-fit: cover; border-radius: 12px; }
.page-new main .photos a { display: block; }
.page-new main .col-md-6:last-child [style*="color"], .page-company main .col-md-12.my-3 [style*="color"], .page-course main .col-md-6 [style*="color"] { color: #e8f2ec !important; }
.page-company main .col-md-12.my-3, .page-rules main .container, .page-agreement main .container { padding: clamp(1.3rem, 3vw, 2.5rem); border: 1px solid var(--site-line); border-radius: 20px; background: var(--site-glass); overflow-wrap: anywhere; }
.page-company main .col-md-12.my-3 *, .page-rules main .container *, .page-agreement main .container * { color: inherit; }
.page-company main .col-md-12.my-3 a, .page-rules main .container a, .page-agreement main .container a { color: var(--site-green) !important; }
.page-company main .owl-carousel_news .owl-item { padding-inline: 10px; box-sizing: border-box; }
.page-company main .owl-carousel_news .owl-wrapper-outer { margin-inline: -10px; width: calc(100% + 20px); }
.page-company main .owl-carousel_news .owl-item > .col { padding: 0 !important; }
.page-company main .owl-carousel_news .owl-item a > div { background: var(--site-surface); border: 1px solid var(--site-line); border-radius: 16px !important; overflow: hidden; }
.page-company main .owl-carousel_news img { width: 100%; aspect-ratio: 1.4; object-fit: cover; }
.page-company main .owl-carousel_news h6 { padding: .8rem; }
.page-contacts main h1 { font-size: clamp(2rem, 4vw, 4rem) !important; }
.page-contacts main > section:nth-child(2) .col-md-6:first-child { background: var(--site-glass); border: 1px solid var(--site-line); border-radius: 20px; }
.page-contacts main .bs-icon { color: var(--site-green); background: #163c29 !important; }
.page-contacts main .col-md-6 img { width: 100%; height: 100%; min-height: 320px; object-fit: cover; border-radius: 20px !important; }
.page-contacts main .list-inline i { font-size: 1.5rem; }
.page-help main video { display: block; aspect-ratio: 16 / 9; border-radius: 14px 14px 0 0; background: #09151b; }
.page-help main .row > div { padding-bottom: 1rem; }
.page-help main .row > div > video, .page-help main .row > div > h6 { width: 100%; }
.page-help main .row > div > h6 { min-height: 64px; padding: .9rem; background: var(--site-glass); border: 1px solid var(--site-line); border-radius: 0 0 14px 14px; text-align: left !important; }
.page-referal main .card { background: var(--site-glass) !important; color: #edf6f0; border: 1px solid var(--site-line) !important; border-radius: 20px; }
.page-referal main .owl-item { padding-inline: 9px; box-sizing: border-box; }
.page-referal main .owl-wrapper-outer { margin-inline: -9px; width: calc(100% + 18px); }
.page-unsubscribe section { background: transparent !important; }
.page-unsubscribe h1 { font-size: clamp(1.6rem, 3vw, 2.8rem); }
.site-page .pagination { flex-wrap: wrap; gap: .4rem; margin: 1.5rem 0; }
.site-page .page-link { display: flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; color: #e2f2e7; background: var(--site-glass); border: 1px solid var(--site-line); border-radius: 10px !important; }
.site-page .page-link:hover, .site-page .page-item.active .page-link { background: var(--site-green); border-color: var(--site-green); color: #06160c; }
.site-page footer { background: #06151b; color: #c6d6cf; border-top: 1px solid var(--site-line); }
.site-page footer .text-dark, .site-page footer .text-muted { color: #c6d6cf !important; }
.site-page footer + section.fixed-bottom { background: rgba(4,18,23,.94) !important; border-top: 1px solid var(--site-line); box-shadow: none !important; backdrop-filter: blur(14px); }
.site-page footer + section.fixed-bottom .text-dark { color: #f0f8f3 !important; }
.site-page a:focus-visible, .site-page button:focus-visible, .site-page input:focus-visible { outline: 2px solid var(--site-green); outline-offset: 3px; }
@media (max-width: 767px) {
    .site-page header .navbar-collapse { padding-bottom: .9rem; }
    .site-page main .category { min-height: 260px; }
    .site-page main .category h4 { font-size: 1.7rem; }
    .site-page main > section { padding-block: 1rem !important; }
    .site-page .site-breadcrumbs { padding-top: .8rem; }
    .page-new main .col-md-6:last-child { margin-top: .4rem; }
    .page-categories main > section:nth-child(2) img, .page-courses main > section:nth-child(2) img, .page-news main > section:nth-child(2) img { aspect-ratio: 1.1; }
}
@media (max-width: 575px) {
    .page-categories main > section:nth-child(2) .row > div, .page-courses main > section:nth-child(2) .row > div, .page-news main > section:nth-child(2) .row > div { flex: 0 0 100%; max-width: 100%; }
    .page-course main > section:nth-child(2) .row > div { flex: 0 0 100%; max-width: 100%; }
    .site-page .site-breadcrumbs { padding-inline: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .site-page * { transition-duration: .01ms !important; animation-duration: .01ms !important; } }

.site-page header .btn-primary { color: #fff !important; }
.page-course main .course-cover { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 20px; border: 1px solid var(--site-line); }
.page-course main .card_video[disabled] { filter: grayscale(45%); }
.page-course main .card_video[disabled] { filter: grayscale(20%); opacity: .9; }
.page-course main .card_video[disabled] > div::after { background: rgba(0, 0, 0, .22); }
.page-contacts main .col-md-6 img { height: 320px; min-height: 0; object-fit: contain; padding: 1rem; background: var(--site-glass); border: 1px solid var(--site-line); }