@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&family=Source+Code+Pro:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;1,300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.noir-text{font-size:60px}@media (max-width:768px){.noir-text{font-size:26px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about-container{background-color:#000;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;justify-content:space-between;padding:10px;position:relative}.about-container-1{grid-area:about-container-1;margin-bottom:1rem}.about-container-1 h1{color:gray;font-size:2rem;letter-spacing:7px;margin-bottom:2rem;margin-top:1rem;text-align:center}.about-container-2{display:flex;font-size:1.7rem;grid-area:about-container-2;margin-bottom:2rem;padding-left:1em}.about-container-2 p{color:hsla(0,0%,100%,.858);font-size:2rem;letter-spacing:.3rem;line-height:2.7rem}@media(max-width:750px){.about-container{padding:5px}.about-container-2{padding-left:0}.about-container-2 p{font-size:1.5rem}}@media(max-width:420px){.about-container-2 p{font-size:1.2rem}}.container-form{background-color:#fff;display:none;gap:0 5px;grid-auto-flow:row;grid-template-areas:"container-form-1 container-form-2 container-form-2" "container-form-1 container-form-2 container-form-2" "container-form-1 container-form-2 container-form-2";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;margin:auto auto 20px;position:relative;width:85%}.container-form-2{grid-area:container-form-2;position:relative}.container-form-2 form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;margin-left:3em;margin-top:20px}.container-form-2 form button,.container-form-2 form input,.container-form-2 form textarea{border:1px solid #000;border-radius:5px;outline:none;padding:15px;width:350px}.container-form-2 form input::-webkit-input-placeholder,.container-form-2 form textarea::-webkit-input-placeholder{color:gray;font-family:Open Sans,sans-serif;font-size:16px;letter-spacing:2px}.container-form-2 form input::placeholder,.container-form-2 form textarea::placeholder{color:gray;font-family:Open Sans,sans-serif;font-size:16px;letter-spacing:2px}.container-form-2 form input:focus,.container-form-2 form textarea:focus{background-color:#000;color:#fff;transition:.3s ease-in}.container-form-2 form input,textarea{font-size:1.8rem}.container-form-2 form input:focus::-webkit-input-placeholder,.container-form-2 form textarea:focus::-webkit-input-placeholder{color:#ebdede}.container-form-2 form input:focus::placeholder,.container-form-2 form textarea:focus::placeholder{color:#ebdede}#form-close{cursor:pointer;position:absolute;right:0;top:0;width:50px;z-index:5}.container-form-2 form button{background-color:#000;border:none;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:16px;letter-spacing:2px;outline:none}.container-form-1{grid-area:container-form-1}@media (max-width:1162px){.container-form-1 img{width:400px}.container-form-2 form button,.container-form-2 form input,.container-form-2 form textarea{margin-right:25px;width:100%}}@media (max-width:900px){.container-form{grid-template-areas:"container-form-1 container-form-1 container-form-1" "container-form-2 container-form-2 container-form-2" "container-form-2 container-form-2 container-form-2"}.container-form-1 img{height:350px;width:100%}.container-form-2{width:100%}}.main-container{grid-gap:0 0;color:#fff;display:grid;font-family:Montserrat,sans-serif;gap:0 0;grid-auto-flow:row;grid-template-areas:"digital-container-1 digital-container-1" "digital-container-1 digital-container-1" "digital-container-2 digital-container-3";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;margin-bottom:1rem;position:relative;width:100%;z-index:1000}.digital-container-1{align-items:center;color:#fff;display:flex;flex-direction:column;grid-area:digital-container-1;justify-content:space-evenly;text-align:center;width:100%}.digital-container-1 h2{color:gray;font-size:17px;font-weight:700;letter-spacing:7px}.digital-container-1 h3{color:#f3e1e1;font-size:6rem;letter-spacing:4px}.digital-container-2{grid-area:digital-container-2;text-align:center}.digital-container-2 .digital-logo,.digital-container-3 .digital-logo{margin-bottom:10px;width:250px}.social-icons{align-items:center;display:flex;justify-content:center;margin-top:1rem}.digital-container-2 .social-icons i,.digital-container-3 .social-icons i{color:#a7a1a1;cursor:pointer;margin-right:20px}.digital-container-2 .social-icons i:hover,.digital-container-3 .social-icons i:hover{color:#fff}.digital-container-3{grid-area:digital-container-3;text-align:center}@media (max-width:600px){.digital-container-2{margin-bottom:5em}.digital-container-1 h2{font-size:17px}.digital-container-1 h3{font-size:6rem}}@media (max-width:386px){.digital-container-1 h2{font-size:1.9rem}.digital-container-1 h3{font-size:5rem}}@media (max-width:300px){.digital-container-1 h3{font-size:2rem}.digital-container-2{margin-bottom:1rem!important}.digital-container-2 .digital-logo,.digital-container-3 .digital-logo{margin-bottom:5px;width:100px}}@media (max-width:700px){.digital-container-1 h3{font-size:5rem}.digital-container-2{margin-bottom:1rem!important}.digital-container-2 .digital-logo,.digital-container-3 .digital-logo{margin-bottom:5px;width:100px}}html{font-size:62.8%}.footer-container{background-color:#000;color:#ece7e7;color:#fff;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;justify-content:space-between;margin-top:2rem}.footer-container-2{grid-area:footer-container-2;margin-bottom:1.7rem;text-align:center}.footer-container-2 h2,.footer-container-2 h3{letter-spacing:2px}.footer-container-2 h2,.footer-container-2 h3{font-size:1.5rem}.footer-container-3{grid-area:footer-container-3;margin-bottom:2rem;text-align:center}.footer-container-3 h4{font-size:1.5rem}.footer-container-3 h4 i{color:skyblue;margin-right:5px}.footer-container-3 h4 a{color:#fff;text-decoration:none}.footer-container-4{align-items:center;display:flex;grid-area:footer-container-4;justify-content:center;margin-top:2rem}.footer-container-4 div{margin-right:2rem}.footer-container-4 i{color:#bdb0b0;cursor:pointer;transition:.5s ease-in-out}.footer-container i:hover{color:#fff;-webkit-transform:translateZ(90px);transform:translateZ(90px)}.scroll-anim i{color:#bdb0b0;cursor:pointer;transition:.5s ease-in-out}.scroll-anim{display:block;height:55px;overflow:hidden;text-align:center;transition:all .6s ease-in-out;width:50px}.scroll-anim .i-1,.scroll-anim .i-2{height:60px;width:50px}.scroll-anim:hover .i-1,.scroll-anim:hover .i-2{-webkit-transform:translateY(-60px);transform:translateY(-60px)}.gif-container div{aspect-ratio:16/9;cursor:pointer;max-width:100%;overflow:hidden;position:relative}.gif-container div img{height:100%;width:100%}.gif-container{grid-gap:5px 5px;display:grid;gap:5px 5px;grid-auto-flow:row;grid-template-areas:"gif-container-1 gif-container-1 gif-container-2 gif-container-3" "gif-container-1 gif-container-1 gif-container-4 gif-container-5" "gif-container-6 gif-container-8 gif-container-8 gif-container-9" "gif-container-7 gif-container-8 gif-container-8 gif-container-10";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;margin-bottom:2rem;position:relative}.gif-container-1{grid-area:gif-container-1}.gif-container-2{grid-area:gif-container-2}.gif-container-3{grid-area:gif-container-3}.gif-container-4{grid-area:gif-container-4}.gif-container-5{grid-area:gif-container-5}.gif-container-6{grid-area:gif-container-6}.gif-container-7{grid-area:gif-container-7}.gif-container-8{grid-area:gif-container-8}.gif-container-9{grid-area:gif-container-9}.gif-container-10{grid-area:gif-container-10}.gif-label{align-items:center;background-color:#413a3a;bottom:-4rem;color:#fff;display:flex;font-family:Open Sans;font-size:1.2rem;height:3rem;justify-content:center;letter-spacing:1px;overflow:hidden;position:absolute;text-transform:uppercase;transition:bottom .2s ease-in-out;visibility:hidden;width:100%;z-index:500}.gif-container div:hover .gif-label{bottom:-1rem;visibility:visible}@media (max-width:530px){.gif-container{grid-template-areas:"gif-container-1" "gif-container-2" "gif-container-3" "gif-container-4" "gif-container-5" "gif-container-6" "gif-container-7" "gif-container-8" "gif-container-9" "gif-container-10";grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;row-gap:1rem}.gif-container div{cursor:pointer}}.loading-screen{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease-out;width:100vw;z-index:999999}.loading-screen img{height:100%!important;height:auto;width:100%!important;width:auto}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#000;font-family:Open Sans,sans-serif;padding:25px}.imgs{aspect-ratio:16/9;max-width:100%}#overlay{background-color:rgba(0,0,0,.9);bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;transition:all .2s;width:100%;z-index:99999}#pop-up{background-color:#000;box-shadow:0 .5rem 2rem #fff;color:#fff;display:flex;font-size:3.2rem;height:auto;justify-content:space-between;left:50%;max-width:95%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px}@media screen and (max-width:600px){#popup{margin:0 1rem;width:100%}}#close-container{cursor:pointer;display:block;height:1.1rem;margin-left:auto;position:absolute;right:10px;text-align:center;top:4px;width:1.3rem}.fa-xmark{font-size:1.2rem;position:absolute}.container{display:flex;gap:1rem;margin:0;padding:0;width:100%}.image-container{width:50%}.image-container img{height:auto;width:100%}.content-container{display:flex;flex-direction:column;justify-content:center;padding-left:1rem;padding-right:1rem;width:50%}.card-title{font-size:1.8rem!important;margin-bottom:1.5rem}.content-container h1{font-size:3.2rem}.b{background-color:#000!important;border-color:#fff!important;font-size:1.2rem;letter-spacing:1px}.b:hover{background-color:#fff!important;color:#000!important}.recent-heading{margin:3rem 0}#nafo{font-size:4rem}#film,#international{font-size:2.8rem}#kuwait,#year{color:#f85050;font-size:4rem}#link{border:1px solid #fff;border-radius:5px;color:#fff;font-size:1.6rem;letter-spacing:2px;padding:7px 2px;text-align:center;text-decoration:none;width:90%}#link:hover{background-color:#fff;color:#000;transition:.5s cubic-bezier(.075,.82,.165,1)}@font-face{font-family:brands;src:url(/static/media/PointpantherdemoBold-X32lP.54d723700180f7d9385d.otf)}.recent-section{display:flex;font-family:Open Sans,sans-serif;justify-content:space-between;width:100%}.recent-section .recent-div{display:flex;gap:1rem;position:relative;width:50%}.recent-section .card{background-color:#000;border-color:#fff;border-radius:5px;width:48%}.recent-section .card-body h5{color:#fff;font-size:2.5rem}.recent-section .card-body p{color:#fff;font-size:1.2rem}.recent-section .card-body a{font-size:1.2rem}@media(max-width:800px){.recent-section{flex-direction:column;gap:1rem}.recent-section .recent-div{display:flex;gap:1rem;width:100%}}@media(max-width:450px){.recent-section .recent-div{flex-direction:column;gap:1rem;width:100%}.recent-section .card{width:100%}}.magazine{position:relative}.brand-heading{margin-left:5rem;width:400px}.magazine-container{display:flex;gap:5rem;justify-content:space-evenly;margin-bottom:4rem;margin-top:4rem}.magazine-1{display:flex;flex-direction:column;gap:2rem;justify-content:space-between;width:30%}.magazine-1 div img{height:auto;width:100%}.magazine-photos{border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.magazine-photos:hover{box-shadow:0 20px 40px rgba(0,0,0,.3);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.magazine-photos img{-webkit-filter:brightness(.9);filter:brightness(.9);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.magazine-photos:hover img{-webkit-filter:brightness(.7);filter:brightness(.7);-webkit-transform:scale(1.05);transform:scale(1.05)}.magazine-photos h4{bottom:2rem;color:#fff;font-size:2.5rem;font-weight:700;left:2rem;letter-spacing:1px;opacity:1;position:absolute;text-shadow:2px 2px 4px rgba(0,0,0,.5);-webkit-transform:translateY(0);transform:translateY(0);transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:5}.magazine-photos:hover h4{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.magazine-photos p{bottom:-5rem;color:#fff;font-family:Open Sans,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:1px;line-height:1.6;opacity:0;padding:1em;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.7);-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:3}.magazine-photos:hover p{bottom:-1rem;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.magazine-photos i{bottom:0;color:#fff;display:none;font-size:1.3rem;opacity:0;position:absolute;right:2px;text-decoration:underline;-webkit-transform:translateX(20px);transform:translateX(20px);transition:all .3s ease}.magazine-photos:hover i{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.magazine-photos:before{background:linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.3));bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:2}.magazine-photos:hover:before{opacity:1}@media (min-width:769px){.magazine-photos{margin:.5rem}.magazine-photos:hover{box-shadow:0 25px 50px rgba(0,0,0,.4);-webkit-transform:translateY(-12px) scale(1.02);transform:translateY(-12px) scale(1.02)}.magazine-photos:hover img{-webkit-transform:scale(1.08);transform:scale(1.08)}.magazine-photos:after{-webkit-animation:gradientShift 3s ease infinite;animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 400%;border-radius:10px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.magazine-photos:hover:after{opacity:.3}.magazine-photos h4{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.magazine-photos:hover h4{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.magazine-photos p{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.3);border-radius:8px;margin:0 1rem}}@-webkit-keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.magazine-2{display:flex;flex-direction:column;gap:2rem;justify-content:space-between;margin-top:5rem;width:30%}.magazine-2 div img{height:auto;width:100%}@media(max-width:800px){.magazine-container{align-items:center;flex-direction:column}.magazine-1,.magazine-2{width:70%}.magazine-photos p{font-size:1rem}.magazine-photos i{display:block}.magazine-photos i:focus{display:none}}@media(max-width:450px){.magazine-photos p{font-size:.75rem}.magazine-photos h4{font-size:1.8rem}}@media(max-width:550px){.brand-heading{width:250px}}@media(max-width:400px){.brand-heading{margin-left:0;width:170px}}@media(max-width:280px){.magazine-photos p{font-size:.45rem}.magazine-photos h4{font-size:1.3rem}}@media(max-width:500px){.content-container h1{font-size:2rem}#nafo{font-size:3rem}#film,#international{font-size:2rem}#kuwait,#year{color:#f85050;font-size:3rem}#link{font-size:1.2rem}.content-container h1{font-size:1.5rem}#nafo{font-size:2rem}#film,#international{font-size:1.5rem}#kuwait,#year{font-size:2rem}#link{font-size:1rem;width:100%}}@media(max-width:280px){.content-container h1{font-size:1rem}#nafo{font-size:1.3rem}#film,#international{font-size:1rem}#kuwait,#year{font-size:1.2rem}#link{font-size:.7rem;width:100%}}.nav-link{font-size:1.5rem;margin-right:.5rem}.clients,.social{color:#fff!important;text-align:center;width:100%}.navbar{border:1px solid #000;box-shadow:5px 5px 5px #000;z-index:2}.marquee{overflow:hidden;padding:4rem 0;position:relative}.marquee:before{top:0}.marquee:after,.marquee:before{background:linear-gradient(90deg,transparent,#ffffff20,transparent);content:"";height:1px;left:0;position:absolute;right:0}.marquee:after{bottom:0}.marquee .clients h2{color:#fff;font-size:2.4rem;font-weight:300;letter-spacing:8px;margin-bottom:3rem;margin-top:2rem;position:relative;text-shadow:0 0 20px hsla(0,0%,100%,.3);text-transform:uppercase}.marquee .clients h2:after{bottom:-10px;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px}.clients-container{margin:0 auto;max-width:1200px;padding:0 2rem}.clients-container div{align-items:center;display:flex;gap:2rem;justify-content:space-around;margin-bottom:3rem}.clients-container div img{cursor:pointer;height:auto;opacity:.7;transition:all .3s ease;width:120px}.clients-container div img:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.clients-container .prill{justify-content:center}.clients-container .prill img{width:100px}#whatsapp{border-radius:50%;bottom:10px;color:#fff;cursor:pointer;margin-bottom:0;position:fixed;right:30px;width:45px;z-index:5}@media (max-width:768px){.marquee .clients h2{font-size:2rem;letter-spacing:6px}.clients-container{padding:0 1rem}.clients-container div{gap:1.5rem;margin-bottom:2.5rem}.clients-container div img{width:90px}.clients-container .prill img{width:80px}}@media (max-width:550px){.marquee .clients h2{font-size:1.8rem;letter-spacing:4px}.clients-container div{gap:1rem;margin-bottom:2rem}.clients-container div img{width:70px}.clients-container .prill img{width:60px}}@media (max-width:400px){.marquee .clients h2{font-size:1.6rem;letter-spacing:3px}.clients-container div{gap:.8rem;margin-bottom:1.5rem}.clients-container div img{width:50px}.clients-container .prill img{width:45px}.big{width:10px}}@media (max-width:350px){.marquee .clients h2{font-size:1.4rem;letter-spacing:2px}.clients-container div img{width:35px}.clients-container .prill img{width:30px}}@media (max-width:768px){.grid-container{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:auto!important;padding:16px!important}.grid-container>div{aspect-ratio:1/1}}@media (max-width:480px){.grid-container{gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding:12px!important}.grid-container>div{min-height:120px}}.video-page{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);box-sizing:border-box;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.video-card{-webkit-animation:cardAppear .6s ease-out;animation:cardAppear .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.05);max-width:900px;overflow:hidden;width:100%}@-webkit-keyframes cardAppear{0%{opacity:0;-webkit-transform:scale(.9) translateY(20px);transform:scale(.9) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes cardAppear{0%{opacity:0;-webkit-transform:scale(.9) translateY(20px);transform:scale(.9) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.card-header{background:hsla(0,0%,100%,.02);border-bottom:1px solid hsla(0,0%,100%,.1);justify-content:space-between;padding:24px 32px}.card-header,.close-button{align-items:center;display:flex}.close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;height:44px;justify-content:center;transition:all .3s ease;width:44px}.close-button:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.video-info{flex:1 1;margin-left:20px}.video-info h1{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.video-info p{color:#a0a0a0;font-size:.95rem;font-weight:400;margin:0}.video-container{align-items:center;background:#000;display:flex;justify-content:center;min-height:400px;position:relative;width:100%}.video-element{cursor:pointer;display:block;height:auto;max-height:70vh;max-width:100%;object-fit:contain;width:auto}.error-overlay,.loading-overlay{align-items:center;background:rgba(0,0,0,.8);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:15px;width:40px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.error-overlay p{font-size:16px;margin-bottom:15px}.error-overlay button{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.error-overlay button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.video-controls{background:linear-gradient(transparent,rgba(0,0,0,.9));bottom:0;left:0;opacity:1;padding:20px;position:absolute;right:0;transition:opacity .3s ease}.muted-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.7);border-radius:6px;color:#fff;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;position:absolute;right:20px;top:20px}.muted-indicator,.progress-bar{align-items:center;display:flex}.progress-bar{gap:15px;margin-bottom:15px}.progress-slider{appearance:none;-webkit-appearance:none;background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.progress-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;height:16px;width:16px}.progress-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;height:16px;width:16px}.time-display{color:#ccc;font-size:12px;font-weight:500;min-width:80px;text-align:right}.controls-main{gap:20px}.control-button,.controls-main{align-items:center;display:flex}.control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;justify-content:center;transition:all .3s ease;width:40px}.control-button:hover{background:hsla(0,0%,100%,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.volume-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:20px;gap:10px;padding:8px 12px}.mute-button,.volume-control{align-items:center;display:flex}.mute-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;justify-content:center;padding:4px;transition:all .3s ease}.mute-button:hover{background:hsla(0,0%,100%,.1)}.volume-slider{appearance:none;-webkit-appearance:none;background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer;height:3px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}@media (max-width:768px){.video-page{padding:15px}.video-card{border-radius:16px}.video-container{min-height:300px}.video-element{max-height:60vh}.card-header{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.video-info{margin-left:0}.video-info h1{font-size:1.5rem}.video-info p{font-size:.9rem}.close-button{align-self:flex-end;height:40px;width:40px}.video-controls{padding:15px}.controls-main{gap:15px}.control-button{height:36px;width:36px}.volume-control{padding:6px 10px}.volume-slider{width:60px}}@media (max-width:480px){.video-info h1{font-size:1.3rem}.video-info p{font-size:.85rem}.controls-main{gap:10px}.volume-control{display:none}.card-header{padding:16px}}.video-container:-webkit-full-screen{border-radius:0}.video-container:fullscreen{border-radius:0}.video-container:-webkit-full-screen .video-element{height:auto;max-height:100vh;max-width:100vw;object-fit:contain;width:auto}.video-container:fullscreen .video-element{height:auto;max-height:100vh;max-width:100vw;object-fit:contain;width:auto}.video-controls{transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.video-container:hover .video-controls,.video-controls{-webkit-transform:translateY(0);transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.body{background-color:#0e0b0b;font-family:Open Sans,sans-serif;padding:20px}.div{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.h1{color:#fff;font-size:3rem;letter-spacing:5px;margin-bottom:2rem;text-align:center}iframe{aspect-ratio:16/9;border:1px solid #000;border-radius:10px;box-shadow:0 1rem 5rem #4a897f,0 1rem 5rem #3d5e59;min-width:80%}@media(max-width:767px){iframe{width:100%}}
/*# sourceMappingURL=main.42d01285.css.map*/