@import "https://fonts.googleapis.com/css2?family=Creepster&display=swap";@import "https://fonts.googleapis.com/css2?family=Nosifer&display=swap";@import "https://fonts.googleapis.com/css2?family=Creepster&display=swap";@import "https://fonts.googleapis.com/css2?family=Nosifer&display=swap";@import "https://fonts.googleapis.com/css2?family=Creepster&display=swap";.mobile-icon{display:none}.nav-container{background-image:url(/assets/nav%20banner-CTHkLjBG.jpg);background-position:50%;background-size:cover;flex-direction:column;align-items:center;display:flex}.nav-buttons{justify-content:center;gap:100px;display:flex}.nav-button{color:#fff;cursor:pointer;background-color:#bd0f0f99;border:2px solid #ffffff26;border-radius:10px;width:30%;margin-top:15px;margin-bottom:15px;padding:15px 25px;font-family:Creepster;font-size:28px;font-weight:400;transition:all .3s;box-shadow:0 0 15px #c7141499}.nav-button:hover{transform:scale(1.03);box-shadow:0 0 25px #c71414e6}@media (width<=768px){.nav-container{box-sizing:border-box;background-position:top;background-size:auto 100%;width:100%;overflow:hidden}.nav-container h1{display:none}.nav-buttons{box-sizing:border-box;justify-content:space-around;align-items:center;gap:0;width:100%;padding:0 5px;display:flex}.nav-button{color:#fff;max-width:90px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:center;padding:5px 0;font-family:Creepster;font-size:14px;display:flex}.mobile-icon{stroke:#fff;filter:drop-shadow(0 0 5px red);width:26px;height:26px;margin-bottom:3px;display:block}.nav-button:hover{box-shadow:none;color:#f33;transform:none}.nav-button:hover .mobile-icon{stroke:#f33;filter:drop-shadow(0 0 8px red)drop-shadow(0 0 15px red)}.nav-button span{text-shadow:0 0 5px red,0 0 10px red}.nav-button:hover span{text-shadow:0 0 8px red,0 0 15px red}}.footer{color:#fff;text-align:center;background-image:linear-gradient(#000000bf,#000000bf),url(/assets/nav%20banner-CTHkLjBG.jpg);background-position:50%;background-size:cover;border-top:1px solid #ffffff26;width:100%;font-family:Creepster;font-size:18px;box-shadow:0 -5px 25px #c7141480}.tmdb-logo{width:120px;margin-top:10px}.footer-contact{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;margin:20px auto;padding:15px}.footer-contact h3{margin-bottom:5px}.footer-contact a{color:#f33;text-decoration:none}.footer-contact a:hover{text-shadow:0 0 10px red}.login-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.login-input{color:#fff;background-color:#ff000012;border:1px solid #ffffff4d;outline:none;width:100%;height:50px;margin-top:8px;padding:0 10px;font-family:creepster;font-size:24px;font-weight:300;display:block}.login-input::placeholder{color:#ffffffb3;font-size:22px}.login-input:focus{border:1px solid #c71414;box-shadow:0 0 10px #c7141480}.login-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ff000021;border:2px solid #ffffff1a;border-radius:10px;width:400px;height:600px;padding:50px 35px;box-shadow:0 0 40px #2b000099}.login-button{color:#fff;cursor:pointer;background-color:#bd0f0f;border:none;border-radius:5px;width:100%;margin:20px auto;padding:15px 0;font-family:Creepster;font-size:50px;font-weight:400;transition:all .3s;display:block;box-shadow:0 0 15px #c7141499}.login-button:hover{transform:scale(1.03);box-shadow:0 0 25px #c71414e6}.needAccount-button{color:red;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:5px;padding:10px 0;font-size:22px;font-weight:400}.needAccount-button:hover{color:#fff;text-decoration:underline}.loginError-message{color:#fff;text-align:center;margin:0;font-size:22px}@media (width<=768px){.login-card{width:80%}.login-button{width:70%;font-size:30px}.login-container{background-position:top;background-size:auto 100%}}.container{color:#fff;width:100%;min-height:100vh;overflow-y:auto}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:0 0}#root{min-height:100vh}#root:before{content:"";z-index:-1;background-image:url(/assets/background-CHV4iV1J.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#bd0f0f59;border:2px solid #ffffff26;border-radius:12px;margin-top:10px;margin-bottom:10px;margin-left:15px;padding:12px 25px;font-family:Creepster;font-size:20px;transition:all .3s;box-shadow:0 0 15px #c7141499}.button:hover{border-color:#f00c;transform:scale(1.03);box-shadow:0 0 30px #c71414e6}.input,textarea{color:#fff;background-color:#ff000012;border:1px solid #ffffff4d;outline:none;width:75%;height:35px;margin-top:8px;margin-bottom:20px;padding:10px;font-family:Creepster;font-size:20px;font-weight:300;display:block}.input::placeholder,textarea::placeholder{color:#ffffffb3;font-size:20px}.input:focus,textarea:focus{border:1px solid #c71414;box-shadow:0 0 10px #c7141480}h1{color:#fff;text-align:center;text-shadow:0 0 10px red;margin-top:1px;margin-bottom:1px;font-family:Nosifer;font-size:45px}h3,.p1{color:#fff;font-family:Creepster;font-size:24px}.label{color:#fff;font-family:Creepster;font-size:20px}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ff00001f;border:2px solid #ffffff26;border-radius:15px;outline:none;padding:10px;font-family:Creepster;font-size:22px;transition:all .3s;box-shadow:0 0 20px #c7141480}.search-input:focus{border-color:#f00c;transform:scale(1.03);box-shadow:0 0 30px #c71414e6}.message{text-align:center;border-radius:10px;width:80%;margin:10px auto;padding:12px;font-family:Arial}.message.error{color:#fff;background-color:#960000b3;border:1px solid red}.message.success{color:#fff;background-color:#00780080;border:1px solid #0f0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0009}::-webkit-scrollbar-thumb{background:#8b0000;border:2px solid #0006;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:red}@media (width<=768px){h1{font-size:32px}h3{font-size:20px}.button{padding:10px 20px;font-size:18px}.input,textarea{width:90%}}.register-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.register-input{color:#fff;background-color:#ff000012;border:1px solid #ffffff4d;outline:none;width:100%;height:50px;margin-top:8px;padding:0 10px;font-family:creepster;font-size:24px;font-weight:400;display:block}.register-input::placeholder{color:#ffffffb3;font-size:22px}.register-input:focus{border:1px solid #c71414;box-shadow:0 0 10px #c7141480}.register-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ff000021;border:2px solid #ffffff1a;border-radius:10px;width:400px;height:600px;padding:50px 35px;box-shadow:0 0 40px #2b000099}.register-button{color:#fff;cursor:pointer;background-color:#bd0f0f;border:none;border-radius:5px;width:100%;margin:20px auto;padding:15px 0;font-family:Creepster;font-size:50px;font-weight:400;transition:all .3s;display:block;box-shadow:0 0 15px #c7141499}.register-button:hover{transform:scale(1.03);box-shadow:0 0 25px #c71414e6}.registerError-message{color:#fff;text-align:center;margin:0;font-size:22px}@media (width<=768px){.register-card{width:80%}.register-button{width:70%;font-size:30px}.register-container{background-position:top;background-size:auto 100%}}.movie-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background-color:#f003;border:2px solid #ffffff1a;border-radius:10px;width:200px;box-shadow:0 0 40px #2b000099}.movie-card img{object-fit:cover;border-radius:10px;width:160px;height:220px;margin-top:5px}.movie-card h2{color:#fff;font-size:20px}.movie-results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;padding:25px;display:grid}.movie-card:hover{transform:scale(1.03);box-shadow:0 0 25px #c71414e6}.basic-movie-info-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background-color:#f003;border:2px solid #ffffff1a;border-radius:5px;width:600px;box-shadow:0 0 40px #2b000099}.movie-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background-color:#78000059;border:1px solid #ffffff26;border-radius:15px;width:700px;padding:25px;box-shadow:0 0 40px #2b000099}.profile-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background-color:#f003;border:2px solid #ffffff1a;border-radius:5px;flex-direction:column;align-items:center;width:700px;padding:30px;display:flex;box-shadow:0 0 40px #2b000099}.profile-right-side{flex-direction:column;gap:25px;display:flex}.favorite-movie-card,.badges-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background-color:#f003;border:2px solid #ffffff1a;border-radius:5px;width:450px;padding:30px;box-shadow:0 0 40px #2b000099}.list-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background-color:#f003;border:2px solid #ffffff1a;border-radius:5px;grid-template-columns:80px 350px 200px 250px 200px 250px;width:1300px;margin-bottom:10px;padding:15px;font-family:Creepster;font-size:22px;display:grid;box-shadow:0 0 40px #2b000099}.list-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background-color:#f003;border:2px solid #ffffff1a;border-radius:5px;grid-template-columns:80px 350px 200px 250px 200px 250px;place-items:center;width:1300px;height:100px;margin-bottom:10px;padding:15px;font-family:Creepster;font-size:24px;display:grid;box-shadow:0 0 40px #2b000099}.list-card h1{-webkit-line-clamp:3;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;font-size:22px;display:-webkit-box;overflow:hidden}.home-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background-color:#78000059;border:1px solid #ffffff26;border-radius:15px;width:80%;max-width:1400px;margin:-10px auto 50px;padding:25px;box-shadow:0 0 40px #2b000099}.home-card button{margin:20px auto 0;display:block}@media (width<=768px){.list-header{display:none}.list-card{grid-template-rows:auto auto auto;grid-template-columns:80px 1fr 70px;align-items:start;gap:5px;width:95%;height:150px;min-height:150px;padding:10px;display:grid}.list-card>p{grid-area:2/2;margin:0;font-size:18px}.basic-movie-info-card,.movie-info-card{box-sizing:border-box;width:95%;max-width:95%}.overview-movie-info-card,.cast-movie-info-card,.production-movie-info-card{text-align:center;padding:15px}.videos-movie-info-card{text-align:center;flex-direction:column;align-items:center;width:95%;display:flex;overflow:hidden}.profile-card{width:95%;max-width:500px;padding:20px}.favorite-movie-card,.badges-card{width:100%;max-width:500px;padding:20px}}.tonights-scream{text-align:center;background:#64000073;border:2px solid #f006;border-radius:20px;flex-direction:column;align-items:center;width:60%;max-width:400px;margin:30px auto;padding:10px;display:flex;box-shadow:0 0 30px red}.movie-row::-webkit-scrollbar{height:8px}.movie-row::-webkit-scrollbar-track{background:#00000080;border-radius:10px}.movie-row::-webkit-scrollbar-thumb{background:#8b0000;border-radius:10px;box-shadow:0 0 10px red}.movie-row::-webkit-scrollbar-thumb:hover{background:red;box-shadow:0 0 15px red}.expanded .movie-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid;overflow:visible}.movie-row{gap:15px;padding-bottom:10px;display:flex;overflow:auto hidden}.movie-row>*{flex:0 0 200px}@media (width<=768px){.expanded .movie-row{gap:15px;display:flex;overflow:auto hidden}}.favorite-movie-results{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;max-height:400px;margin-top:20px;padding:10px;display:grid;overflow-y:auto}.favorite-movie-result{cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f003;border-radius:10px;width:140px;padding:10px;transition:all .2s}.favorite-movie-result img{object-fit:cover;border-radius:8px;width:100px;height:150px}.favorite-movie-result p{color:#fff;font-size:14px}.favorite-movie-result:hover{transform:scale(1.05)}.movie-search-input{width:250px;margin-top:10px}.profile-container{color:#fff;justify-content:center;align-items:flex-start;gap:30px;width:100%;min-height:100vh;padding-top:50px;display:flex;overflow-y:auto}.profile-picture{object-fit:cover;border:3px solid #c71414;border-radius:50%;width:150px;height:150px;box-shadow:0 0 20px #c71414cc}.signout-button{position:absolute;top:10px;left:10px}@media (width<=768px){.profile-container{box-sizing:border-box;background-position:top;background-size:auto 100%;background-attachment:scroll;flex-direction:column;align-items:center;gap:20px;padding:20px 10px}.profile-picture{width:120px;height:120px}.profile-right-side{align-items:center;gap:20px;width:95%}.favorite-movie-results{grid-template-columns:repeat(2,1fr);gap:10px;max-height:300px}.favorite-movie-result{box-sizing:border-box;width:100%}.favorite-movie-result img{width:80px;height:120px}.movie-search-input{width:90%;max-width:250px}.signout-button{margin:0 auto 10px 1px;display:block;position:static}}.explore-search-input{width:350px;height:35px;margin-left:auto;margin-right:auto;display:block}.explore-search-button{margin:20px auto;display:block}.movie-genre{margin-right:10px}@media (width<=768px){.explore-search-input{width:75%;height:10%}.movie-results{flex-wrap:nowrap;gap:15px;width:94%;padding:10px;display:flex;overflow-x:auto}.movie-results .movie-card{flex:none}}.list-container{color:#fff;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:40px;display:flex}.list-poster{object-fit:cover;border-radius:8px;width:70px;height:95px;margin-right:10px}.list-button{color:#fff;cursor:pointer;background:#ff000040;border:1px solid #ffffff4d;border-radius:10px;width:75px;height:50px;margin-bottom:5px;font-family:Creepster;font-size:22px;transition:all .2s}.list-button:hover{background:#c71414;transform:scale(1.05);box-shadow:0 0 15px red}.list-popup-overlay{z-index:1000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.list-popup{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;text-align:center;background:#780000d9;border:2px solid #fff3;border-radius:15px;width:500px;padding:30px;box-shadow:0 0 40px #f009}.list-column{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.list-column p{margin:2px;font-size:20px}.rating-column{justify-content:center;align-items:center;display:flex}.clickable-title{cursor:pointer;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:22px;line-height:1.2;transition:all .2s;display:-webkit-box;overflow:hidden}.clickable-title:hover{color:#f33;text-shadow:0 0 10px red;transform:scale(1.05)}@media (width<=768px){.list-container{background-position:top;background-size:auto 100%;padding:20px 10px}.list-poster{grid-area:1/1/span 3;width:80px;height:120px}.clickable-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:1/2;height:48px;font-size:20px;line-height:24px;display:-webkit-box;overflow:hidden}.rating-column{text-align:center;grid-area:3/1;justify-content:center;align-items:center;width:80px;margin:0;display:flex}.list-column{text-align:left;grid-area:3/2;align-items:flex-start}.list-card>div:last-child{flex-direction:column;grid-area:1/3/span 3;justify-content:center;align-items:center;gap:5px;padding-top:20px;display:flex}.list-column p{text-align:center;margin:0;font-size:18px;line-height:18px}.rating-column h2{text-align:center;width:100%;margin:45px 0 0;font-size:26px}.list-popup-overlay{box-sizing:border-box;z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;padding:15px;display:flex;position:fixed}.list-popup{box-sizing:border-box;text-align:center;width:100%;max-width:450px;max-height:90vh;padding:20px;overflow-y:auto}.list-popup h2{margin-bottom:15px;font-size:24px}.list-popup .status-select{width:90%}.list-card h1{-webkit-line-clamp:3;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box;overflow:hidden}}.movie-details-container{color:#fff;grid-template-columns:600px 700px;grid-template-areas:"info overview""info cast""info production""info videos";justify-content:center;align-items:start;gap:25px;min-height:100vh;padding:50px;display:grid}.basic-movie-info-card{grid-area:info}.overview-movie-info-card{grid-area:overview}.cast-movie-info-card{grid-area:cast}.production-movie-info-card{grid-area:production}.videos-movie-info-card{grid-area:videos}.movie-poster{object-fit:cover;border-radius:10px;width:300px;height:450px;margin-top:10px}.status-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ff000026;border:2px solid #fff3;border-radius:12px;outline:none;width:175px;margin-bottom:5px;padding:8px;font-family:Creepster;font-size:18px;box-shadow:0 0 20px #c7141480}.status-select:hover{box-shadow:0 0 30px #c71414e6}.status-select:focus{border-color:#c71414}.status-select option{color:#fff;background-color:#660202;font-size:24px}.rating-selector{text-align:center;margin-top:20px}.rating-selector h3{color:#fff;margin-bottom:10px}.rating-buttons{justify-content:center;gap:8px;display:flex}.rating-button{color:#fff;cursor:pointer;background:#ff000026;border:1px solid #ffffff4d;border-radius:50%;width:35px;height:35px;transition:all .2s}.rating-button:hover{transform:scale(1.15);box-shadow:0 0 10px red}.rating-button.selected{background:#c71414;box-shadow:0 0 15px red}.video-container iframe{border-radius:10px;width:560px;max-width:100%;height:315px}@media (width<=768px){.movie-details-container{background-position:top;background-size:auto 100%;flex-direction:column;align-items:center;gap:20px;padding:20px 10px;display:flex;overflow-x:hidden}.video-container{justify-content:center;width:100%;display:flex;overflow:hidden}.video-container iframe{border-radius:10px;width:100%;max-width:100%;height:200px}.movie-poster{width:220px;height:330px}.movie-info-card p{font-size:16px;line-height:1.5}.status-select{width:90%;max-width:250px}.rating-buttons{grid-template-columns:repeat(5,1fr);gap:15px;width:100%;max-width:300px;margin:auto;display:grid}.rating-button{aspect-ratio:1;width:100%}}.not-found{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.not-found h1{color:red;text-shadow:0 0 20px red;font-size:100px}.not-found h2{font-family:Creepster;font-size:40px}.not-found p{font-family:Creepster;font-size:22px}@media (width<=768px){.not-found{box-sizing:border-box;padding:20px;overflow:hidden}.not-found h1{margin:0;font-size:70px}.not-found h2{margin:10px 0;font-size:28px}.not-found p{max-width:90%;font-size:18px}}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}