html{background:#fff;color:#000}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;*font-size:100%;font-weight:inherit}legend{color:#000}*,:after,:before{box-sizing:border-box}.flex-center,.loading{align-items:center;display:flex;justify-content:center}.flex-between,.header .header-container{align-items:center;display:flex;justify-content:space-between}.text-truncate,.video-card .video-info .video-meta .video-score,.video-card .video-info .video-meta .video-year,.video-card .video-info .video-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html{font-size:16px;height:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:120px}@media screen and (max-width:768px){body{padding-top:100px}}a{color:#333;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:#00c9ff}img{height:auto;max-width:100%;vertical-align:middle}button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:inherit;line-height:inherit;outline:none}.wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}@media screen and (max-width:768px){.container{padding:0 16px}}@media screen and (max-width:480px){.container{padding:0 8px}}.main-content{flex:1;min-height:calc(100vh - 290px)}@media screen and (max-width:768px){.main-content{min-height:calc(100vh - 260px);padding:32px 0}}@media screen and (max-width:480px){.main-content{padding:24px 0}}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:hsla(0,0%,100%,.95);box-shadow:0 2px 8px rgba(0,0,0,.08);height:90px;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1130}.header.scrolled{background:hsla(0,0%,100%,.98);box-shadow:0 4px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,201,255,.05)}.header .header-container{gap:32px;height:100%}.header .logo{align-items:center;display:flex;font-size:20px;font-weight:700;gap:8px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.header .logo:hover{transform:scale(1.05) rotate(-2deg)}.header .logo .logo-icon{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:8px;display:flex;height:40px;justify-content:center;transition:transform .15s ease-in-out;width:40px}.header .logo .logo-icon svg{fill:#fff;height:24px;width:24px}.header .logo .logo-text{background:linear-gradient(135deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.header .logo img{transition:filter .15s ease-in-out;width:auto}.header .logo:hover .logo-icon{transform:rotate(10deg)}.header .logo:hover img{filter:drop-shadow(0 2px 8px rgba(0,201,255,.3))}.header .nav-desktop{align-items:center;display:flex;flex:1;gap:16px;min-width:0}@media screen and (max-width:1024px){.header .nav-desktop{display:none}}.header .nav-desktop .nav-item{border-radius:8px;color:#333;font-size:14px;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.header .nav-desktop .nav-item:before{background:linear-gradient(90deg,#00c9ff,#92fe9d);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.header .nav-desktop .nav-item:hover{background:linear-gradient(135deg,rgba(0,201,255,.1),rgba(146,254,157,.1));color:#00c9ff;transform:translateY(-2px)}.header .nav-desktop .nav-item:hover:before{width:80%}.header .nav-desktop .nav-item.active{background:linear-gradient(135deg,#00c9ff,#92fe9d);box-shadow:0 4px 12px rgba(0,201,255,.3);color:#fff;font-weight:600}.header .nav-desktop .nav-item.active:before{display:none}.header .nav-desktop .nav-item.active:hover{box-shadow:0 6px 16px rgba(0,201,255,.4);color:#fff}.header .search-box{height:40px;position:relative;width:300px}@media screen and (max-width:1024px){.header .search-box{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);display:none;height:auto;left:0;padding:16px;position:absolute;right:0;top:100%;width:100%}.header .search-box.active{animation:slideDown .3s ease-out;display:block}}.header .search-box .search-form{align-items:center;background:#f3f4f6;border:1px solid transparent;border-radius:20px;display:flex;height:100%;padding:0 4px 0 16px;transition:all .3s ease;width:100%}.header .search-box .search-form:focus-within{background:#fff;border-color:#00c9ff;box-shadow:0 0 0 3px rgba(0,201,255,.1)}.header .search-box .search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:#333;flex:1;font-size:14px;height:100%;margin:0;outline:none;padding:0;width:100%}.header .search-box .search-input::-moz-placeholder{color:#9ca3af}.header .search-box .search-input::placeholder{color:#9ca3af}.header .search-box .search-btn{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.header .search-box .search-btn:hover{box-shadow:0 2px 8px rgba(0,201,255,.3);transform:scale(1.05)}.header .search-box .search-btn svg{height:16px;width:16px}.header .mobile-menu-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:none;height:44px;justify-content:center;padding:0;width:44px;z-index:1060}@media screen and (max-width:1024px){.header .mobile-menu-btn{display:flex}}.header .mobile-menu-btn .menu-icon{height:18px;position:relative;width:24px}.header .mobile-menu-btn .menu-icon span{background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:2px;height:2px;left:0;position:absolute;transition:all .3s ease-in-out;width:100%}.header .mobile-menu-btn .menu-icon span:first-child{top:0}.header .mobile-menu-btn .menu-icon span:nth-child(2){top:8px}.header .mobile-menu-btn .menu-icon span:nth-child(3){top:16px}.header .mobile-menu-btn.active .menu-icon span:first-child{top:8px;transform:rotate(45deg)}.header .mobile-menu-btn.active .menu-icon span:nth-child(2){opacity:0}.header .mobile-menu-btn.active .menu-icon span:nth-child(3){top:8px;transform:rotate(-45deg)}@media screen and (max-width:768px){.header{height:80px}}.mobile-menu{bottom:0;display:block;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1050}@media screen and (min-width:1025px){.mobile-menu{display:none}}.mobile-menu.show{opacity:1;visibility:visible}.mobile-menu.show .mobile-menu-content{transform:translateX(0)}.mobile-menu.show .mobile-menu-overlay{opacity:1}.mobile-menu .mobile-menu-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mobile-menu .mobile-menu-content{background:#fff;bottom:0;box-shadow:-4px 0 16px rgba(0,0,0,.1);display:flex;flex-direction:column;padding-top:80px;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px}.mobile-menu .mobile-search{border-bottom:1px solid #f3f4f6;padding:16px}.mobile-menu .mobile-search .search-form{align-items:center;background:#f3f4f6;border-radius:20px;display:flex;padding:8px 16px}.mobile-menu .mobile-search .search-input{background:transparent;border:none;flex:1;font-size:14px;outline:none}.mobile-menu .mobile-search .search-btn{align-items:center;background:none;border:none;color:#00c9ff;display:flex;justify-content:center;padding:0}.mobile-menu .mobile-search .search-btn svg{height:20px;width:20px}.mobile-menu .mobile-nav{display:flex;flex:1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.mobile-menu .mobile-nav::-webkit-scrollbar{height:8px;width:8px}.mobile-menu .mobile-nav::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.mobile-menu .mobile-nav::-webkit-scrollbar-thumb{background:#a0a0b0;border-radius:4px}.mobile-menu .mobile-nav::-webkit-scrollbar-thumb:hover{background:#848499}.mobile-menu .mobile-nav .nav-item{align-items:center;border-radius:8px;color:#333;display:flex;font-size:16px;padding:12px 16px;text-decoration:none;transition:all .2s}.mobile-menu .mobile-nav .nav-item.active,.mobile-menu .mobile-nav .nav-item:hover{background:rgba(0,201,255,.05);color:#00c9ff}.footer{background:linear-gradient(180deg,#1a1a2e,#11111e);color:#a0a0b0;overflow:hidden;padding:0 0 24px;position:relative}.footer:before{background:linear-gradient(135deg,rgba(0,201,255,.1),rgba(146,254,157,.05));clip-path:polygon(0 0,100% 0,100% 50%,90% 60%,80% 50%,70% 60%,60% 50%,50% 60%,40% 50%,30% 60%,20% 50%,10% 60%,0 50%);height:100px;left:0;right:0;top:0}.footer:after,.footer:before{content:"";position:absolute;z-index:0}.footer:after{background:radial-gradient(circle,rgba(0,201,255,.08) 0,transparent 70%);border-radius:50%;bottom:-100px;height:300px;right:-100px;width:300px}.footer .container{padding-top:108px;position:relative;z-index:1}.footer a{color:#a0a0b0;display:inline-block;position:relative;transition:all .15s ease-in-out}.footer a:after{background:linear-gradient(90deg,#00c9ff,#92fe9d);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.footer a:hover{color:#00c9ff;transform:translateX(3px)}.footer a:hover:after{width:100%}.footer .footer-links{border-bottom:1px solid rgba(74,74,94,.5);gap:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;padding-bottom:32px;position:relative}.footer .footer-links:after{background:linear-gradient(90deg,#00c9ff,transparent);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:200px}@media screen and (max-width:768px){.footer .footer-links{gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media screen and (max-width:480px){.footer .footer-links{gap:8px;grid-template-columns:repeat(2,1fr)}}.footer .footer-links .footer-title{color:#a0a0b0;font-size:16px;font-weight:600;margin-bottom:16px}.footer .footer-links .links-grid a{font-size:13px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;transition:padding-left .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.footer .footer-links .links-grid a:hover{padding-left:16px}.footer .footer-content{color:#6c6c7e;font-size:13px;line-height:1.6;text-align:center}.footer .footer-content p{margin-bottom:8px;transition:color .15s ease-in-out}.footer .footer-content p:hover{color:#a0a0b0}.footer .footer-copyright{color:#6c6c7e;font-size:12px;opacity:.8;padding-top:24px;text-align:center;transition:opacity .15s ease-in-out}.footer .footer-copyright:hover{opacity:1}.breadcrumb-nav{color:#666;font-size:13px;gap:4px;margin-bottom:24px}.breadcrumb-nav .breadcrumb-link{color:#666;display:inline-flex;gap:4px;transition:color .15s ease-in-out}.breadcrumb-nav .breadcrumb-link .breadcrumb-icon{fill:currentColor}.breadcrumb-nav .separator{color:#999;display:inline-flex;opacity:.5}.breadcrumb-nav .separator svg{fill:currentColor;height:14px;width:14px}@media screen and (max-width:480px){.breadcrumb-nav{font-size:12px;gap:4px}.breadcrumb-nav .breadcrumb-icon{height:14px;width:14px}.breadcrumb-nav .separator svg{height:12px;width:12px}}.pagination{flex-wrap:wrap;gap:8px;margin:48px 0}.pagination,.pagination .page-numbers,.pagination .pagination-wrapper{align-items:center;display:flex;justify-content:center}.pagination .page-numbers{flex-wrap:wrap;gap:8px}.pagination .page-btn,.pagination .page-num{align-items:center;background:#fff;border:2px solid #f8f9fa;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px;overflow:hidden;padding:0 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination .page-btn:before,.pagination .page-num:before{background:linear-gradient(90deg,transparent,rgba(0,201,255,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pagination .page-btn:hover:not(.disabled):not(.active),.pagination .page-num:hover:not(.disabled):not(.active){background:linear-gradient(135deg,rgba(0,201,255,.05),rgba(146,254,157,.05));border-color:transparent;box-shadow:0 4px 12px rgba(0,201,255,.2);color:#00c9ff;transform:translateY(-3px)}.pagination .page-btn:hover:not(.disabled):not(.active):before,.pagination .page-num:hover:not(.disabled):not(.active):before{left:100%}.pagination .page-btn.active,.pagination .page-num.active{background:linear-gradient(135deg,#00c9ff,#92fe9d);border-color:transparent;box-shadow:0 4px 16px rgba(0,201,255,.3);color:#fff;cursor:default;font-weight:600;transform:translateY(-2px) scale(1.05)}.pagination .page-btn.active:after,.pagination .page-num.active:after{background:#fff;border-radius:2px;bottom:2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.pagination .page-btn.disabled,.pagination .page-num.disabled{background:#f8f9fa;cursor:not-allowed;opacity:.4}.pagination .page-btn.disabled:hover,.pagination .page-num.disabled:hover{box-shadow:none;transform:none}@media screen and (max-width:480px){.pagination .page-btn,.pagination .page-num{font-size:13px;height:36px;min-width:36px;padding:0 8px}}.pagination .page-btn svg,.pagination .page-num svg{height:16px;stroke-width:2.5;width:16px}.pagination .page-btn.prev-btn svg,.pagination .page-num.prev-btn svg{margin-right:6px}.pagination .page-btn.next-btn svg,.pagination .page-num.next-btn svg{margin-left:6px}.pagination .page-ellipsis{animation:pulse 2s ease-in-out infinite;color:#999;font-weight:600;padding:0 4px}.pagination .page-jump{align-items:center;display:flex;gap:8px;margin-left:16px}@media screen and (max-width:480px){.pagination .page-jump{justify-content:center;margin-left:0;margin-top:8px;width:100%}}.pagination .page-jump input{border:2px solid #f8f9fa;border-radius:8px;font-size:14px;height:40px;padding:0 8px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.pagination .page-jump input:focus{border-color:#00c9ff;box-shadow:0 0 0 3px rgba(0,201,255,.1);transform:translateY(-2px)}@media screen and (max-width:480px){.pagination .page-jump input{height:36px;width:50px}}.pagination .page-jump button{background:linear-gradient(135deg,#00c9ff,#92fe9d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:40px;overflow:hidden;padding:0 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination .page-jump button:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.pagination .page-jump button:hover{box-shadow:0 6px 20px rgba(0,201,255,.4);transform:translateY(-2px)}.pagination .page-jump button:hover:before{height:200%;width:200%}.pagination .page-jump button:active{transform:translateY(0)}@media screen and (max-width:480px){.pagination .page-jump button{font-size:13px;height:36px;padding:0 8px}}.video-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,201,255,.15);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.video-card .video-cover{background:transparent;overflow:hidden;padding-top:133.333333%;position:relative;width:100%}.video-card .video-cover .cover-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%;z-index:1}.video-card .video-cover .card-gradient{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2) 60%,rgba(0,0,0,.8));height:100%;left:0;opacity:.8;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:2}.video-card .video-cover .video-overlay{align-items:center;backdrop-filter:blur(2px);background:rgba(0,0,0,.2);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:3}.video-card .video-cover .video-overlay .play-btn{align-items:center;background:hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;height:48px;justify-content:center;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:48px}.video-card .video-cover .video-overlay .play-btn .play-icon{color:#00c9ff;height:24px;margin-left:2px;width:24px}.video-card .video-cover .video-badge,.video-card .video-cover .video-type{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:4}.video-card .video-cover .video-badge{background:linear-gradient(135deg,#00c9ff,#92fe9d);box-shadow:0 2px 8px rgba(0,201,255,.4);left:.75rem;position:absolute;top:.75rem}.video-card .video-cover .video-type{backdrop-filter:blur(10px);background:rgba(0,0,0,.7);position:absolute;right:.75rem;top:.75rem;transition:transform .15s ease-in-out;z-index:4}.video-card .video-info{background:#fff;padding:16px;transition:background .15s ease-in-out}.video-card .video-info .video-title{color:#333;font-size:15px;font-weight:600;margin-bottom:4px;transition:all .15s ease-in-out}.video-card .video-info .video-title .title-link{color:inherit;display:block;text-decoration:none;transition:color .15s ease-in-out}.video-card .video-info .video-title .title-link:hover{color:#00c9ff}.video-card .video-info .video-meta{align-items:center;color:#999;display:flex;font-size:12px;gap:8px;justify-content:space-between}.video-card .video-info .video-meta .video-score{background:linear-gradient(135deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.video-card .video-info .video-actors{color:#666;display:-webkit-box;font-size:12px;-webkit-line-clamp:2;margin-top:4px;-webkit-box-orient:vertical;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.video-card:hover{box-shadow:0 12px 24px rgba(0,201,255,.15),0 6px 12px rgba(146,254,157,.1);transform:translateY(-8px)}.video-card:hover .cover-image{transform:scale(1.08)}.video-card:hover .card-gradient{opacity:.6}.video-card:hover .video-overlay{background:rgba(0,0,0,.2);opacity:1}.video-card:hover .video-overlay .play-btn{box-shadow:0 8px 24px rgba(0,201,255,.6);opacity:1;transform:scale(1) rotate(0deg)}.video-card:hover .video-badge,.video-card:hover .video-type{transform:translateY(-2px)}.video-card:hover .video-info{background:linear-gradient(135deg,rgba(0,201,255,.02),rgba(146,254,157,.02))}.video-card:hover .video-title{color:#00c9ff;transform:translateX(2px)}.video-card:active{transform:translateY(-8px)}.video-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media screen and (max-width:1024px){.video-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media screen and (max-width:768px){.video-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media screen and (max-width:480px){.video-grid{gap:8px;grid-template-columns:repeat(2,1fr)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gradient{background:linear-gradient(135deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:#999}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.mt-1{margin-top:8px}.mb-1{margin-bottom:8px}.ml-1{margin-left:8px}.mr-1{margin-right:8px}.pt-1{padding-top:8px}.pb-1{padding-bottom:8px}.pl-1{padding-left:8px}.pr-1{padding-right:8px}.mt-2{margin-top:16px}.mb-2{margin-bottom:16px}.ml-2{margin-left:16px}.mr-2{margin-right:16px}.pt-2{padding-top:16px}.pb-2{padding-bottom:16px}.pl-2{padding-left:16px}.pr-2{padding-right:16px}.mt-3{margin-top:24px}.mb-3{margin-bottom:24px}.ml-3{margin-left:24px}.mr-3{margin-right:24px}.pt-3{padding-top:24px}.pb-3{padding-bottom:24px}.pl-3{padding-left:24px}.pr-3{padding-right:24px}.mt-4{margin-top:32px}.mb-4{margin-bottom:32px}.ml-4{margin-left:32px}.mr-4{margin-right:32px}.pt-4{padding-top:32px}.pb-4{padding-bottom:32px}.pl-4{padding-left:32px}.pr-4{padding-right:32px}.mt-5{margin-top:40px}.mb-5{margin-bottom:40px}.ml-5{margin-left:40px}.mr-5{margin-right:40px}.pt-5{padding-top:40px}.pb-5{padding-bottom:40px}.pl-5{padding-left:40px}.pr-5{padding-right:40px}.mt-6{margin-top:48px}.mb-6{margin-bottom:48px}.ml-6{margin-left:48px}.mr-6{margin-right:48px}.pt-6{padding-top:48px}.pb-6{padding-bottom:48px}.pl-6{padding-left:48px}.pr-6{padding-right:48px}.mt-7{margin-top:56px}.mb-7{margin-bottom:56px}.ml-7{margin-left:56px}.mr-7{margin-right:56px}.pt-7{padding-top:56px}.pb-7{padding-bottom:56px}.pl-7{padding-left:56px}.pr-7{padding-right:56px}.mt-8{margin-top:64px}.mb-8{margin-bottom:64px}.ml-8{margin-left:64px}.mr-8{margin-right:64px}.pt-8{padding-top:64px}.pb-8{padding-bottom:64px}.pl-8{padding-left:64px}.pr-8{padding-right:64px}.mt-9{margin-top:72px}.mb-9{margin-bottom:72px}.ml-9{margin-left:72px}.mr-9{margin-right:72px}.pt-9{padding-top:72px}.pb-9{padding-bottom:72px}.pl-9{padding-left:72px}.pr-9{padding-right:72px}.mt-10{margin-top:80px}.mb-10{margin-bottom:80px}.ml-10{margin-left:80px}.mr-10{margin-right:80px}.pt-10{padding-top:80px}.pb-10{padding-bottom:80px}.pl-10{padding-left:80px}.pr-10{padding-right:80px}.loading{padding:48px;position:relative}.loading .spinner{animation:spin 1s linear infinite;border:4px solid #f8f9fa;border-radius:50%;height:48px;position:relative;width:48px}.loading .spinner:before{animation:spin 1.5s linear infinite;border-color:#00c9ff #92fe9d transparent transparent;border-radius:50%;border-style:solid;border-width:4px;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}.loading .spinner:after{animation:spin .8s linear infinite reverse;border:3px solid transparent;border-radius:50%;border-top-color:#92fe9d;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px}.loading .loading-text{background:linear-gradient(135deg,#00c9ff,#92fe9d);-webkit-background-clip:text;font-size:15px;font-weight:500;margin-top:16px;-webkit-text-fill-color:transparent;animation:pulse 1.5s ease-in-out infinite;background-clip:text}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f8f9fa,#fefefe 50%,#f8f9fa);background-size:200% 100%;border-radius:8px;overflow:hidden;position:relative}.skeleton:after{animation:skeletonShine 2s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(0,201,255,.08),rgba(146,254,157,.08),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.skeleton.skeleton-title{height:24px;margin-bottom:8px;width:70%}.skeleton.skeleton-text{height:16px;margin-bottom:4px;width:100%}.skeleton.skeleton-text:last-child{width:80%}.skeleton.skeleton-image{position:relative}.skeleton.skeleton-image:before{content:"";display:block;padding-top:150%}.skeleton.skeleton-image>*{height:100%;left:0;position:absolute;top:0;width:100%}.skeleton.skeleton-image{width:100%}.skeleton.skeleton-button{height:40px;width:120px}.skeleton.skeleton-card{height:300px;width:100%}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonShine{0%{left:-100%}to{left:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .5s ease-out}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-scale{animation:fadeInScale .5s cubic-bezier(.34,1.56,.64,1)}.stagger-animation>*{animation:fadeInUp .5s ease-out forwards;opacity:0}.stagger-animation>:first-child{animation-delay:.05s}.stagger-animation>:nth-child(2){animation-delay:.1s}.stagger-animation>:nth-child(3){animation-delay:.15s}.stagger-animation>:nth-child(4){animation-delay:.2s}.stagger-animation>:nth-child(5){animation-delay:.25s}.stagger-animation>:nth-child(6){animation-delay:.3s}.stagger-animation>:nth-child(7){animation-delay:.35s}.stagger-animation>:nth-child(8){animation-delay:.4s}.stagger-animation>:nth-child(9){animation-delay:.45s}.stagger-animation>:nth-child(10){animation-delay:.5s}.stagger-animation>:nth-child(11){animation-delay:.55s}.stagger-animation>:nth-child(12){animation-delay:.6s}.stagger-animation>:nth-child(13){animation-delay:.65s}.stagger-animation>:nth-child(14){animation-delay:.7s}.stagger-animation>:nth-child(15){animation-delay:.75s}.stagger-animation>:nth-child(16){animation-delay:.8s}.stagger-animation>:nth-child(17){animation-delay:.85s}.stagger-animation>:nth-child(18){animation-delay:.9s}.stagger-animation>:nth-child(19){animation-delay:.95s}.stagger-animation>:nth-child(20){animation-delay:1s}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f8f9fa;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00c9ff,#92fe9d);border:2px solid #f8f9fa;border-radius:10px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00b5e6,#79fe86);border-color:#e9ecef}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#00a1cc,#5ffe70)}.scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}.scrollbar-thin::-webkit-scrollbar-thumb{border-width:1px}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.gradient-text-primary{background:linear-gradient(135deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-reverse{background:linear-gradient(135deg,#92fe9d,#00c9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.gradient-text-vibrant{background:linear-gradient(135deg,#00c9ff,#92fe9d 50%,#00f5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.gradient-bg-primary{background:linear-gradient(135deg,#00c9ff,#92fe9d)}.gradient-bg-light{background:linear-gradient(135deg,rgba(0,201,255,.1),rgba(146,254,157,.1))}.gradient-bg-card{background:linear-gradient(135deg,rgba(0,201,255,.03),rgba(146,254,157,.03))}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.delay-9{animation-delay:.9s}.delay-10{animation-delay:1s}.hover-scale{transition:transform .15s ease-in-out}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .15s ease-in-out}.hover-rotate:hover{transform:rotate(5deg)}.hover-lift{transition:all .15s ease-in-out}.hover-lift:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);transform:translateY(-4px)}.border-gradient{background:#fff;position:relative}.border-gradient:before{background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}.glass{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1)}.glass,.glass-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-dark{background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}@media screen and (max-width:768px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media screen and (max-width:768px){.show-mobile{display:block!important}}.show-desktop{display:none!important}@media screen and (min-width:769px){.show-desktop{display:block!important}}@media print{.footer,.header,.no-print,.pagination{display:none!important}body{padding-top:0}.video-card{-moz-column-break-inside:avoid;break-inside:avoid}}.breadcrumb-nav{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;padding:16px 0}.breadcrumb-nav .breadcrumb-link{align-items:center;color:#6b7280;display:flex;transition:color .2s ease}.breadcrumb-nav .breadcrumb-link:hover{color:#00c9ff}.breadcrumb-nav .breadcrumb-link .breadcrumb-icon{height:16px;margin-right:4px;width:16px}.breadcrumb-nav .separator{align-items:center;color:#9ca3af;display:flex}.breadcrumb-nav .separator svg{height:16px;width:16px}.breadcrumb-nav .breadcrumb-current{color:#333;font-weight:500}