.video-page{min-height:100vh;background:var(--slate-50)}.video-page .hero{position:relative;padding:8rem 0 6rem;background:var(--slate-900);color:#fff;text-align:center;overflow:hidden}.video-page .hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,#1e293b,#0f172a);opacity:1}.video-page .hero:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.video-page .hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 1.5rem}.video-page .hero h1{font-size:4rem;font-weight:800;margin-bottom:1rem;color:var(--white);letter-spacing:-.03em}.video-page .hero-subtitle{font-size:1.5rem;color:var(--slate-300);font-weight:300;line-height:1.5}.video-page .videos-content{padding:6rem 0}.video-page .intro-text{text-align:center;max-width:800px;margin:0 auto 5rem}.video-page .intro-text p{font-size:1.25rem;line-height:1.8;color:var(--slate-600)}.video-page .highlight{color:var(--primary-pink);font-weight:600}.video-page .video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem}.video-page .video-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--slate-100);transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.video-page .video-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--light-pink)}.video-page .thumbnail-wrapper{position:relative;padding-bottom:56.25%;background:var(--slate-900);cursor:pointer;overflow:hidden}.video-page .thumbnail-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;opacity:.9}.video-page .video-card:hover .thumbnail-wrapper img{transform:scale(1.05);opacity:1}.video-page .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003;transition:background .3s}.video-page .play-btn{width:64px;height:64px;background:#fff3;backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.4)}.video-page .video-card:hover .play-btn{background:var(--primary-pink);border-color:var(--primary-pink);transform:scale(1.1);box-shadow:0 4px 20px #ec489966}.video-page .card-content{padding:1.75rem;flex:1;display:flex;flex-direction:column}.video-page .card-content h3{font-size:1.25rem;font-weight:700;color:var(--slate-900);margin-bottom:.75rem;line-height:1.3}.video-page .card-content p{font-size:.95rem;color:var(--slate-500);margin-bottom:1.5rem;line-height:1.5;flex-grow:1}.video-page .watch-link{background:none;border:none;padding:0;color:var(--slate-900);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:color .2s;margin-top:auto}.video-page .video-card:hover .watch-link{color:var(--primary-pink)}.video-page .video-counter{text-align:center;margin-bottom:2rem;font-size:.95rem;color:var(--slate-500);background:var(--white);display:inline-block;padding:.5rem 1.5rem;border-radius:50px;border:1px solid var(--slate-200);position:relative;left:50%;transform:translate(-50%)}.video-page .video-counter strong{color:var(--primary-pink)}.video-page .pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:4rem}.video-page .page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--slate-200);border-radius:50%;color:var(--slate-600);cursor:pointer;transition:all .2s;font-size:1.2rem;line-height:1}.video-page .page-btn:hover:not(:disabled){border-color:var(--primary-pink);color:var(--primary-pink)}.video-page .page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--slate-50)}.video-page .page-num{width:40px;height:40px;border-radius:12px;background:transparent;border:none;color:var(--slate-600);font-weight:600;cursor:pointer;transition:all .2s}.video-page .page-num:hover{background:var(--slate-100);color:var(--slate-900)}.video-page .page-num.active{background:var(--primary-pink);color:#fff;box-shadow:0 4px 12px #ec48994d}.video-page .video-modal{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;padding:2rem}.video-page .video-modal.active{display:flex}.video-page .modal-backdrop{position:absolute;inset:0;background:#0f172ae6;backdrop-filter:blur(8px)}.video-page .modal-content{position:relative;width:100%;max-width:1000px;z-index:1;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-page .video-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.video-page .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-page .close-button{position:absolute;top:-3rem;right:-1rem;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;transition:transform .2s}.video-page .close-button:hover{transform:scale(1.1);color:var(--primary-pink)}@media(max-width:768px){.video-page .hero h1{font-size:2.5rem}.video-page .video-grid{grid-template-columns:1fr}.video-page .modal-content{width:100%}.video-page .close-button{right:0}}