:root{--primary-color:#39b54a;--secondary-color:#ddd;--text-color:#333;--container-max-width:1200px;--tab-spacing:1rem;--transition-duration:0.3s}.tab-section{align-items:flex-start;background-color:#f5f5f5;display:flex;font-family:Roboto,sans-serif;justify-content:center;padding:2rem}.tab-nav{display:flex;flex-direction:column;margin-right:var(--tab-spacing)}.tab-btn{align-items:center;background-color:transparent;border:none;color:var(--text-color);cursor:pointer;display:flex;padding:var(--tab-spacing);text-align:left;transition:background-color var(--transition-duration) ease}.tab-btn--active{color:var(--primary-color)}.tab-btn--active,.tab-btn:hover{background-color:var(--secondary-color)}.tab-icon{margin-right:.5rem}.tab-content{display:flex;flex-direction:column;max-width:var(--container-max-width);width:100%}.tab-pane{display:none;opacity:0;transform:translateY(20px);transition:opacity var(--transition-duration) ease,transform var(--transition-duration) ease}.tab-pane--active{display:flex;flex-direction:column;opacity:1;transform:translateY(0)}.tab-text{text-align:left}.tab-text,.tab-video{padding:var(--tab-spacing)}.video-container{background-color:#000;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-controls{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;left:0;padding:.5rem;position:absolute;right:0}.play-btn{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:1.5rem;margin-right:.5rem}.progress-bar{background-color:hsla(0,0%,100%,.5);flex-grow:1;height:5px}.cta-button{background-color:var(--primary-color);border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color var(--transition-duration) ease}.cta-button:hover{background-color:#555}@media (max-width:768px){.tab-section{flex-direction:column}.tab-nav{flex-direction:row;margin-bottom:var(--tab-spacing);margin-right:0}}