.hero-section{margin-bottom:2rem;overflow:hidden;position:relative}.gradient-bg{animation:gradientRotate 25s linear infinite,gradientPulse 8s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,rgba(0,201,255,.15) 0,rgba(146,254,157,.1) 30%,rgba(0,201,255,.05) 60%,transparent 80%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;will-change:transform,opacity;z-index:0}@keyframes gradientRotate{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1)}}@keyframes gradientPulse{0%,to{opacity:.6;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(180deg)}}.hero-slider{border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,201,255,.15);overflow:hidden;position:relative;z-index:1}.slider-track{height:500px;position:relative;width:100%}@media(max-width:1024px){.slider-track{height:400px}}@media(max-width:768px){.slider-track{height:300px}}@media(max-width:480px){.slider-track{height:240px}}.slide-item{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;will-change:opacity,transform}.slide-item.active{animation:slideIn 1s cubic-bezier(.4,0,.2,1);opacity:1;visibility:visible;z-index:1}.slide-item.swiping{transition:transform .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{filter:blur(4px);opacity:0;transform:scale(1.08) translateY(10px)}60%{filter:blur(0);opacity:.8;transform:scale(1.02) translateY(0)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}.slide-link{display:block}.slide-image-wrapper,.slide-link{height:100%;position:relative;width:100%}.slide-image-wrapper{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;overflow:hidden}.slide-image{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transition:transform 8s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}.slide-item.active .slide-image{animation:imageZoom 8s cubic-bezier(.4,0,.2,1) forwards}@keyframes imageZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.slide-overlay{background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 40%,transparent 70%);top:0;z-index:1}.slide-content,.slide-overlay{bottom:0;left:0;position:absolute;right:0}.slide-content{color:#fff;padding:2rem;z-index:2}@media(max-width:768px){.slide-content{padding:1.5rem}}@media(max-width:480px){.slide-content{padding:1rem}}.slide-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:1rem;box-shadow:0 4px 12px rgba(0,201,255,.3);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.375rem .875rem}@keyframes badgePulse{0%,to{box-shadow:0 4px 12px rgba(0,201,255,.3)}50%{box-shadow:0 4px 20px rgba(0,201,255,.5)}}@media(max-width:480px){.slide-badge{font-size:.75rem;padding:.25rem .625rem}}.slide-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:0 2px 12px rgba(0,0,0,.5)}@media(max-width:1024px){.slide-title{font-size:2rem}}@media(max-width:768px){.slide-title{font-size:1.5rem}}@media(max-width:480px){.slide-title{font-size:1.25rem}}.slide-desc{font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem;max-width:600px;opacity:.95;text-shadow:0 1px 6px rgba(0,0,0,.4)}@media(max-width:1024px){.slide-desc{font-size:1rem}}@media(max-width:768px){.slide-desc{display:none}}.slide-btn{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);border:none;border-radius:2rem;box-shadow:0 6px 20px rgba(0,201,255,.4);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.75rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s}.slide-btn svg{height:20px;width:20px}.slide-btn:hover{background:linear-gradient(135deg,#00b8e6,#82ee8d);box-shadow:0 10px 30px rgba(0,201,255,.5);transform:translateY(-3px)}.slide-btn:active{transform:translateY(-1px)}@media(max-width:480px){.slide-btn{font-size:.875rem;padding:.625rem 1.25rem}.slide-btn svg{height:18px;width:18px}}.slider-dots{bottom:1.5rem;display:flex;gap:.75rem;position:absolute;right:2rem;z-index:3}@media(max-width:768px){.slider-dots{bottom:1rem;gap:.5rem;right:1rem}}.dot{background:hsla(0,0%,100%,.4);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;height:12px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:12px;will-change:transform,width}.dot:hover{background:hsla(0,0%,100%,.6);border-color:hsla(0,0%,100%,.5);transform:scale(1.2)}.dot.active{animation:dotExpand .4s cubic-bezier(.4,0,.2,1),dotPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00c9ff,#92fe9d);border-color:transparent;border-radius:6px;box-shadow:0 2px 12px rgba(0,201,255,.5),0 0 20px rgba(146,254,157,.3);width:32px}.dot.active:before{animation:dotRipple 1.5s ease-out infinite;background:linear-gradient(135deg,rgba(0,201,255,.6),rgba(146,254,157,.6));border-radius:inherit;content:"";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes dotExpand{0%{border-radius:50%;width:12px}50%{width:36px}to{border-radius:6px;width:32px}}@keyframes dotPulse{0%,to{box-shadow:0 2px 12px rgba(0,201,255,.5),0 0 20px rgba(146,254,157,.3)}50%{box-shadow:0 2px 16px rgba(0,201,255,.7),0 0 25px rgba(146,254,157,.5)}}@keyframes dotRipple{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@media(max-width:480px){.dot{height:10px;width:10px}.dot.active{width:24px}@keyframes dotExpand{0%{width:10px}50%{width:28px}to{width:24px}}}.slider-arrow{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden;width:48px;will-change:transform,opacity;z-index:3}.hero-slider:hover .slider-arrow{animation:arrowSlideIn .4s cubic-bezier(.4,0,.2,1);opacity:1;visibility:visible}.slider-arrow:before{background:linear-gradient(135deg,rgba(0,201,255,.4),rgba(146,254,157,.4));border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:0}.slider-arrow svg{height:24px;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);width:24px;z-index:1}.slider-arrow:hover{background:linear-gradient(135deg,#00c9ff,#92fe9d);border-color:transparent;box-shadow:0 6px 24px rgba(0,201,255,.5),0 0 30px rgba(146,254,157,.3);transform:translateY(-50%) scale(1.15)}.slider-arrow:hover:before{height:200%;opacity:1;width:200%}.slider-arrow:hover svg{transform:scale(1.1)}.slider-arrow:active{transform:translateY(-50%) scale(1.05)}.slider-arrow.prev{left:.5rem}.slider-arrow.prev:hover svg{transform:translateX(-3px) scale(1.1)}.slider-arrow.next{right:.5rem}.slider-arrow.next:hover svg{transform:translateX(3px) scale(1.1)}@keyframes arrowSlideIn{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@media(max-width:768px){.slider-arrow{height:40px;width:40px}.slider-arrow svg{height:20px;width:20px}.slider-arrow.prev{left:1rem}.slider-arrow.next{right:1rem}}@media(max-width:480px){.slider-arrow{display:none}}.category-section{margin-bottom:2rem}.section-header{justify-content:space-between;margin-bottom:1.5rem}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#1f2937;font-size:1.75rem;font-weight:700;gap:.75rem;padding-bottom:.5rem;position:relative}.section-title:after{animation:underlineExpand .6s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(90deg,#00c9ff,#92fe9d);box-shadow:0 2px 8px rgba(0,201,255,.3)}.section-title:after,.section-title:before{border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.section-title:before{animation:underlineGlow 2s ease-in-out infinite;background:linear-gradient(90deg,rgba(0,201,255,.4),rgba(146,254,157,.4));filter:blur(6px);opacity:.6}@keyframes underlineExpand{0%{opacity:0;width:0}to{opacity:1;width:60px}}@keyframes underlineGlow{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.5)}}@media(max-width:768px){.section-title{font-size:1.5rem}.section-title:after,.section-title:before{height:2px;width:50px}@keyframes underlineExpand{0%{width:0}to{width:50px}}}@media(max-width:480px){.section-title{font-size:1.25rem}.section-title:after,.section-title:before{width:40px}@keyframes underlineExpand{0%{width:0}to{width:40px}}}.title-icon{animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(180deg,#00c9ff,#92fe9d);border-radius:2px;box-shadow:0 2px 8px rgba(0,201,255,.3);height:1.75rem;position:relative;width:4px}.title-icon:after{animation:iconGlow 2s ease-in-out infinite;background:inherit;border-radius:inherit;content:"";filter:blur(4px);height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}@keyframes iconPulse{0%,to{box-shadow:0 2px 8px rgba(0,201,255,.3);transform:scaleY(1)}50%{box-shadow:0 4px 12px rgba(0,201,255,.5);transform:scaleY(1.1)}}@keyframes iconGlow{0%,to{opacity:.5}50%{opacity:.8}}@media(max-width:768px){.title-icon{height:1.5rem}}@media(max-width:480px){.title-icon{height:1.25rem}}.more-btn{align-items:center;border:1px solid transparent;border-radius:.5rem;color:#6b7280;display:flex;font-weight:500;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.more-btn:before{background:linear-gradient(135deg,rgba(0,201,255,.1),rgba(146,254,157,.1));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:-1}.more-btn svg{height:16px;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1);width:16px;z-index:1}.more-btn:hover{border-color:rgba(0,201,255,.3);box-shadow:0 2px 8px rgba(0,201,255,.15);color:#00c9ff;transform:translateY(-2px)}.more-btn:hover:before{left:0}.more-btn:hover svg{animation:arrowBounce .6s ease-in-out;transform:translateX(6px) rotate(5deg)}.more-btn:active{transform:translateY(0)}@keyframes arrowBounce{0%,to{transform:translateX(6px) rotate(5deg)}50%{transform:translateX(8px) rotate(5deg)}}@media(max-width:480px){.more-btn{font-size:.875rem;padding:.375rem .75rem}.more-btn svg{height:14px;width:14px}}.video-card{animation:cardFadeIn .6s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(30px);will-change:opacity,transform}.video-card:first-child{animation-delay:.05s}.video-card:nth-child(2){animation-delay:.1s}.video-card:nth-child(3){animation-delay:.15s}.video-card:nth-child(4){animation-delay:.2s}.video-card:nth-child(5){animation-delay:.25s}.video-card:nth-child(6){animation-delay:.3s}.video-card:nth-child(7){animation-delay:.35s}.video-card:nth-child(8){animation-delay:.4s}.video-card:nth-child(9){animation-delay:.45s}.video-card:nth-child(10){animation-delay:.5s}.video-card:nth-child(11){animation-delay:.55s}.video-card:nth-child(12){animation-delay:.6s}.video-card:nth-child(13){animation-delay:.65s}.video-card:nth-child(14){animation-delay:.7s}.video-card:nth-child(15){animation-delay:.75s}.video-card:nth-child(16){animation-delay:.8s}.video-card:nth-child(17){animation-delay:.85s}.video-card:nth-child(18){animation-delay:.9s}.video-card:nth-child(19){animation-delay:.95s}.video-card:nth-child(20){animation-delay:1s}.video-card:hover{transform:translateY(-8px);will-change:transform}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}60%{opacity:.8;transform:translateY(-5px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.video-card-content{transition:all .4s cubic-bezier(.4,0,.2,1)}.video-thumb{overflow:hidden;position:relative}.video-thumb img{transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.video-card:hover .video-thumb img{transform:scale(1.1)}@media(max-width:480px){.category-section,.hero-section{margin-bottom:1rem}.gradient-bg{animation:none;opacity:.5}.video-card{animation-duration:.4s}.video-card:first-child{animation-delay:.02s}.video-card:nth-child(2){animation-delay:.04s}.video-card:nth-child(3){animation-delay:.06s}.video-card:nth-child(4){animation-delay:.08s}.video-card:nth-child(5){animation-delay:.1s}.video-card:nth-child(6){animation-delay:.12s}.video-card:nth-child(7){animation-delay:.14s}.video-card:nth-child(8){animation-delay:.16s}.video-card:nth-child(9){animation-delay:.18s}.video-card:nth-child(10){animation-delay:.2s}.video-card:nth-child(11){animation-delay:.22s}.video-card:nth-child(12){animation-delay:.24s}.video-card:nth-child(13){animation-delay:.26s}.video-card:nth-child(14){animation-delay:.28s}.video-card:nth-child(15){animation-delay:.3s}.video-card:nth-child(16){animation-delay:.32s}.video-card:nth-child(17){animation-delay:.34s}.video-card:nth-child(18){animation-delay:.36s}.video-card:nth-child(19){animation-delay:.38s}.video-card:nth-child(20){animation-delay:.4s}.dot.active:before,.title-icon:after{display:none}}@media(hover:none)and (pointer:coarse){.slider-arrow{opacity:1;visibility:visible}.video-card:hover{transform:translateY(0)}.play-btn:hover,.play-icon:hover{animation:none;transform:scale(1)}}@media(prefers-contrast:high){.dot,.more-btn,.slider-arrow{border-color:currentColor;border-width:2px}.slide-overlay{background:rgba(0,0,0,.9)}}