:root{--blue-600: #2563EB;--blue-700: #1D4ED8;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-900: #111827}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#f5f5f5;color:var(--gray-900)}.app{min-height:100vh;background:#f5f5f5}.header{background:#fff;color:var(--blue-600);padding:1rem 2rem;box-shadow:0 1px 3px #0000001a;border-bottom:1px solid var(--gray-200)}.header h1{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.header .back-btn{background:transparent;border:none;color:var(--blue-600);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;margin-bottom:.5rem;transition:all .2s}.header .back-btn:hover{background:var(--gray-100)}.tabs{display:flex;gap:.5rem;padding:1rem 2rem;background:#fff;border-bottom:1px solid var(--gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:.5rem 1rem;border-radius:6px;border:none;background:transparent;color:var(--gray-600);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.tab.active{background:var(--blue-600);color:#fff}.tab:hover:not(.active){background:var(--gray-100)}.breadcrumb{padding:1rem 2rem;background:#fff;border-bottom:1px solid var(--gray-200);font-size:.875rem;color:var(--blue-600);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb a{color:var(--blue-600);text-decoration:none;cursor:pointer}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin:0 .5rem;color:var(--gray-400)}.container{max-width:1400px;margin:0 auto;padding:2rem}.batches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:2rem}.batch-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:pointer}.batch-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.batch-card img{width:100%;height:200px;object-fit:cover}.batch-card-content{padding:1.5rem}.batch-card h3{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.batch-card p{color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.batch-price{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.price-free{color:#16a34a;font-weight:700;font-size:1.25rem}.price-current{color:var(--gray-900);font-weight:700;font-size:1.25rem}.price-original{color:var(--gray-400);font-size:.875rem;text-decoration:line-through}.price-discount{background:#dcfce7;color:#16a34a;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px}.content-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem 2rem}.item-card{background:#fff;border-radius:8px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d;border:1px solid var(--gray-200)}.item-card:hover{box-shadow:0 2px 8px #0000001a;transform:translate(4px)}.item-icon{font-size:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.item-type-icon{width:2rem;height:2rem;object-fit:contain}.header-icon{vertical-align:middle;margin-right:.4rem;opacity:.9}.tab-icon{vertical-align:middle;margin-right:.35rem}.meta-icon{vertical-align:middle;margin-right:.25rem;opacity:.7}.btn-icon{vertical-align:middle;margin-right:.3rem}.svg-item-icon{display:block}.pdf-color{color:#ef4444}.link-color{color:#3b82f6}.telegram-color{color:#229ed9}.video-thumb-placeholder{width:100%;height:160px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff}.item-content{flex:1;min-width:0}.item-content h4{color:var(--gray-900);font-size:.9375rem;font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-content p{color:var(--gray-500);font-size:.8125rem}.item-arrow{color:var(--gray-400);font-size:1.25rem;flex-shrink:0}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem 2rem}@media (max-width: 768px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:.5rem}}@media (max-width: 480px){.video-grid{grid-template-columns:1fr;gap:.75rem}}.video-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s}.video-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.video-card img{width:100%;height:160px;object-fit:cover}.video-card-content{padding:1rem}.video-card h4{color:var(--gray-900);font-size:.9375rem;font-weight:500;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.turnstile-container{display:flex;justify-content:center;align-items:center;margin:1rem 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90%;width:100%}.video-card p{color:var(--gray-500);font-size:.8125rem;margin-bottom:.25rem}.btn-watch{width:100%;background:var(--blue-600);color:#fff;padding:.625rem;border-radius:6px;border:none;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-watch:hover{background:var(--blue-700)}.btn-pdf{width:100%;background:#f59e0b;color:#fff;border:none;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:background .2s}.btn-pdf:hover{background:#d97706}.video-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.pdf-attach-btn{background:#f59e0b!important;margin-top:.75rem;border-top:1px solid var(--gray-200);padding-top:.75rem!important}.pdf-attach-btn:hover{background:#d97706!important}.btn-primary{background:var(--blue-600);color:#fff;padding:.75rem 1.5rem;border-radius:6px;border:none;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--blue-700)}.section{margin-bottom:2rem}.section h2{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding:0 2rem}.posts-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000014;border:1px solid var(--gray-200)}.post-card img{width:100%;max-height:220px;object-fit:cover}.post-content{padding:1rem}.post-content h4{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.post-content p{font-size:.875rem;color:var(--gray-600);margin:0 0 .5rem;line-height:1.5}.post-date{font-size:.75rem;color:var(--gray-500)}.telegram-list{padding:.5rem 0}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;margin:1rem 2rem;box-shadow:0 1px 3px #0000001a}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:var(--gray-600);font-size:.9375rem}.loading,.error{text-align:center;padding:3rem;font-size:1rem}.loading{color:var(--gray-600)}.error{color:#ef4444}.quality-selector-container{max-width:1200px;margin:0 auto;padding:2rem}.video-info-card{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;text-align:center}.video-thumbnail{width:100%;max-width:600px;height:auto;border-radius:8px;margin-bottom:1.5rem}.video-info-card h2{color:var(--gray-900);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.video-info-card p{color:var(--gray-600);font-size:.9375rem;margin-bottom:.5rem}.quality-options{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.quality-options h3{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quality-card{background:#fff;border:2px solid var(--gray-200);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s}.quality-card:hover{border-color:var(--blue-600);box-shadow:0 4px 12px #3b82f633}.quality-icon{font-size:2.5rem;margin-bottom:.75rem}.quality-card h4{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.quality-card p{color:var(--gray-500);font-size:.8125rem;margin-bottom:1rem}.pdf-info-card{background:#fff;padding:2rem;border-radius:8px;margin:2rem;box-shadow:0 1px 3px #0000001a;text-align:center}.pdf-info-card h2{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:1rem}@media (max-width: 768px){.batches-grid,.content-list,.video-grid{grid-template-columns:1fr;padding:.5rem;gap:.75rem}.container{padding:.5rem}.header{padding:.75rem 1rem}.header h1{font-size:.9375rem}.tabs{padding:.75rem 1rem;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap}.breadcrumb{padding:.75rem 1rem;font-size:.8125rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.section h2{padding:0 1rem;font-size:1rem}.item-card{padding:.875rem 1rem}.item-icon{font-size:1.5rem}.item-content h4{font-size:.875rem}.item-content p{font-size:.75rem}.video-card-content{padding:.75rem}.video-card h4{font-size:.875rem;-webkit-line-clamp:2}.video-card p{font-size:.75rem}.video-card img{height:140px}.btn-watch{padding:.5rem;font-size:.8125rem;margin-top:.5rem}.batch-card-content{padding:1rem}.batch-card h3{font-size:1rem}.batch-card p{font-size:.8125rem}.quality-selector-container,.video-info-card{padding:1rem}.video-info-card h2{font-size:1rem}.quality-options{padding:1rem}.quality-options h3{font-size:1rem}.quality-grid{grid-template-columns:1fr;gap:.75rem}.quality-card{padding:1rem}.quality-icon{font-size:2rem}.quality-card h4{font-size:1rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:2.5rem}.empty-state p{font-size:.875rem}}@media (max-width: 480px){.header h1{font-size:.875rem}.tab{padding:.4rem .6rem;font-size:.75rem}.item-card{padding:.75rem}.item-icon{font-size:1.25rem}.item-content h4{font-size:.8125rem}.video-card img{height:120px}.video-card-content{padding:.625rem}.video-card h4{font-size:.8125rem;-webkit-line-clamp:2}.video-card p{font-size:.6875rem}.btn-watch{padding:.5rem;font-size:.75rem}.batch-card img{height:140px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow:auto}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-start}}.modal-content{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;overflow:auto;position:relative;box-shadow:0 20px 60px #0000004d}@media (max-width: 768px){.modal-content{max-width:100vw;max-height:100vh;width:100vw;height:100vh;border-radius:0;overflow-y:auto;-webkit-overflow-scrolling:touch}}.modal-pdf{width:90vw;height:90vh;max-width:none;display:flex;flex-direction:column}@media (max-width: 768px){.modal-pdf{width:100vw;height:100vh;border-radius:0}}.modal-close{position:absolute;top:1rem;right:1rem;background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.modal-close:hover{background:#000000b3;transform:scale(1.1)}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);background:#fff;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-header h3{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-header .modal-close{position:static;flex-shrink:0}.modal-body{padding:2rem;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.modal-body{padding:1rem;max-height:calc(100vh - 80px)}}@media (max-width: 480px){.modal-body{padding:.75rem}}.image-container{margin-bottom:2rem;text-align:center}.image-container:last-child{margin-bottom:0}.image-container h3{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding:0 1rem;word-wrap:break-word}.modal-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block;margin:0 auto}@media (max-width: 768px){.modal-image{border-radius:4px;max-width:100%;width:100%;height:auto}.image-container h3{font-size:1rem;padding:0 .5rem}.image-container{margin-bottom:1.5rem}}@media (max-width: 480px){.image-container h3{font-size:.9375rem}}.image-date{color:var(--gray-500);font-size:.875rem;margin-top:.75rem}.pdf-iframe-modal{width:100%;flex:1;border:none;border-radius:0 0 12px 12px;min-height:500px}@media (max-width: 768px){.pdf-iframe-modal{border-radius:0;min-height:calc(100vh - 120px)}}@media (max-width: 768px){.modal-overlay{padding:0}.modal-content{max-width:100vw;max-height:100vh;border-radius:0}.modal-pdf{width:100vw;height:100vh;border-radius:0}.modal-body{padding:1rem;max-height:calc(100vh - 80px)}.modal-close{width:40px;height:40px;font-size:1.5rem;top:.5rem;right:.5rem;background:#000000b3}.modal-header{padding:1rem}.modal-header h3{font-size:.9375rem;padding-right:3rem;word-wrap:break-word;width:100%}.modal-image{max-width:100%;border-radius:4px}.image-container{margin-bottom:1.5rem}.image-container h3{font-size:1rem}.pdf-iframe-modal{border-radius:0}}@media (max-width: 480px){.modal-close{width:36px;height:36px;font-size:1.25rem}.modal-header h3{font-size:.875rem}}.sub-tabs{display:flex;gap:.5rem;padding:1rem 2rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.sub-tab.active{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.sub-tab:hover:not(.active){background:var(--gray-100)}@media (max-width: 768px){.sub-tabs{padding:.75rem 1rem;gap:.5rem}.sub-tab{padding:.5rem .875rem;font-size:.8125rem}}@media (max-width: 480px){.sub-tab{padding:.4rem .75rem;font-size:.75rem}}.quality-popup{max-width:320px;padding:0;border-radius:12px}.quality-list{padding:1.5rem}.quality-list h3{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.quality-option{width:100%;background:var(--blue-600);color:#fff;padding:.75rem 1rem;border-radius:8px;border:none;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s;margin-bottom:.625rem;text-align:center}.quality-option:last-child{margin-bottom:0}.quality-option:hover{background:var(--blue-700);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 768px){.quality-popup{max-width:85vw;width:85vw}.quality-list{padding:1.25rem}.quality-list h3{font-size:1rem;margin-bottom:.875rem}.quality-option{padding:.625rem .875rem;font-size:.875rem;margin-bottom:.5rem}}@media (max-width: 480px){.quality-popup{max-width:90vw;width:90vw}.quality-list{padding:1rem}.quality-list h3{font-size:.9375rem}.quality-option{padding:.625rem .75rem;font-size:.8125rem}}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes icon-ping{0%{transform:scale(1);opacity:1}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes icon-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-4px) scale(1.1)}60%{transform:translateY(0) scale(.95)}}@keyframes icon-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}}@keyframes live-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.tab.active .tab-icon,.tab:hover .tab-icon{animation:icon-bounce .4s ease forwards}.item-card:hover .svg-item-icon,.item-card:hover .item-type-icon{animation:icon-bounce .35s ease forwards}.item-card:hover .pdf-color{animation:icon-pulse .5s ease forwards}.item-card:hover .link-color{animation:icon-shake .4s ease forwards}.item-card:hover .telegram-color,.tab:hover .telegram-color{animation:icon-spin-once .5s ease forwards}.tab.active .live-icon,.svg-item-icon.live-color{animation:icon-pulse 1.2s ease-in-out infinite;color:#ef4444}.btn-watch:hover .btn-icon{animation:icon-bounce .3s ease forwards}.btn-pdf:hover .btn-icon{animation:icon-pulse .4s ease forwards}.empty-icon svg,.empty-icon>svg{animation:icon-float 2.5s ease-in-out infinite;opacity:.5}.header-icon{animation:icon-pulse 3s ease-in-out infinite}.tab.active[data-tab=live] .tab-icon{color:#ef4444;filter:drop-shadow(0 0 4px rgba(239,68,68,.6))}.tab-icon,.svg-item-icon,.btn-icon,.meta-icon{transition:color .2s ease,filter .2s ease}@keyframes icon-explode{0%{transform:scale(1) rotate(0);filter:brightness(1)}25%{transform:scale(1.5) rotate(-15deg);filter:brightness(1.8) drop-shadow(0 0 8px currentColor)}50%{transform:scale(.85) rotate(10deg);filter:brightness(1.4)}75%{transform:scale(1.3) rotate(-5deg);filter:brightness(1.6) drop-shadow(0 0 12px currentColor)}to{transform:scale(1) rotate(0);filter:brightness(1)}}@keyframes icon-slam{0%{transform:scale(1) translateY(0)}20%{transform:scale(1.6) translateY(-12px)}50%{transform:scale(.8) translateY(4px)}70%{transform:scale(1.2) translateY(-4px)}to{transform:scale(1) translateY(0)}}@keyframes icon-glitch{0%{transform:translate(0);filter:none}10%{transform:translate(-4px,2px);filter:hue-rotate(90deg) brightness(2)}20%{transform:translate(4px,-2px);filter:hue-rotate(180deg)}30%{transform:translate(-2px,4px);filter:hue-rotate(270deg) brightness(1.5)}40%{transform:translate(2px,-4px);filter:none}50%{transform:translate(-3px,1px);filter:hue-rotate(45deg) brightness(2)}60%{transform:translate(3px,-1px);filter:none}to{transform:translate(0);filter:none}}@keyframes icon-neon-pulse{0%,to{filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 4px currentColor);transform:scale(1)}50%{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor) drop-shadow(0 0 24px currentColor);transform:scale(1.15)}}@keyframes icon-rubber{0%{transform:scale(1)}15%{transform:scale(1.4,.6)}30%{transform:scale(.75,1.25)}45%{transform:scale(1.2,.85)}60%{transform:scale(.9,1.1)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes icon-swing{0%{transform:rotate(0);transform-origin:top center}20%{transform:rotate(25deg);transform-origin:top center}40%{transform:rotate(-20deg);transform-origin:top center}60%{transform:rotate(15deg);transform-origin:top center}80%{transform:rotate(-10deg);transform-origin:top center}to{transform:rotate(0);transform-origin:top center}}@keyframes icon-fire{0%,to{transform:scale(1) rotate(-3deg);filter:drop-shadow(0 0 4px #f97316) drop-shadow(0 0 8px #ef4444)}25%{transform:scale(1.2) rotate(3deg);filter:drop-shadow(0 0 8px #fbbf24) drop-shadow(0 0 16px #f97316)}50%{transform:scale(.95) rotate(-2deg);filter:drop-shadow(0 0 12px #ef4444) drop-shadow(0 0 20px #dc2626)}75%{transform:scale(1.15) rotate(2deg);filter:drop-shadow(0 0 6px #fbbf24) drop-shadow(0 0 12px #f97316)}}@keyframes icon-electric{0%,to{filter:drop-shadow(0 0 0px transparent);transform:scale(1)}10%{filter:drop-shadow(0 0 6px #60a5fa) drop-shadow(0 0 12px #3b82f6);transform:scale(1.1) skew(-5deg)}20%{filter:drop-shadow(0 0 2px transparent);transform:scale(1) skew(0)}30%{filter:drop-shadow(0 0 10px #a78bfa) drop-shadow(0 0 20px #7c3aed);transform:scale(1.2) skew(5deg)}40%{filter:drop-shadow(0 0 2px transparent);transform:scale(1) skew(0)}60%{filter:drop-shadow(0 0 8px #60a5fa) drop-shadow(0 0 16px #2563eb);transform:scale(1.05)}to{filter:drop-shadow(0 0 0px transparent);transform:scale(1)}}@keyframes header-wave{0%{transform:rotate(0) scale(1);filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}15%{transform:rotate(-20deg) scale(1.3);filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}30%{transform:rotate(15deg) scale(1.1);filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}45%{transform:rotate(-10deg) scale(1.2)}60%{transform:rotate(8deg) scale(1.05)}to{transform:rotate(0) scale(1);filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}}.header-icon{animation:header-wave 2.5s ease-in-out infinite!important;cursor:pointer}.tab.active .tab-icon{animation:icon-rubber .6s cubic-bezier(.36,.07,.19,.97) forwards!important}.tab:hover .tab-icon{animation:icon-slam .5s cubic-bezier(.36,.07,.19,.97) forwards!important}.tab .tab-icon.live-tab-icon{animation:icon-fire 1s ease-in-out infinite!important}.item-card:hover .svg-item-icon{animation:icon-explode .5s ease forwards!important}.item-card:hover .item-type-icon{animation:icon-slam .4s ease forwards!important}.item-card:hover .pdf-color{animation:icon-electric .6s ease forwards!important}.item-card:hover .link-color{animation:icon-glitch .5s ease forwards!important}.item-card:hover .telegram-color{animation:icon-swing .6s ease forwards!important}.btn-watch:hover .btn-icon{animation:icon-rubber .5s ease forwards!important}.btn-pdf:hover .btn-icon{animation:icon-electric .5s ease forwards!important}.empty-icon svg{animation:icon-neon-pulse 1.8s ease-in-out infinite!important}.btn-watch .btn-icon{animation:icon-pulse 1.5s ease-in-out infinite;color:#fff}@keyframes mega-bounce{0%{transform:scale(1) translateY(0) rotate(0)}10%{transform:scale(1.6) translateY(-20px) rotate(-15deg)}25%{transform:scale(.7) translateY(8px) rotate(10deg)}40%{transform:scale(1.4) translateY(-12px) rotate(-8deg)}55%{transform:scale(.85) translateY(4px) rotate(5deg)}70%{transform:scale(1.2) translateY(-6px) rotate(-3deg)}85%{transform:scale(.95) translateY(2px) rotate(1deg)}to{transform:scale(1) translateY(0) rotate(0)}}@keyframes icon-3d-flip{0%{transform:perspective(400px) rotateY(0) scale(1)}40%{transform:perspective(400px) rotateY(180deg) scale(1.3);filter:brightness(2) drop-shadow(0 0 12px currentColor)}to{transform:perspective(400px) rotateY(360deg) scale(1)}}@keyframes icon-morph-glow{0%{filter:drop-shadow(0 0 0px transparent);transform:scale(1)}20%{filter:drop-shadow(0 0 6px #f59e0b) drop-shadow(0 0 12px #ef4444);transform:scale(1.25) rotate(5deg)}40%{filter:drop-shadow(0 0 12px #8b5cf6) drop-shadow(0 0 24px #3b82f6);transform:scale(.9) rotate(-5deg)}60%{filter:drop-shadow(0 0 8px #10b981) drop-shadow(0 0 16px #06b6d4);transform:scale(1.2) rotate(3deg)}80%{filter:drop-shadow(0 0 4px #f59e0b);transform:scale(.95) rotate(-2deg)}to{filter:drop-shadow(0 0 0px transparent);transform:scale(1) rotate(0)}}@keyframes ripple-out{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes card-pop{0%{transform:scale(1) translateY(0);box-shadow:0 2px 8px #0000001a}40%{transform:scale(1.04) translateY(-6px);box-shadow:0 16px 40px #3b82f659}70%{transform:scale(1.02) translateY(-3px);box-shadow:0 10px 24px #3b82f633}to{transform:scale(1.03) translateY(-4px);box-shadow:0 12px 32px #3b82f640}}@keyframes card-tap{0%{transform:scale(1)}30%{transform:scale(.94)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shimmer-slide{0%{background-position:-200% center}to{background-position:200% center}}@keyframes tab-active-pop{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.12) translateY(-4px)}60%{transform:scale(.96) translateY(1px)}to{transform:scale(1.05) translateY(-2px)}}@keyframes btn-press{0%{transform:scale(1) translateY(0);box-shadow:0 4px 15px #3b82f666}40%{transform:scale(.93) translateY(3px);box-shadow:0 1px 4px #3b82f633}70%{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px #3b82f680}to{transform:scale(1) translateY(0);box-shadow:0 4px 15px #3b82f666}}@keyframes rainbow-border{0%{border-color:#ef4444;box-shadow:0 0 8px #ef4444}16%{border-color:#f97316;box-shadow:0 0 8px #f97316}33%{border-color:#eab308;box-shadow:0 0 8px #eab308}50%{border-color:#22c55e;box-shadow:0 0 8px #22c55e}66%{border-color:#3b82f6;box-shadow:0 0 8px #3b82f6}83%{border-color:#8b5cf6;box-shadow:0 0 8px #8b5cf6}to{border-color:#ef4444;box-shadow:0 0 8px #ef4444}}@keyframes page-enter{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stagger-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.vp-root{height:100vh;height:100dvh;background:#000;display:flex;flex-direction:column;color:#fff}.vp-header{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#000000e6;border-bottom:1px solid rgba(255,255,255,.08);z-index:10;flex-shrink:0}.vp-header h1{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:0;background:#000}.vp-video{width:100%;height:100%;max-height:100vh;max-height:100dvh;object-fit:contain;display:none}.vp-video-visible{display:block}.vp-placeholder{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#0000004d}.vp-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4}.vp-play-overlay{position:relative;z-index:2;background:#00000080;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.vp-placeholder:hover .vp-play-overlay{transform:scale(1.1)}.vp-play-icon{color:#fff;margin-left:4px}.vp-start-text{position:relative;z-index:2;margin-top:.75rem;color:#ffffffb3;font-size:.8125rem}.vp-download-btn-wrap{position:absolute;top:.75rem;right:.75rem;z-index:10}.vp-dl-btn{width:auto!important;padding:.4rem .75rem!important;background:#0009!important;border:1px solid rgba(255,255,255,.2)!important;font-size:.75rem!important;margin-top:0!important}.vp-dl-btn:hover{background:#000c!important}.vp-error{text-align:center;padding:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;max-width:85vw;width:360px}.vp-error p{color:#ef4444;font-size:.875rem;word-break:break-word}.vp-gesture{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0000008c;color:#fff;font-size:1.25rem;font-weight:700;padding:.75rem 1.25rem;border-radius:8px;z-index:20;pointer-events:none;animation:gesture-pop .7s ease-out forwards}@keyframes gesture-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.85)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.shaka-video-container{width:100%!important;height:100%!important}.shaka-text-container{display:none}.shaka-bottom-controls{padding-bottom:0!important}.shaka-controls-button-panel{padding:0 .5rem!important}.shaka-volume-bar-container{width:60px!important}@media (min-width: 600px){.vp-header{padding:.6rem 1rem}.vp-header h1{font-size:1rem}.vp-play-overlay{width:100px;height:100px}.vp-start-text{font-size:.875rem}.vp-error{padding:2rem;max-width:400px}.vp-error p{font-size:.9375rem}}@media (min-width: 1024px){.vp-header{padding:.75rem 1.5rem}.vp-header h1{font-size:1.125rem}.vp-play-overlay{width:120px;height:120px}.vp-dl-btn{padding:.5rem 1rem!important;font-size:.8125rem!important}.shaka-volume-bar-container{width:80px!important}}@keyframes live-broadcast{0%,to{filter:drop-shadow(0 0 4px #ef4444) drop-shadow(0 0 8px #ef4444);transform:scale(1)}25%{filter:drop-shadow(0 0 12px #f97316) drop-shadow(0 0 24px #ef4444) drop-shadow(0 0 36px #dc2626);transform:scale(1.3) rotate(-5deg)}50%{filter:drop-shadow(0 0 6px #fbbf24) drop-shadow(0 0 16px #ef4444);transform:scale(.9) rotate(5deg)}75%{filter:drop-shadow(0 0 10px #ef4444) drop-shadow(0 0 20px #dc2626);transform:scale(1.2) rotate(-3deg)}}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.app{animation:page-enter .4s cubic-bezier(.22,1,.36,1) both}.item-card{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .2s ease;cursor:pointer;position:relative;overflow:hidden}.item-card:hover{animation:card-pop .35s cubic-bezier(.34,1.56,.64,1) forwards}.item-card:active{animation:card-tap .2s ease forwards!important}.item-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(59,130,246,.25) 0%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .3s,transform .4s;pointer-events:none}.item-card:active:after{opacity:1;transform:scale(2);transition:0s}.batch-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:pointer;position:relative;overflow:hidden}.batch-card:hover{transform:scale(1.04) translateY(-6px) rotate(.5deg);box-shadow:0 20px 50px #3b82f64d,0 0 0 2px #3b82f633}.batch-card:active{transform:scale(.96) translateY(2px);transition:transform .1s}.batch-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity .3s;pointer-events:none;z-index:1}.batch-card:hover:before{opacity:1;animation:shimmer-slide .8s ease forwards}.video-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:pointer}.video-card:hover{transform:scale(1.03) translateY(-5px);box-shadow:0 16px 40px #3b82f640}.video-card:active{transform:scale(.97);transition:transform .1s}.content-list .item-card:nth-child(1){animation:stagger-in .3s .05s both}.content-list .item-card:nth-child(2){animation:stagger-in .3s .1s both}.content-list .item-card:nth-child(3){animation:stagger-in .3s .15s both}.content-list .item-card:nth-child(4){animation:stagger-in .3s .2s both}.content-list .item-card:nth-child(5){animation:stagger-in .3s .25s both}.content-list .item-card:nth-child(6){animation:stagger-in .3s .3s both}.content-list .item-card:nth-child(n+7){animation:stagger-in .3s .35s both}.tab{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s ease,color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.tab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #3b82f64d}.tab:active{transform:scale(.93) translateY(1px);transition:transform .1s}.tab.active{animation:tab-active-pop .4s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 4px 16px #3b82f666}.tab.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);background-size:200% 100%;animation:shimmer-slide 1.5s ease infinite;pointer-events:none}.btn-watch{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .2s ease;position:relative;overflow:hidden}.btn-watch:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 8px 24px #3b82f680}.btn-watch:active{animation:btn-press .3s ease forwards}.btn-pdf{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.btn-pdf:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 8px 24px #f59e0b80}.btn-pdf:active{transform:scale(.94);transition:transform .1s}.item-card:hover .svg-item-icon{animation:mega-bounce .7s cubic-bezier(.36,.07,.19,.97) forwards!important}.item-card:hover .pdf-color{animation:icon-3d-flip .6s ease forwards!important}.item-card:hover .link-color{animation:icon-morph-glow .6s ease forwards!important}.item-card:hover .telegram-color{animation:icon-3d-flip .5s ease forwards!important}.item-card:hover .item-type-icon{animation:mega-bounce .6s ease forwards!important}.live-tab-icon{animation:live-broadcast 1.2s ease-in-out infinite!important}.tab:hover .tab-icon{animation:icon-3d-flip .5s ease forwards!important}.tab.active .tab-icon{animation:mega-bounce .6s ease forwards!important}.header-icon{animation:live-broadcast 2s ease-in-out infinite!important}.empty-icon svg{animation:icon-morph-glow 2s ease-in-out infinite!important}.tab.active{border:2px solid #3b82f6;animation:rainbow-border 2s linear infinite,tab-active-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}@media (max-width: 768px){.item-card{min-height:64px;-webkit-tap-highlight-color:transparent}.item-card:active{transform:scale(.96)!important;background:#3b82f614!important;transition:transform .1s,background .1s!important}.batch-card:active{transform:scale(.95)!important;transition:transform .1s!important}.btn-watch:active,.btn-pdf:active{transform:scale(.92)!important;transition:transform .1s!important}.tab:active{transform:scale(.9)!important;transition:transform .1s!important}.video-card{animation:float-card 3s ease-in-out infinite}.video-card:nth-child(2){animation-delay:.5s}.video-card:nth-child(3){animation-delay:1s}.video-card:nth-child(4){animation-delay:1.5s}}