.skill-section{position:relative;padding:60px 20px;background:linear-gradient(140deg,#9b4dff,#2f80ed);color:#fff;overflow:hidden}.bg-particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.container{position:relative;z-index:3;max-width:1200px;margin:auto;text-align:center;padding:0 15px}.top-title{margin-bottom:30px}.top-title h2{font-size:36px;font-weight:700;color:#fff!important;margin:0}.content-box{display:flex;gap:30px;margin-top:30px;align-items:stretch;justify-content:center}.main-video{flex:2;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgb(0 0 0 / .4)}.main-video iframe{width:100%;height:100%;border:none}.video-tabs{flex:1;max-width:340px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:15px}.vtab{padding:12px;background:rgb(255 255 255 / .12);border-radius:12px;display:flex;gap:12px;cursor:pointer;transition:0.3s;backdrop-filter:blur(10px);align-items:center}.vtab img{width:80px;height:55px;border-radius:8px;object-fit:cover}.vtab p{margin:0;font-size:13px;text-align:left}.vtab:hover{transform:translateX(6px);background:rgb(255 255 255 / .22)}.vtab.active{border:2px solid #fff;background:rgb(255 255 255 / .25)}@media (max-width:600px){.content-box{flex-direction:column;align-items:center;gap:20px}.main-video{width:100%;aspect-ratio:16/9}.video-tabs{width:100%;max-width:320px}.vtab{padding:10px;gap:10px}.vtab img{width:70px;height:50px}.vtab p{font-size:12px}.top-title h2{font-size:24px}}@media (max-width:360px){.skill-section{padding:30px 10px}.content-box{gap:15px}.main-video{width:100%;aspect-ratio:16/9}.video-tabs{max-width:100%}.vtab{padding:8px;gap:8px}.vtab img{width:55px;height:40px}.vtab p{font-size:11px;line-height:1.2}.top-title h2{font-size:20px}}