.hero{justify-content:center;align-items:center;width:100vw;height:85vh;min-height:600px;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}@media (max-width:1536px) and (min-width:1025px){.hero{height:80vh;min-height:550px}.hero-logo-image{max-width:550px}.hero-subtitle{letter-spacing:2.5px;font-size:1.2rem}}@media (max-width:1366px) and (min-width:1025px){.hero{height:75vh;min-height:500px}.hero-logo-image{max-width:500px}.hero-subtitle{letter-spacing:2px;font-size:1.15rem}}.hero-video-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overlay{z-index:1;background:#0006;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;color:#fff;position:relative}.hero-subtitle{letter-spacing:3px;margin-bottom:2rem;font-size:1.3rem;font-weight:300}.hero-logo{flex-direction:column;align-items:center;gap:1rem;display:flex}.hero-logo-image{width:100%;max-width:600px;height:auto}@media (max-width:768px){.hero{height:60vh;min-height:400px}.hero-logo-image{max-width:90%}.hero-subtitle{letter-spacing:2px;margin-bottom:1.5rem;font-size:1rem}}
.features{background:#fff;padding:5rem 2rem}.features-container{text-align:center;max-width:1200px;margin:0 auto}.features-heading{color:#333;margin-bottom:1rem;font-size:2.5rem;font-weight:600}.features-description{color:#666;max-width:800px;margin:0 auto 4rem;font-size:1.1rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem;display:grid}.feature-card{text-align:center;padding:2rem}.feature-icon{color:#e63946;justify-content:center;margin-bottom:1.5rem;display:flex}.feature-title{color:#333;letter-spacing:1px;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.feature-text{color:#666;font-size:1rem;line-height:1.6}@media (max-width:768px){.features{padding:3rem 1rem}.features-heading{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:2rem}}
.youtube-feed-section{background-color:#fff;padding:3rem 2rem;position:relative;overflow:hidden}.background-glow{pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#e53e3e05 0%,#e53e3e00 70%);border-radius:50%;width:400px;height:400px;position:absolute}.background-glow.left{top:-50px;left:5%}.background-glow.right{bottom:-50px;right:5%}.youtube-feed-section .container{max-width:1300px;margin:0 auto;position:relative}.youtube-header-modern{text-align:center;margin-bottom:2rem}.latest-badge{color:#4a5568;background:#e53e3e0d;border:1px solid #e53e3e1a;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.section-title-modern{color:#1a202c;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:800;line-height:1.1}.section-title-modern .highlight{color:#e53e3e}.section-subtitle{color:#718096;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.5}.youtube-grid-viewport{width:100%;padding:1rem 0}.youtube-static-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-content:center;gap:1.5rem;display:grid}.youtube-static-grid.short-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.category-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.pagination-controls-modern{align-items:center;gap:1rem;display:flex}.pag-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.pag-btn:hover:not(:disabled){color:#fff;background:#e53e3e;border-color:#e53e3e;transform:translateY(-2px)}.pag-btn:disabled{opacity:.3;cursor:not-allowed}.pag-info{color:#718096;font-size:.9rem;font-weight:600}.youtube-card{background:#fff;border:1px solid #f0f0f0;border-radius:1rem;flex-direction:column;width:100%;transition:all .5s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.youtube-card.short-card{border:none;border-radius:1.25rem;width:100%;box-shadow:0 10px 25px -5px #0000001a}.shorts-icon-badge{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.05em;background:#0009;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:1rem;left:1rem}.shorts-icon-badge svg{color:#ef4444}.shorts-info-overlay{color:#fff;z-index:5;background:linear-gradient(#0000 0%,#0009 50%,#000000e6 100%);flex-direction:column;gap:.5rem;padding:2.5rem 1rem 1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.shorts-title{-webkit-line-clamp:2;text-shadow:0 1px 2px #00000080;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.shorts-stats{align-items:center;gap:.75rem;display:flex}.shorts-stats .stat-item{color:#ffffffe6;font-size:.75rem;font-weight:500}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.25rem))}}.youtube-carousel-track{animation:none!important}.youtube-feed-loading{text-align:center;padding:8rem 2rem}.spinner{border:4px solid #f7fafc;border-top-color:#e53e3e;border-radius:50%;width:50px;height:50px;margin:0 auto 2rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.placeholder-carousel{gap:2.5rem;display:flex;overflow:hidden}.placeholder-card{background:#f7fafc;border-radius:1.25rem;height:380px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:640px){.youtube-header-modern{margin-bottom:3rem}.youtube-card{width:280px}.youtube-feed-section{padding:5rem 1rem}}.video-thumbnail-link{text-decoration:none;display:block}.video-play-trigger{text-align:left;background:0 0;border:0;width:100%;padding:0}.video-thumbnail-container{background:#000;width:100%;position:relative;overflow:hidden}.youtube-card:not(.short-card) .video-thumbnail-container{aspect-ratio:16/9}.youtube-card.short-card .video-thumbnail-container{aspect-ratio:9/16}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.youtube-card:hover .video-thumbnail{transform:scale(1.04)}.video-gradient-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#00000073 100%);position:absolute;inset:0}.video-duration-badge{color:#fff;background:#000000bf;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.5rem;right:.5rem}.video-play-overlay-modern{opacity:0;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.youtube-card:hover .video-play-overlay-modern{opacity:1}.play-button-circle{color:#fff;background:#e53e3ee6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 16px #0000004d}.video-info{flex-direction:column;flex:1;gap:.4rem;padding:.85rem 1rem 1rem;display:flex}.video-title{color:#1a202c;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.52rem;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-title a{color:inherit;text-decoration:none}.video-title a:hover{color:#e53e3e}.video-stats-modern{flex-wrap:wrap;gap:.85rem;display:flex}.stat-item{color:#718096;align-items:center;gap:.3rem;font-size:.78rem;display:flex}.video-upload-date{color:#a0aec0;margin:0;font-size:.75rem}.video-external-link{color:#e53e3e;margin-top:auto;font-size:.8rem;font-weight:600;text-decoration:none}.video-external-link:hover{text-decoration:underline}.yt-row-section{flex-direction:column;gap:1rem;margin-bottom:3.5rem;padding:1.25rem 0;display:flex}.yt-row-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.yt-row-label{min-width:0}.yt-row-label .category-title{color:#1a202c;margin:0;font-size:1.25rem;font-weight:700}.yt-row-controls{flex-shrink:0;align-items:center;gap:.75rem;display:inline-flex}.yt-page-indicator{color:#718096;text-align:center;min-width:3rem;font-size:.85rem;font-weight:600}.pag-btn-side{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.pag-btn-side:hover:not(:disabled){color:#fff;background:#e53e3e;border-color:#e53e3e;transform:scale(1.08);box-shadow:0 4px 8px #e53e3e33}.pag-btn-side:disabled{opacity:.25;cursor:not-allowed;border-color:#f0f0f0}.yt-row-cards{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:1.25rem;display:grid}.videos-row .youtube-card,.shorts-row .youtube-card{width:100%;min-width:0}.shorts-row{grid-template-columns:repeat(5,minmax(140px,1fr));gap:1.5rem}.shorts-row .youtube-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 25px -5px #0003}@media (max-width:968px){.yt-row-header{width:100%}.yt-row-cards{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.videos-row .youtube-card{flex:0 0 280px;width:280px}.shorts-row .youtube-card{flex:0 0 180px;width:180px}}@media (max-width:640px){.yt-row-header{flex-direction:column;align-items:flex-start}.yt-row-controls{align-self:flex-end}.pag-btn-side{width:40px;height:40px}}.youtube-footer-modern{justify-content:center;margin-top:2.5rem;display:flex}.btn-youtube-cta{color:#fff;background:#e53e3e;border-radius:9999px;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn-youtube-cta:hover{background:#c53030;transform:translateY(-2px)}.category-title{color:#1a202c;font-size:1.1rem;font-weight:700}.youtube-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172ae0;justify-content:center;align-items:flex-start;padding:2.5rem 1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.youtube-modal{background:#fff;border-radius:1.5rem;width:min(960px,100%);max-height:fit-content;margin:0 auto;padding:1.5rem;position:relative;box-shadow:0 40px 120px #00000080}.youtube-modal.short-modal{width:min(450px,100%);padding-top:3.5rem}.youtube-modal-close{color:#1f2937;background:#f8fafc;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;top:1rem;right:1rem}.youtube-modal-header{margin-bottom:1rem;padding-right:3rem}.youtube-modal-kicker{letter-spacing:.08em;text-transform:uppercase;color:#e53e3e;margin:0 0 .35rem;font-size:.75rem;font-weight:700}.youtube-modal-header h3{color:#1a202c;margin:0;font-size:clamp(1.1rem,2.5vw,1.55rem);line-height:1.3}.youtube-player-shell{aspect-ratio:16/9;background:#000;border-radius:1rem;width:100%;overflow:hidden}.youtube-player-shell.short-player{aspect-ratio:9/16;max-height:70vh;margin:0 auto}.youtube-player-shell iframe{border:0;width:100%;height:100%}.youtube-modal-link{color:#e53e3e;margin-top:1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.youtube-modal-link:hover{text-decoration:underline}@media (max-width:640px){.youtube-modal-backdrop{padding:1rem}.youtube-modal{border-radius:1.25rem;padding:1rem}.youtube-modal-header{padding-right:2.5rem}}