.about-main-section,.cta-card-section,.timeline-section{margin:0 0 6vh}.video-container{border-radius:var(--card-border-radius);box-shadow:0 10px 30px rgba(0,0,0,.15);margin:2rem 0;overflow:hidden;position:relative;width:100%}.video-container video{display:block;-o-object-fit:cover;object-fit:cover;width:100%}.video-controls{background:linear-gradient(transparent,rgba(0,0,0,.7));bottom:0;display:-ms-flexbox;display:flex;left:0;padding:15px;position:absolute;right:0;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .3s}.video-container:hover .video-controls{opacity:1}.play-pause-btn{background:none;border:none;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;height:40px;margin-right:15px;width:40px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:hsla(0,0%,100%,.2);border-radius:var(--card-border-radius);justify-content:center;transition:background-color .3s}.play-pause-btn:hover{background-color:hsla(0,0%,100%,.3)}.progress-container{-ms-flex-positive:1;background-color:hsla(0,0%,100%,.2);cursor:pointer;flex-grow:1;height:6px;position:relative}.progress-bar,.progress-container{border-radius:var(--card-border-radius)}.progress-bar{background-color:var(--text-primary);height:100%;width:0}.button-group{gap:10px}.button-group,.mute-btn,.play-pause-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.mute-btn,.play-pause-btn{background:hsla(0,0%,100%,.2);border:none;color:#fff;cursor:pointer;font-size:var(--iq-font-size-sm);height:40px;width:40px;-ms-flex-pack:center;border-radius:var(--card-border-radius);justify-content:center;transition:background-color .3s,-webkit-transform .2s;transition:background-color .3s,transform .2s;transition:background-color .3s,transform .2s,-webkit-transform .2s}.mute-btn:hover,.play-pause-btn:hover{background-color:hsla(0,0%,100%,.3);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.cards-container{display:-ms-grid;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px auto;width:100%}.card-img{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.card-content{padding:25px;text-align:center}.card-title{font-size:var(--iq-font-size-lg);margin-bottom:15px;margin-top:0}.card-text,.card-title{color:var(--text-primary);font-family:var(--font-display)}.card-text{font-size:var(--iq-font-size-sm);line-height:1.6;text-align:left}.card-btn{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--card-border-radius);color:var(--text-primary);display:inline-block;font-size:var(--iq-font-size-md);font-weight:var(--iq-font-weight-regular);margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.card-btn:hover{background-color:var(--text-primary);color:var(--cta-text)}.section-header{color:var(--text-primary);text-align:center}.section-title{font-size:var(--iq-font-size-lg);font-weight:var(--iq-font-weight-bold);margin-bottom:16px}.section-subtitle{color:var(--text-primary);font-size:var(--iq-font-size-sm);margin:20px auto;max-width:600px}.timeline{margin:0 auto;max-width:1000px;position:relative}.timeline:before{background:linear-gradient(180deg,var(--panel-border));border-radius:var(--card-border-radius);bottom:0;content:"";left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:3px}.timeline-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;margin-bottom:80px;position:relative}.timeline-marker{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:var(--text-primary);border:1px solid var(--panel-border);border-radius:var(--card-border-radius);box-shadow:0 0 0 4px rgba(59,130,246,.2);height:20px;left:50%;position:absolute;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:20px;z-index:2}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 4px var(--text-primary)}50%{box-shadow:0 0 0 8px var(--panel-bg)}to{box-shadow:0 0 0 4px var(--text-primary)}}@keyframes pulse{0%{box-shadow:0 0 0 4px var(--text-primary)}50%{box-shadow:0 0 0 8px var(--panel-bg)}to{box-shadow:0 0 0 4px var(--text-primary)}}.timeline-item.left .timeline-content{margin-left:0;margin-right:auto}.timeline-item.right .timeline-content{margin-left:auto;margin-right:0}.timeline-content{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--card-border-radius);box-shadow:0 4px 20px var(--panel-bg);padding:32px;position:relative;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:45%}.timeline-content:hover{box-shadow:0 8px 30px var(--panel-bg);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.timeline-content .year-inside{color:var(--text-primary);font-size:var(--iq-font-size-sm);font-weight:var(--iq-font-weight-bold);margin-bottom:12px}.timeline-content h3{color:var(--text-primary);font-size:var(--iq-font-size-md);font-weight:var(--iq-font-weight-semi-bold);margin-bottom:12px}.timeline-content ul{color:var(--text-primary);font-size:var(--iq-font-size-sm);line-height:1.6;margin-left:1rem}.achievement-highlight{border-left:4px solid var(--text-primary);border-radius:8px;margin-top:16px;padding:16px}.achievement-highlight strong{color:var(--text-primary)}.fade-in{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,transform .8s ease;transition:opacity .8s ease,transform .8s ease,-webkit-transform .8s ease}.fade-in.visible{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.about-cta{background-color:var(--text-secondary);border-radius:10px;color:var(--bg-color-main)}@media (max-width:768px){.timeline:before{left:10px}.timeline-item{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.timeline-marker{left:10px;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.timeline-content{margin-left:50px!important;width:85%}}@media (max-width:1024px){.video-container{box-shadow:0 10px 30px rgba(0,0,0,.15);height:30vh;margin:20px auto;position:relative;width:100%}.video-container video{border-radius:var(--card-border-radius);display:block;height:30vh;-o-object-fit:cover;object-fit:cover;width:100%}}