.tab-trigger {
     padding: 10px 22px;
     border-radius: 999px;
     border: 1.5px solid var(--border);
     background: transparent;
     color: var(--text2);
     font-size: 14px;
     font-weight: 500;
     cursor: pointer;
     transition: var(--transition);
 }

 .tab-trigger.active,
 .tab-trigger:hover {
     background: rgba(249, 115, 22, 0.1);
     border-color: var(--accent);
     color: var(--accent);
 }

 .course-details-tab {
     padding: 10px 22px;
     border-radius: 999px;
     border: 1.5px solid var(--border);
     background: transparent;
     color: var(--text2);
     font-size: 14px;
     font-weight: 500;
     cursor: pointer;
     transition: var(--transition);
 }

 .course-details-tab:hover {
     background: rgba(249, 115, 22, 0.1);
     border-color: var(--accent);
     color: var(--accent);
 }


 .tab-panel {
     display: none;
 }

 .tab-panel.active {
     display: block;
 }

 .instructor-card {
     display: flex;
     gap: 20px;
     padding: 28px;
     background: var(--bg-card);
     border: 1px solid var(--border);
     border-radius: var(--radius-lg);
     align-items: flex-start;
 }

 .instructor-big-avatar {
     width: 72px;
     height: 72px;
     border-radius: 50%;
     background: linear-gradient(135deg, #f97316, #ec4899);
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-family: var(--font-display);
     font-weight: 700;
     font-size: 24px;
     flex-shrink: 0;
 }