#course_hero {padding-top:166px;padding-bottom:60px;position:relative}#course_hero .container {max-width:1280px}.course-hero-wrapper {display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start}.course-hero-main {animation:fadeInUp 0.8s ease}@keyframes fadeInUp {from {opacity:0;transform:translateY(30px)}to {opacity:1;transform:translateY(0)}}.course-header-card {background:rgba(31, 35, 66, 0.5);border-radius:24px;padding:32px;border:1px solid rgba(117, 106, 246, 0.2);backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);margin-bottom:24px}.course-hero-title {font-size:42px;font-weight:700;line-height:1.2;margin-bottom:16px;color:#fff}.course-hero-subtitle {font-size:20px;line-height:1.5;color:#8E94B8;margin-bottom:0;font-weight:400}.course-author-share-wrapper {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap}.course-authors-list {display:flex;gap:12px;flex-wrap:wrap}.course-author-inline {display:inline-block}.author-inline-link {display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:rgba(31, 35, 66, 0.4);border-radius:100px;border:1px solid rgba(117, 106, 246, 0.1);transition:all 0.3s ease;text-decoration:none}.author-inline-link:hover {background:rgba(31, 35, 66, 0.6);border-color:rgba(117, 106, 246, 0.3);transform:translateY(-2px)}.author-inline-avatar {width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(117, 106, 246, 0.3)}.author-inline-name {font-size:15px;color:#fff;font-weight:600}.share-buttons-modern {display:flex;align-items:center;gap:12px}.share-label {font-size:13px;font-weight:600;color:#8E94B8;text-transform:uppercase;letter-spacing:0.5px}.share-buttons-group {display:flex;gap:8px}.share-button {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(117, 106, 246, 0.1);border:1px solid rgba(117, 106, 246, 0.2);color:#fff;transition:all 0.3s ease;text-decoration:none}.share-button:hover {background:rgba(117, 106, 246, 0.2);border-color:rgba(117, 106, 246, 0.4);transform:translateY(-2px)}.share-button svg {color:#C2CEED}.course-hero-description {margin-top:40px;padding-top:32px;border-top:1px solid rgba(117, 106, 246, 0.2)}.description-wrapper .description-fade, .description-toggle-btn {display:none}.description-title {font-size:24px;font-weight:600;color:#fff;margin-bottom:20px}.description-content {font-size:15px;line-height:1.75;color:#C2CEED}.description-content p {margin-bottom:16px}.description-content p:last-child {margin-bottom:0}.description-content ul, .description-content ol {margin:16px 0;padding-left:24px}.description-content li {margin-bottom:8px;color:#C2CEED;list-style:disc}.description-content ol li {list-style:decimal}.description-content strong {color:#fff;font-weight:600}.description-content code {background:rgba(117, 106, 246, 0.1);color:#CC7DDA;padding:2px 6px;border-radius:4px;font-family:'Courier New', monospace;font-size:14px}.learning-outcomes-section {margin-top:40px;padding-top:32px;border-top:1px solid rgba(117, 106, 246, 0.2)}.outcomes-list {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:16px;margin-top:20px}.outcome-item {display:flex;align-items:flex-start;gap:12px;padding:16px;background:rgba(31, 35, 66, 0.3);border-radius:12px;border:1px solid rgba(117, 106, 246, 0.1);transition:all 0.3s ease}.outcome-item:hover {background:rgba(31, 35, 66, 0.5);border-color:rgba(117, 106, 246, 0.3);transform:translateY(-2px)}.outcome-icon {flex-shrink:0;margin-top:2px}.outcome-item p {margin:0;font-size:14px;line-height:1.6;color:#C2CEED}.course-curriculum-section {margin-top:40px;padding-top:32px;border-top:1px solid rgba(117, 106, 246, 0.2)}.curriculum-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.curriculum-header h2 {font-size:24px;font-weight:600;color:#fff;margin:0}.curriculum-stats {display:flex;gap:16px}.stat-item {display:flex;align-items:center;gap:8px;font-size:14px;color:#8E94B8;padding:8px 12px;background:rgba(31, 35, 66, 0.4);border-radius:8px;border:1px solid rgba(117, 106, 246, 0.1)}.stat-item svg {color:#756AF6}.modern-curriculum {display:flex;flex-direction:column;gap:12px}.curriculum-section {background:rgba(31, 35, 66, 0.3);border-radius:12px;border:1px solid rgba(117, 106, 246, 0.1);overflow:hidden;transition:all 0.3s ease}.curriculum-section:hover {border-color:rgba(117, 106, 246, 0.3);box-shadow:0 8px 24px rgba(117, 106, 246, 0.1)}.curriculum-section-header {width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;border:none;cursor:pointer;text-align:left;transition:all 0.3s ease}.curriculum-section-header:hover {background:rgba(117, 106, 246, 0.05)}.section-number {width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg, #756AF6, #CC7DDA);border-radius:10px;box-shadow:0 4px 12px rgba(117, 106, 246, 0.3)}.section-info {flex:1}.section-title {font-size:16px;font-weight:600;color:#fff;margin:0 0 4px 0;text-align:left}.section-info .section-title {font-size:19px;margin:6px 0 0 0}.section-meta {font-size:13px;color:#8E94B8}.section-chevron {flex-shrink:0;color:#8E94B8;transition:transform 0.3s ease}.curriculum-section.active .section-chevron {transform:rotate(180deg)}.curriculum-section-content {max-height:0;overflow:hidden;transition:max-height 0.5s ease;padding:0 20px}.curriculum-section.active .curriculum-section-content {max-height:5000px;padding:0 20px 16px}.curriculum-lesson {display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:rgba(13, 17, 48, 0.5);border-radius:8px;border:1px solid rgba(117, 106, 246, 0.05);transition:all 0.3s ease}.curriculum-lesson:hover {background:rgba(13, 17, 48, 0.7);border-color:rgba(117, 106, 246, 0.2);transform:translateX(4px)}.curriculum-lesson.is-preview {border-color:rgba(117, 106, 246, 0.3)}.lesson-icon {flex-shrink:0;color:#8E94B8}.curriculum-lesson.is-preview .lesson-icon {color:#756AF6}.lesson-content {flex:1}.lesson-title {font-size:14px;color:#C2CEED;line-height:1.4;margin-bottom:4px}.lesson-meta {display:flex;align-items:center;gap:10px}.lesson-duration {font-size:12px;color:#8E94B8}.lesson-badge {display:inline-flex;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;color:#756AF6;background:rgba(117, 106, 246, 0.1);border-radius:5px}.lesson-actions {display:flex;gap:6px;flex-shrink:0}.lesson-preview-btn, .lesson-play-btn {display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;transition:all 0.3s ease;text-decoration:none;border:none;cursor:pointer;background:linear-gradient(135deg, #756AF6, #CC7DDA);color:white}.lesson-preview-btn:hover, .lesson-play-btn:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(117, 106, 246, 0.4);color:white}.course-hero-sidebar {position:relative}.sidebar-sticky-wrapper {position:sticky;top:100px}.course-hero-preview {margin-bottom:24px}.course-preview-card {border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);transition:all 0.4s ease}.course-preview-card:hover {transform:translateY(-8px);box-shadow:0 30px 80px rgba(117, 106, 246, 0.4)}.course-preview-trigger {position:relative;width:100%;padding:0;border:none;background:none;cursor:pointer;overflow:hidden;border-radius:20px}.preview-thumbnail {width:100%;display:block;transition:transform 0.4s ease}.course-preview-trigger:hover .preview-thumbnail {transform:scale(1.05)}.preview-play-button {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg, #756AF6, #CC7DDA);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 8px 32px rgba(117, 106, 246, 0.5)}.course-preview-trigger:hover .preview-play-button {transform:translate(-50%, -50%) scale(1.1);box-shadow:0 12px 48px rgba(117, 106, 246, 0.7)}.preview-play-button svg {margin-left:4px}.preview-label {position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);color:white;font-size:16px;font-weight:600;text-align:center;opacity:0;transition:opacity 0.3s ease}.course-preview-trigger:hover .preview-label {opacity:1}.modern-course-card {background:rgba(31, 35, 66, 0.5);border-radius:24px;padding:32px;border:1px solid rgba(117, 106, 246, 0.2);backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0, 0, 0, 0.3)}.course-card-header {margin-bottom:24px}.card-title {font-size:22px;font-weight:700;color:#fff;margin:0}.course-info-modern {display:flex;flex-direction:column;gap:16px}.info-item {display:flex;align-items:center;gap:16px;padding:16px;background:rgba(13, 17, 48, 0.5);border-radius:12px;transition:all 0.3s ease}.info-item:hover {background:rgba(13, 17, 48, 0.7);transform:translateX(4px)}.info-icon {width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(117, 106, 246, 0.2), rgba(204, 125, 218, 0.2));border-radius:10px;color:#756AF6}.info-details {display:flex;flex-direction:column;gap:4px}.info-label {font-size:13px;color:#8E94B8;font-weight:500}.info-value {font-size:16px;color:#fff;font-weight:600;line-height:1.4}.info-value svg {display:inline-block;vertical-align:middle;height:18px;width:auto}.rating-number {font-size:14px;color:#8E94B8;font-weight:500}.card-divider {height:1px;background:linear-gradient(90deg, transparent, rgba(117, 106, 246, 0.3), transparent);margin:24px 0}.pricing-card {text-align:center}.pricing-badge {display:inline-block;padding:6px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:100px;margin-bottom:20px;background:linear-gradient(135deg, #756AF6, #CC7DDA);color:white}.pricing-badge.free {background:linear-gradient(135deg, #10B981, #059669)}.pricing-amount {display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:12px}.price-currency {font-size:24px;color:#8E94B8;font-weight:600}.price-value {font-size:48px;font-weight:700;color:#fff}.price-value.large {font-size:56px}.price-period {font-size:18px;color:#8E94B8}.pricing-subtitle {font-size:14px;color:#8E94B8;margin-bottom:24px}.cta-button {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;border-radius:12px;transition:all 0.3s ease;text-decoration:none;border:none;cursor:pointer;margin-bottom:12px}.cta-button:last-child {margin-bottom:0}.cta-button.primary {background:linear-gradient(135deg, #756AF6, #CC7DDA);color:white;box-shadow:0 8px 24px rgba(117, 106, 246, 0.3)}.cta-button.primary:hover {transform:translateY(-2px);box-shadow:0 12px 32px rgba(117, 106, 246, 0.5);color:white}.cta-button.secondary {background:rgba(117, 106, 246, 0.1);color:#C2CEED;border:1px solid rgba(117, 106, 246, 0.3)}.cta-button.secondary:hover {background:rgba(117, 106, 246, 0.2);color:#fff}.cta-button.tertiary {background:transparent;color:#C2CEED;border:1px solid rgba(117, 106, 246, 0.2);padding:12px 20px;font-size:14px}.cta-button.tertiary:hover {background:rgba(117, 106, 246, 0.1);border-color:rgba(117, 106, 246, 0.4);color:#fff}.feature-list {list-style:none;padding:0;margin:24px 0 0;text-align:left}.feature-list li {display:flex;align-items:center;gap:12px;padding:12px 0;color:#C2CEED;font-size:14px}.feature-list li svg {flex-shrink:0}.upsell-card {padding:24px;background:rgba(13, 17, 48, 0.5);border-radius:16px;text-align:center}.upsell-icon {margin:0 auto 16px;width:48px;height:48px}.upsell-title {font-size:18px;font-weight:600;color:#fff;margin:0 0 12px}.upsell-description {font-size:14px;color:#8E94B8;line-height:1.6;margin-bottom:20px}#about_me {padding:0}#about_me .container {max-width:1280px}.section-title {font-size:24px;font-weight:600;color:#fff;margin:0 0 24px 0}.author-spotlight-card {display:grid;grid-template-columns:380px 1fr;gap:60px;background:rgba(31, 35, 66, 0.3);border-radius:24px;padding:40px;border:1px solid rgba(117, 106, 246, 0.1);margin-top:50px}.author-spotlight-visual {text-align:center}.author-spotlight-image {position:relative;border-radius:20px;overflow:hidden;margin-bottom:24px;transition:border-radius 0.5s ease}.author-spotlight-image img {width:100%;display:block;transition:transform 0.5s ease}.author-spotlight-card:hover .author-spotlight-image {border-radius:50%}.author-spotlight-card:hover .author-spotlight-image img {transform:scale(1.05)}.image-overlay {position:absolute;inset:0;background:linear-gradient(to top, rgba(117, 106, 246, 0.3), transparent);opacity:0;transition:opacity 0.3s ease}.author-spotlight-card:hover .image-overlay {opacity:1}.author-spotlight-name {font-size:28px;font-weight:700;color:#fff;margin:0}.author-spotlight-content {display:flex;flex-direction:column;justify-content:center}.author-bio {font-size:16px;line-height:1.75;color:#C2CEED;margin-bottom:32px}.author-bio p {margin-bottom:16px}.author-courses-link {display:inline-flex;align-items:center;gap:12px;padding:16px 28px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg, #756AF6, #CC7DDA);border-radius:12px;text-decoration:none;transition:all 0.3s ease;align-self:flex-start;box-shadow:0 8px 24px rgba(117, 106, 246, 0.3)}.author-courses-link:hover {transform:translateY(-2px);box-shadow:0 12px 32px rgba(117, 106, 246, 0.5);color:#fff}.author-courses-link svg {transition:transform 0.3s ease}.author-courses-link:hover svg {transform:translateX(4px)}@media (max-width:1200px) {.course-hero-wrapper {grid-template-columns:1fr 360px;gap:40px}.course-hero-title {font-size:38px}.author-spotlight-card {grid-template-columns:320px 1fr;gap:40px}}@media (max-width:1024px) {#course_hero {padding-top:130px;padding-bottom:50px}.course-hero-wrapper {grid-template-columns:1fr;gap:40px}.course-hero-sidebar {position:relative;top:0;max-width:100%;margin:0}.sidebar-sticky-wrapper {position:relative;top:0}.course-hero-title {font-size:36px}.course-hero-subtitle {font-size:18px}.description-title {font-size:22px}.description-content {font-size:15px}.author-spotlight-card {grid-template-columns:1fr;gap:30px;padding:32px}}@media (max-width:767px) {#course_hero {padding-top:100px;padding-bottom:40px}.course-header-card {padding:24px}.course-hero-title {font-size:28px}.course-hero-subtitle {font-size:16px}.course-author-share-wrapper {flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.share-buttons-modern {width:100%;justify-content:flex-start}.course-hero-description {margin-top:32px;padding-top:24px}.description-wrapper {position:relative;max-height:200px;overflow:hidden;transition:max-height 0.4s ease}.description-wrapper.expanded {max-height:none}.description-wrapper .description-fade {display:block;position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom, rgba(10, 14, 31, 0), rgba(10, 14, 31, 0.8) 50%, #0A0E1F 100%);pointer-events:none;transition:opacity 0.4s ease}.description-wrapper.expanded .description-fade {opacity:0}.description-toggle-btn {display:flex !important;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:0;padding:10px 20px;background:rgba(117, 106, 246, 0.1);border:1px solid rgba(117, 106, 246, 0.3);border-radius:8px;color:#756AF6;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.description-toggle-btn:hover {background:rgba(117, 106, 246, 0.2);border-color:rgba(117, 106, 246, 0.5)}.toggle-icon {transition:transform 0.3s ease;color:#756AF6}.description-wrapper.expanded ~ .description-toggle-btn .toggle-icon {transform:rotate(180deg)}.learning-outcomes-section {margin-top:32px;padding-top:24px}.course-curriculum-section {margin-top:32px;padding-top:24px}.description-title {font-size:20px;margin-bottom:16px}.description-content {font-size:14px}.outcomes-list {grid-template-columns:1fr;gap:12px}#about_me .section-title {font-size:20px}.curriculum-header {flex-direction:column;align-items:flex-start;margin-bottom:16px}.curriculum-header h2 {font-size:20px}.curriculum-stats {flex-wrap:wrap;gap:8px}.curriculum-section-header {padding:14px 16px;gap:12px}.section-number {width:36px;height:36px;font-size:16px}.section-title {font-size:15px}.section-meta {font-size:12px}.curriculum-section-content {padding:0 16px}.curriculum-section.active .curriculum-section-content {padding:0 16px 12px}.curriculum-lesson {flex-wrap:wrap;padding:12px 14px;gap:10px}.lesson-title {font-size:13px}.lesson-actions {width:100%;margin-top:8px;display:flex;flex-direction:column;gap:8px}.lesson-actions .lesson-preview-btn, .lesson-actions .lesson-play-btn {width:100%;justify-content:center}.modern-course-card {padding:24px}.price-value {font-size:40px}.author-spotlight-card {padding:24px}.author-spotlight-name {font-size:24px}}