.gds-rollout-page {
    background: #0b0a0e;
}
.gds-rollout-content {
    --color-heading: #faf7ff;
    --color-body: #d8d0e0;
    --color-darker: #111015;
    --color-bodyest: #211b29;
    --color-white-dark: #e3dbea;
    --dark-color-border: #51445b;
    --color-border: #51445b;
    color: var(--color-body);
    background: #0b0a0e;
}
.gds-rollout-content :is(.rbt-banner-area, .rbt-page-banner-wrapper .rbt-banner-image, .gds-page-intro) {
    background-color: #16101f;
}
.gds-rollout-content .gds-page-intro {
    max-width: none;
    text-align: center;
    padding-inline: 20px;
    background: radial-gradient(ellipse at top, #33224a, transparent 75%), #100d16;
}
.gds-rollout-content .rbt-banner-area.rbt-banner-8.bg_image--9::before {
    background: linear-gradient(130deg, #21142bdb, #100d16ee);
}
.gds-rollout-content :is(.bg-gradient-1, .bg-gradient-2, .bg-gradient-3, .bg-gradient-6, .bg-gradient-8, .bg-gradient-11, .bg-color-extra2, .bg-white) {
    background: #111015 !important;
}
.gds-rollout-content :is(.rbt-card, .rbt-contact-address, .rbt-course-feature-box, .rbt-testimonial-box .inner, .rbt-counterup, .rbt-course-action-bottom) {
    background: var(--gds-gloss-surface);
    border: 1px solid var(--gds-trial-line);
    color: var(--gds-trial-text);
}
.gds-rollout-content :is(.rbt-card, .rbt-contact-address, .rbt-course-feature-box, .rbt-testimonial-box .inner, .rbt-counterup) {
    border-radius: 16px;
}
.gds-rollout-content .rbt-card .rbt-card-title a { color: var(--gds-trial-text); }
.gds-rollout-content .rbt-card .rbt-card-title a:hover,
.gds-rollout-content .rbt-btn-link { color: var(--gds-trial-accent); }
.gds-rollout-content .rbt-btn.btn-gradient {
    background: var(--gds-logo-accent);
    color: #fff;
}
.gds-rollout-content .rbt-btn.btn-gradient:hover { background: #512bb7; }
.gds-rollout-content .theme-gradient { color: #dfbeff; -webkit-text-fill-color: currentColor; }
.gds-rollout-content :is(a, button, input, select, textarea):focus-visible,
#gds-mobile-menu :is(a, button):focus-visible {
    outline: 2px solid #dfbeff;
    outline-offset: 3px;
}

.gds-rollout-content .rbt-course-action-bottom {
    --color-primary: #e1c7ff;
    bottom: 0;
    padding: 10px 0 calc(10px + env(safe-area-inset-bottom));
    border-width: 1px 0 0;
    background: #19161f;
    box-shadow: 0 -8px 24px #0006;
    transform: translateY(100%);
    visibility: hidden;
    transition: transform .25s ease, visibility .25s;
}
.gds-rollout-content .rbt-course-action-bottom.rbt-course-action-active {
    transform: translateY(0);
    visibility: visible;
}
.gds-rollout-content .rbt-course-action-bottom .title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: clamp(16px, 1.3vw, 20px) !important;
    line-height: 1.25;
    letter-spacing: -.01em;
}
.gds-rollout-content .rbt-course-action-bottom .course-action-bottom-right {
    gap: 8px 14px;
    flex-wrap: wrap;
}
.gds-rollout-content .rbt-course-action-bottom .rbt-single-list { margin: 0; }
.gds-rollout-content .rbt-course-action-bottom .rbt-price { display: flex; }
.gds-rollout-content .rbt-course-action-bottom .rbt-price .current-price {
    color: #e1c7ff !important;
    font-size: clamp(16px, 1.45vw, 22px);
    line-height: 1.2;
}
.gds-rollout-content .rbt-course-action-bottom .action-btn .rbt-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 44px;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 15px;
    line-height: 1.25;
}
.gds-rollout-content:has(.rbt-course-action-active) ~ .gds-support {
    bottom: calc(92px + env(safe-area-inset-bottom));
}
@media (max-width: 767px) {
    .gds-rollout-content .rbt-course-action-bottom .title { -webkit-line-clamp: 1; }
    .gds-rollout-content .rbt-course-action-bottom .action-btn { margin-top: 6px; }
    .gds-rollout-content .rbt-course-action-bottom .mt_sm--15 { margin-top: 0 !important; }
    .gds-rollout-content:has(.rbt-course-action-active) ~ .gds-support {
        bottom: calc(120px + env(safe-area-inset-bottom));
    }
}
@media (prefers-reduced-motion: reduce) {
    .gds-rollout-content .rbt-course-action-bottom { transition: none; }
}

.gds-course-detail .gds-course-hero {
    height: auto;
    background:
        radial-gradient(ellipse at 77% 35%, #35234c, transparent 57%),
        radial-gradient(ellipse at 5% 100%, #24182d, transparent 48%),
        #0e0c13;
    border-bottom: 1px solid var(--gds-trial-line);
}
.gds-course-detail .rbt-banner-8.variation-01 .wrapper { padding-block: clamp(34px, 6vw, 82px); }
.gds-course-detail .rbt-banner-8 .content { text-align: left !important; }
.gds-course-detail .rbt-banner-8 .title {
    margin: 0 0 18px;
    color: #f9f5ff;
    text-wrap: balance;
}
.gds-course-detail .rbt-banner-8 .rbt-author-meta { justify-content: flex-start !important; }
.gds-course-detail .rbt-banner-8 :is(.rbt-meta, .rbt-author-info, .rbt-author-info a) { color: var(--gds-trial-muted); }
.gds-course-detail .rbt-banner-8 .rbt-meta { gap: 6px 16px; min-height: 0; }
.gds-course-detail .rbt-banner-8 .rbt-meta li { margin: 0; }
.gds-course-tech-art {
    display: block;
    width: min(100%, 600px);
    height: auto;
    margin-inline: auto;
}
.gds-course-detail .banner-overlay-section {
    margin-top: 0;
    padding-top: 0;
    background: #17121f !important;
    border-bottom: 1px solid var(--gds-trial-line);
}
.gds-course-detail .banner-overlay-section .service__style--1 { padding: 16px 12px; }
.gds-course-detail .banner-overlay-section .service .content p { color: var(--gds-trial-muted); }
.gds-course-detail .banner-overlay-section .service .content .gds-stat-value { color: #e1c7ff; }

.gds-course-detail .course-sidebar {
    top: 96px;
    padding: clamp(18px, 2.3vw, 30px);
    background: var(--gds-gloss-surface) !important;
    border: 1px solid var(--gds-trial-line);
    border-radius: 20px;
    box-shadow: 0 16px 36px #0005;
}
.gds-course-detail .course-sidebar.rbt-gradient-border::before { content: none; }
.gds-course-detail .course-sidebar .current-price {
    color: #e1c7ff !important;
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.15;
}
.gds-course-detail .course-sidebar .rbt-meta { min-height: 0; }
.gds-course-detail .course-sidebar .rbt-course-details-list-wrapper > li {
    gap: 8px;
    color: var(--gds-trial-muted);
    border-color: var(--gds-trial-line);
}
.gds-course-detail .course-sidebar .rbt-badge-5 { background: #332645; color: #f0ddff; }
.gds-course-detail .course-sidebar .rbt-show-more-btn { color: #e1c7ff; }
.gds-course-detail .course-sidebar .rbt-show-more-btn::before { background: linear-gradient(transparent, #19161f); }

.gds-course-detail :is(.slider-btn, .course-sidebar) .rbt-btn {
    min-height: 44px;
    height: auto;
    padding: 10px 20px;
    border: 1px solid #765e97;
    border-radius: 999px;
    color: #fff;
    font-weight: 600;
    line-height: 1.45;
}
.gds-course-detail .slider-btn .rbt-btn { background: #282032; }
.gds-course-detail .slider-btn .rbt-btn:hover { background: #3c2d4e; }
.gds-course-detail .course-sidebar .buy-now-btn .rbt-btn {
    background: var(--gds-logo-accent) !important;
    border-color: #a18aee;
}
.gds-course-detail .course-sidebar .buy-now-btn .rbt-btn:hover { background: #512bb7 !important; }
@media (max-width: 991px) {
    .gds-course-detail .course-sidebar { position: static; }
}
@media (max-width: 575px) {
    .gds-course-detail .banner-overlay-section .service__style--column { width: 50%; }
}

.gds-course-detail .gds-course-hero .title {
    color: #fff;
    font-size: clamp(32px, 4.1vw, 58px) !important;
    text-wrap: pretty;
}
.gds-course-hero .title > span {
    color: #dfbeff;
    background: linear-gradient(100deg, #f1d8ff, #d29dff 48%, #a7acff);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gds-course-hero .title > small {
    display: block;
    margin-top: 10px;
    color: #e8dcf3;
    font-size: .46em;
    line-height: 1.25;
    letter-spacing: normal;
    font-weight: 600;
}
.gds-course-detail .gds-course-hero .rbt-meta li {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid #5a466e;
    border-radius: 999px;
    background: #251c31;
    color: #f1e7fa;
    font-size: 14px;
}
.gds-course-detail .gds-course-hero .rbt-meta li i { color: #dbb8ff; }
.gds-course-detail .slider-btn .gds-course-demo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: var(--gds-logo-accent);
    border-color: #9d80e2;
    box-shadow: inset 0 1px #fff3, 0 8px 24px #7652d04d;
}
.gds-course-detail .slider-btn .gds-course-demo:hover { background: #512bb7; }
.gds-course-demo > i { font-size: 18px; }

@media (forced-colors: active) {
    .gds-course-hero .title > span { -webkit-text-fill-color: currentColor; }
}

.gds-course-detail .rbt-inner-onepage-navigation {
    top: 96px;
    margin-bottom: 16px;
    padding: 6px;
    border: 1px solid #4d3e60;
    border-radius: 16px;
    background: #18141f;
}
.gds-course-detail .rbt-inner-onepage-navigation .mainmenu {
    margin: 0;
    padding: 0;
    gap: 5px;
}
.gds-course-detail .rbt-inner-onepage-navigation .mainmenu li { margin: 0; }
.gds-course-detail .rbt-inner-onepage-navigation .mainmenu li a {
    padding: 9px 12px;
    border-radius: 10px;
    color: #e7ddf2;
    font-size: 15px;
}
.gds-course-detail .rbt-inner-onepage-navigation .mainmenu li a::after { content: none; }
.gds-course-detail .rbt-inner-onepage-navigation .mainmenu li.current a { background: var(--gds-logo-accent); color: #fff; }
.gds-course-detail .rbt-inner-onepage-navigation .mainmenu li:not(.current) a:hover { background: #322642; color: #fff; }
.gds-course-detail .course-sidebar .subtitle.rbt-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 40px;
    margin: 16px 0;
    padding: 8px 12px;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
    border-radius: 8px;
    background: #332645 !important;
    color: #f0ddff !important;
}
.gds-course-detail #overview:has(.gds-course-stack-image) .rbt-title-style-3 {
    margin-bottom: 18px;
    font-size: var(--gds-type-subsection) !important;
}
.gds-course-stack-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}
@media (max-width: 575px) {
    .gds-course-detail .rbt-inner-onepage-navigation .mainmenu li { flex: 1 1 45%; }
}

.gds-course-detail .course-details-content > [id] { scroll-margin-top: 170px; }
@media (max-width: 575px) {
    .gds-course-detail .course-details-content > [id] { scroll-margin-top: 100px; }
}

.gds-course-detail #details .rbt-title-style-3 {
    margin-bottom: 18px;
    font-size: var(--gds-type-subsection) !important;
}
.gds-course-detail #details .rbt-dashboard-content {
    padding: clamp(14px, 2.2vw, 24px);
    border: 1px solid #4c3c5e;
    border-radius: 14px;
    background: #1d1727 !important;
    box-shadow: none;
}
.gds-course-detail #details .rbt-profile-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr);
    gap: 6px 16px;
    padding: 10px 0;
    margin: 0 !important;
    border-bottom: 1px solid #453751;
}
.gds-course-detail #details .rbt-profile-row:last-child { border-bottom: 0; }
.gds-course-detail #details .rbt-profile-row > div { width: auto; min-width: 0; padding: 0; margin: 0; }
.gds-course-detail #details .rbt-profile-content {
    color: #eee5f5;
    font-size: 16px;
    line-height: 1.55;
    text-align: start !important;
    overflow-wrap: anywhere;
}
.gds-course-detail #details .rbt-profile-row > div:first-child .rbt-profile-content { color: #dec7f7; }
.gds-course-detail #details .subtitle.bg-primary-opacity {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 6px;
    background: #392953 !important;
    color: #f1e2ff !important;
    white-space: normal;
}
.gds-course-detail #details .rbt-profile-row.gds-schedule-notice {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 14px !important;
    padding: 14px;
    border: 1px solid #675036;
    border-radius: 10px;
    background: #282016;
}
.gds-course-detail #details .gds-schedule-notice > div:first-child .rbt-profile-content { color: #ffd6a0; }
@media (max-width: 575px) {
    .gds-course-detail #details .rbt-profile-row { grid-template-columns: minmax(0, 1fr); }
}