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}.home,body{background-color:#141414;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;margin:0;overflow-x:hidden}.banner{align-items:flex-end;background-position:50%;background-size:cover;color:#fff;display:flex;height:80vh;justify-content:flex-start;margin-bottom:3rem;padding:0;position:relative;transition:all .3s ease}.banner:before{background:linear-gradient(77deg,#0009,#0000 85%)}.banner:after,.banner:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.banner:after{background:linear-gradient(180deg,#0000,#14141466 50%,#141414)}.banner-content{animation:fadeInUp 1s ease-out;margin-bottom:4rem;margin-left:4rem;max-width:600px;position:relative;text-align:left;z-index:2}.banner-title h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1rem;text-shadow:2px 2px 4px #000c}.banner-meta{align-items:center;display:flex;font-size:1rem;gap:1rem;margin-bottom:1.5rem}.banner-meta .rating{color:#46d369;font-weight:600}.banner-meta .maturity,.banner-meta .runtime,.banner-meta .year{color:#b3b3b3}.banner-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9;overflow:hidden;text-shadow:1px 1px 2px #000c}.banner-genres{color:#b3b3b3;font-size:1rem;margin-bottom:2rem;text-shadow:1px 1px 2px #000c}.banner-buttons{gap:1rem}.banner-buttons,.watch-button{align-items:center;display:flex}.watch-button{border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.watch-button.primary{background-color:#e50914;box-shadow:0 2px 8px #e509144d;color:#fff}.watch-button.primary:hover{background-color:#f40612;box-shadow:0 4px 16px #e5091480;transform:scale(1.05)}.watch-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#6d6d6eb3;color:#fff}.watch-button.secondary:hover{background-color:#6d6d6ee6;transform:scale(1.05)}.banner-controls{position:absolute;right:2rem;top:2rem;z-index:3}.content-section{margin-bottom:4rem;padding:0 4rem}.content-section h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-left:0;position:relative}.content-section h2:after{background:linear-gradient(90deg,#e50914,#f40612);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.scroll-container{align-items:center;display:flex;margin:0 -.5rem;position:relative}.content-row-container{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scroll-behavior:smooth;scrollbar-width:none}.content-row-container::-webkit-scrollbar{display:none}.scroll-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.scroll-button.left{left:-25px}.scroll-button.right{right:-25px}.scroll-button:hover{background:#000000e6;box-shadow:0 4px 12px #0000004d;transform:translateY(-50%) scale(1.1)}@media (max-width:768px){.banner{height:60vh}.banner-content{margin-bottom:2rem;margin-left:2rem}.banner-title h1{font-size:2.5rem}.banner-description{font-size:1rem}.banner-buttons{align-items:flex-start;flex-direction:column;gap:.75rem}.watch-button{font-size:1rem;padding:10px 20px}.content-section{padding:0 2rem}.scroll-button{font-size:1.2rem;height:40px;width:40px}.scroll-button.left{left:-20px}.scroll-button.right{right:-20px}.banner-controls{right:1rem;top:1rem}.mute-button{height:35px;width:35px}}@media (max-width:480px){.banner{height:50vh}.banner-content{margin-bottom:1rem;margin-left:1rem}.banner-title h1{font-size:2rem}.banner-meta{flex-wrap:wrap;gap:.5rem}.content-section{padding:0 1rem}.banner-controls,.scroll-button{display:none}}.loading{height:270px}.movie-card{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.movie-card:hover{box-shadow:0 8px 24px #00000080;z-index:10}.movie-card img{height:300px;object-fit:cover;transition:transform .3s ease;width:100%}.movie-card:hover img{transform:scale(1.1)}.hover-overlay{background:linear-gradient(180deg,#000c,#0006 50%,#000000e6);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2}.movie-card:hover .hover-overlay{opacity:1}.action-button,.play-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-button:hover,.play-button:hover{background:#fff;transform:scale(1.1)}.action-button.recommended{background:#e50914;color:#fff}.action-button.recommended:hover{background:#f40612}.loading{align-items:center;animation:loading 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;border-radius:8px;color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:1rem;height:300px;justify-content:center}.loading-spinner{border:3px solid #3a3a3a;height:40px;width:40px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.default-info{background:linear-gradient(#0000,#000000e6);bottom:0;left:0;opacity:1;padding:1rem;position:absolute;right:0;transition:opacity .3s ease}.movie-card:hover .default-info{opacity:0}.bottom-info h4{color:#fff;font-size:1rem;font-weight:600}.bottom-info h4,.bottom-info p{margin:0 0 .5rem;text-shadow:1px 1px 2px #000c}.bottom-info p{color:#b3b3b3;font-size:.85rem}.rating{align-items:center;display:flex;gap:.5rem}.rating span{color:#46d369;font-size:.85rem;font-weight:600}@media (max-width:768px){.loading,.movie-card img{height:250px}.hover-overlay{padding:.75rem}.action-button,.play-button{height:32px;width:32px}}@media (max-width:480px){.loading,.movie-card img{height:200px}.hover-overlay{padding:.5rem}.bottom-info h4{font-size:.9rem}.bottom-info p{font-size:.8rem}}.auth-page{align-items:center;background-color:#141414;color:#fff;display:flex;height:100vh;justify-content:center}.auth-container.animating .auth-form{animation:slideOutLeft .5s ease-in-out forwards}.auth-container:not(.animating) .auth-form{animation:slideInRight .5s ease-in-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.auth-container h1{color:#e50914;font-size:2em;font-weight:700;margin-bottom:1em}.auth-form label{color:#b3b3b3;display:block;font-size:.9em;margin:1em 0 .5em;text-align:left}.auth-form input[type=password],.auth-form input[type=text]{background-color:#333;border:none;border-radius:4px;color:#fff;font-size:1em;margin-top:5px;padding:12px;width:100%}.auth-form input[type=password]::placeholder,.auth-form input[type=text]::placeholder{color:#b3b3b3}.error-message{animation:fadeIn .3s ease-in-out;margin-top:15px;padding:10px}.auth-button{background-color:#e50914;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:20px;padding:12px;transition:background-color .3s;width:100%}.auth-button:hover{background-color:#f40612}.keep-login{align-items:center;color:#b3b3b3;display:flex;font-size:.85em;margin-top:15px}.keep-login input[type=checkbox]{margin-right:10px}.switch-text{color:#b3b3b3;cursor:pointer;font-size:.9em;margin-top:15px}.switch-text:hover{color:#e50914}.auth-container{animation:fadeIn .5s ease-in-out;background-color:#000000d9;border-radius:8px;box-shadow:0 4px 12px #000000b3;height:400px;overflow:hidden;padding:40px;position:relative;text-align:center;width:350px}.auth-form{left:0;position:absolute;top:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out;width:100%}.auth-container.show-login .login-form{opacity:1;transform:translateX(0);z-index:2}.auth-container.show-login .signup-form{opacity:0;transform:translateX(-100%);z-index:1}.auth-container.show-signup .login-form{opacity:0;transform:translateX(100%);z-index:1}.auth-container.show-signup .signup-form{opacity:1;transform:translateX(0);z-index:2}.success-message{background-color:#4caf50}.error-message,.success-message{animation:slideUpFade .5s ease-in-out,fadeOut 3.5s ease-in-out 2s forwards;border-radius:4px;bottom:20px;box-shadow:0 4px 12px #00000080;color:#fff;font-size:.9em;left:50%;max-width:80%;padding:15px 20px;position:fixed;text-align:center;transform:translateX(-50%);width:300px;z-index:1000}.error-message{background-color:#e50914}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.terms-checkbox{align-items:center;color:#bbb;display:flex;font-size:.9em;margin-top:10px}.terms-checkbox input[type=checkbox]{margin-right:10px}.auth-button:disabled{background-color:#555;cursor:not-allowed}.auth-form .kakao-login{margin-top:20px;text-align:center;width:100%}.kakao-login-btn{background-color:#fee500;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:16px;padding:10px 20px;width:100%}.kakao-login-btn:hover{background-color:#ffd900}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#000000b3,#0000);color:#fff;display:flex;justify-content:space-between;left:0;padding:1rem 4rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.app-header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;box-shadow:0 2px 20px #00000080;padding:.75rem 4rem}.logo{align-items:center;display:flex;text-decoration:none}.logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:45px;transition:all .3s ease}.app-header.scrolled .logo img{height:35px}.header-left{align-items:center;display:flex;gap:3rem}.nav-links ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links ul li a{color:#e5e5e5;font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-links ul li a:after{background:#e50914;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links ul li a:hover{color:#fff}.nav-links ul li a:hover:after{width:100%}.header-right{gap:1rem}.header-right,.icon-button{align-items:center;display:flex}.icon-button{background:none;border:none;border-radius:50%;color:#e5e5e5;cursor:pointer;font-size:1.1rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.icon-button:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.username-display{background:#e50914cc;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.username-display:hover{background:#e50914;transform:scale(1.05)}.sidebar{align-items:flex-start;background:linear-gradient(135deg,#141414,#1a1a1a);box-shadow:-5px 0 20px #00000080;color:#fff;display:flex;flex-direction:column;height:100vh;padding:2rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:300px;z-index:1001}.sidebar.open{transform:translateX(0)}.close-sidebar{align-items:center;background:none;border:none;border-radius:50%;color:#e5e5e5;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px}.close-sidebar:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.sidebar-menu{list-style:none;margin-top:4rem;padding:0;width:100%}.sidebar-menu li{margin:1rem 0}.sidebar-menu li a{border-radius:8px;color:#e5e5e5;display:block;font-size:1.1rem;font-weight:500;overflow:hidden;padding:1rem;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-menu li a:before{background:linear-gradient(90deg,#0000,#e509141a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sidebar-menu li a:hover{background:#ffffff0d;color:#fff;transform:translateX(10px)}.sidebar-menu li a:hover:before{left:100%}@media (max-width:1024px){.app-header{padding:1rem 2rem}.app-header.scrolled{padding:.75rem 2rem}.nav-links ul{gap:1.5rem}}@media (max-width:768px){.app-header{padding:1rem}.app-header.scrolled{padding:.75rem 1rem}.header-left{gap:1rem}.nav-links ul{display:none}.logo img{height:35px}.app-header.scrolled .logo img{height:30px}.icon-button{font-size:1rem;height:35px;width:35px}.sidebar{padding:1.5rem;width:280px}}@media (max-width:480px){.app-header{padding:.75rem}.app-header.scrolled{padding:.5rem .75rem}.logo img{height:30px}.app-header.scrolled .logo img{height:25px}.header-right{gap:.5rem}.icon-button{font-size:.9rem;height:32px;width:32px}.username-display{font-size:.8rem;padding:.4rem .8rem}}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-indicator{background:linear-gradient(90deg,#e50914,#f40612);bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease}.movie-detail-page{background-color:#141414;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;min-height:100vh}.loading-container{align-items:center;background-color:#141414;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#e50914;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;background-color:#141414;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.error-container button{background:#e50914;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:12px 24px;transition:all .3s ease}.error-container button:hover{background:#f40612;transform:scale(1.05)}.movie-banner{align-items:flex-end;background-position:50%;background-size:cover;display:flex;height:80vh;overflow:hidden;position:relative}.banner-overlay{background:linear-gradient(77deg,#0009,#0000 85%)}.banner-overlay,.banner-overlay:after{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.banner-overlay:after{background:linear-gradient(180deg,#0000,#14141466 50%,#141414);content:""}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:2px solid #ffffffb3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:2rem;position:absolute;top:2rem;transition:all .3s ease;width:40px;z-index:3}.back-button:hover{background:#000c;border-color:#fff;transform:scale(1.1)}.mute-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:2px solid #ffffffb3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:2rem;top:2rem;transition:all .3s ease;width:40px;z-index:3}.mute-button:hover{background:#000c;border-color:#fff;transform:scale(1.1)}.movie-content{animation:fadeInUp 1s ease-out;margin-bottom:4rem;margin-left:4rem;max-width:600px;position:relative;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.movie-header{margin-bottom:1.5rem}.movie-title{font-size:3.5rem;line-height:1.1;margin-bottom:1rem;text-shadow:2px 2px 4px #000c}.movie-meta{align-items:center;display:flex;font-size:1rem;gap:1rem}.movie-meta .rating{color:#46d369;font-weight:600}.movie-meta .maturity,.movie-meta .runtime,.movie-meta .year{color:#b3b3b3}.movie-overview{font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9;text-shadow:1px 1px 2px #000c}.movie-genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.genre-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:.9rem;padding:.5rem 1rem}.movie-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.action-button,.movie-actions{align-items:center;display:flex}.action-button{border:none;border-radius:30px;box-shadow:0 4px 16px #e5091426;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;gap:.5rem;letter-spacing:1px;margin-bottom:.5rem;max-width:100%;min-width:0!important;padding:12px 32px;text-align:center;transition:background .3s,transform .2s,box-shadow .3s;white-space:nowrap!important;width:auto!important;word-break:keep-all;writing-mode:initial!important}.action-button,.action-button.primary{background:linear-gradient(90deg,#e50914 60%,#b0060f)}.action-button.primary:hover{background:linear-gradient(90deg,#f40612 60%,#e50914);box-shadow:0 8px 32px #e5091440;transform:scale(1.07)}.action-button.secondary{background:linear-gradient(90deg,#333 60%,#181818);color:#fff}.action-button.secondary:hover{background:linear-gradient(90deg,#444 60%,#222);transform:scale(1.07)}.action-button.secondary.recommended{background:linear-gradient(90deg,#e50914 60%,#b0060f);color:#fff}.action-button.secondary.recommended:hover{background:linear-gradient(90deg,#f40612 60%,#e50914)}.movie-details{background-color:#141414;padding:4rem}.details-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.details-section h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:2rem;position:relative}.details-section h3:after{background:linear-gradient(90deg,#e50914,#f40612);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.cast-list{display:flex;flex-direction:column;gap:1rem}.cast-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.cast-item:hover{background:#ffffff1a;transform:translateX(10px)}.actor-image{border:2px solid #fff3;border-radius:50%;height:60px;object-fit:cover;width:60px}.actor-name{color:#fff;font-size:1rem;font-weight:600}.character-name{color:#b3b3b3;font-size:.9rem;margin-top:.25rem}.info-list{display:flex;flex-direction:column;gap:1rem}.info-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.info-item:hover{background:#ffffff1a}.info-label{color:#b3b3b3;font-weight:600;min-width:100px}.info-value{color:#fff;flex:1 1;text-align:right}.similar-movies{margin-top:4rem}.similar-movies h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:2rem;position:relative}.similar-movies h3:after{background:linear-gradient(90deg,#e50914,#f40612);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.similar-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.similar-movie-card{background:#ffffff0d;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.similar-movie-card:hover{background:#ffffff1a;box-shadow:0 8px 24px #0000004d;transform:scale(1.05)}.similar-movie-card img{height:300px;object-fit:cover;transition:transform .3s ease;width:100%}.similar-movie-card:hover img{transform:scale(1.1)}.similar-movie-info{padding:1rem}.similar-movie-info h4{color:#fff;font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.similar-rating{color:#46d369;font-size:.9rem;font-weight:600}@media (max-width:1024px){.details-grid{gap:3rem;grid-template-columns:1fr}.movie-details{padding:3rem 2rem}}@media (max-width:768px){.movie-banner{height:60vh}.movie-content{margin-bottom:2rem;margin-left:2rem}.movie-title{font-size:2.5rem}.movie-meta{flex-wrap:wrap;gap:.5rem}.movie-actions{align-items:stretch;flex-direction:column;gap:.75rem}.action-button{font-size:1rem;justify-content:center;padding:10px 0;width:100%}.movie-details{padding:2rem 1rem}.back-button,.mute-button{height:35px;top:1rem;width:35px}.back-button{left:1rem}.mute-button{right:1rem}}@media (max-width:480px){.movie-banner{height:50vh}.movie-content{margin-bottom:1rem;margin-left:1rem}.movie-title{font-size:2rem}.movie-overview{font-size:1rem}.similar-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.similar-movie-card img{height:225px}.back-button,.mute-button{display:none}}.grid-card:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.loading{color:#fff;font-size:18px;padding:10px 0;text-align:center}.movie-card img:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.movie-card{align-items:center;background:#181818;border-radius:12px;box-shadow:0 4px 16px #0000004d;cursor:pointer;display:flex;flex-direction:column;margin:0 auto;max-width:220px;min-width:160px;position:relative;transition:transform .3s,box-shadow .3s;width:100%}.movie-card:hover{box-shadow:0 8px 32px #00000080;transform:scale(1.05)}.movie-card.recommended{border:2px solid #e50914}.movie-poster{aspect-ratio:2/3;background:#222;object-fit:cover}.movie-info{background:#000c;padding:12px 8px;text-align:center;width:100%}.movie-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.movie-card{max-width:140px;min-width:100px}.movie-info h4{font-size:.85rem}}.movie-table-view{margin:auto;max-width:90%;overflow:hidden;padding-top:20px}.movie-table{background-color:#141414}.movie-table td,.movie-table th{border-bottom:1px solid #333;padding:12px;text-align:center}.movie-row:hover{background-color:#222;cursor:pointer}.movie-poster{transition:transform .3s ease}.movie-poster:hover{transform:scale(1.1)}.recommended{border-left:5px solid #e50914}.pagination{display:flex;justify-content:center;margin-top:15px}.pagination button{background-color:#e50914;border:none;color:#fff;cursor:pointer;margin:0 5px;padding:8px 16px;transition:background-color .3s}.pagination button:hover{background-color:#f40612}.popular-page{background:#141414;min-height:100vh;padding:120px 2vw 2vw}.section-title{color:#e50914;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;text-align:center}.loading-text{font-size:1.2rem;margin-top:2rem;width:100%}.top-button{background-color:#e50914;border:none;border-radius:50%;bottom:40px;box-shadow:0 4px 8px #0006;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:50px;position:fixed;right:30px;transition:transform .3s,background-color .3s;width:50px;z-index:100}.top-button:hover{background-color:#f40612;transform:scale(1.1)}@media (max-width:768px){.popular-page{padding:100px 1vw 1vw}.infinite-scroll-view{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.view-toggle-button{font-size:.95rem;padding:10px 18px}.section-title{font-size:1.3rem}}.search-page{background:#141414;min-height:100vh;padding:100px 2vw 2vw}.filter-container{align-items:center;background:#181818;border-radius:16px;box-shadow:0 2px 16px #0000004d;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 2rem}.filter-container select{background:#222;border:none;border-radius:30px;box-shadow:0 2px 8px #00000014;color:#fff;font-size:1rem;font-weight:500;padding:10px 18px;transition:background .3s,transform .2s}.filter-container select:focus{outline:2px solid #e50914}.clear-filters-button,.view-toggle-button{background:linear-gradient(90deg,#e50914 60%,#b0060f);border:none;border-radius:30px;box-shadow:0 4px 16px #e5091426;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;margin-left:.5rem;margin-right:.5rem;padding:12px 32px;transition:background .3s,transform .2s,box-shadow .3s}.clear-filters-button:hover,.view-toggle-button:hover{background:linear-gradient(90deg,#f40612 60%,#e50914);box-shadow:0 8px 32px #e5091440;transform:scale(1.07)}.load-more-button{background:linear-gradient(90deg,#e50914 60%,#b0060f);border:none;border-radius:30px;box-shadow:0 4px 16px #e5091426;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;letter-spacing:1px;margin:2rem auto 0;padding:12px 32px;transition:background .3s,transform .2s,box-shadow .3s}.load-more-button:hover{background:linear-gradient(90deg,#f40612 60%,#e50914);box-shadow:0 8px 32px #e5091440;transform:scale(1.07)}@media (max-width:768px){.search-page{padding:80px 1vw 1vw}.infinite-scroll-view{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filter-container{flex-direction:column;gap:.5rem;padding:1rem}.clear-filters-button,.load-more-button,.view-toggle-button{font-size:.95rem;padding:10px 18px}}.wishlist-page{background-color:#141414;color:#fff;min-height:100vh;padding:100px 2vw 2vw}.wishlist-page h2{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;text-align:center}.view-toggle-container{display:flex;justify-content:center;margin-bottom:2rem}.view-toggle-button{background:#e50914;border:none;border-radius:30px;color:#fff;font-size:1rem;font-weight:600;margin:0 .5rem;padding:12px 32px;transition:background .3s,transform .2s}.view-toggle-button:hover{background:#f40612;transform:scale(1.05)}.csv-download-button{background:#e50914;border:none;border-radius:30px;color:#fff;font-weight:600;margin-left:1rem;padding:10px 24px;transition:background .3s,transform .2s}.csv-download-button:hover{background:#f40612;transform:scale(1.05)}.infinite-scroll-view{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.loading-text{color:#e50914;font-size:1.2em;padding:20px;text-align:center}.movie-table{background:#000000b3;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 24px #0000004d;color:#fff;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.movie-table th{background-color:#222;color:#e50914;font-size:1.1rem;font-weight:700}.movie-table td img{border-radius:4px;height:auto;transition:transform .3s;width:80px}.movie-table td img:hover{transform:scale(1.1)}.movie-table tr:hover{background-color:#222}.recommended{border:2px solid #e50914}.scroll-to-top{background-color:#e50914;border:none;border-radius:50%;bottom:30px;color:#fff;cursor:pointer;font-size:1em;height:50px;position:fixed;right:30px;transition:background-color .3s,transform .2s;width:50px;z-index:100}.scroll-to-top:hover{background-color:#f40612;transform:scale(1.1)}@media (max-width:768px){.wishlist-page{padding:80px 1vw 1vw}.infinite-scroll-view{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.movie-table td,.movie-table th{font-size:.9rem;padding:8px 5px}.wishlist-page h2{font-size:1.3rem}}.movie-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.movie-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.movie-poster{display:block;height:auto;width:100%}.movie-info{padding:10px}.movie-title{color:#333;font-size:18px;font-weight:700;margin:10px 0 5px}.movie-overview{color:#555;font-size:14px;line-height:1.4}.recommendations-page{background:#141414;color:#fff;min-height:100vh;padding:120px 2vw 2vw}.recommendations-page h1{color:#e50914;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;text-align:center}.movies-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.loading-text,.no-movies-text{color:#e50914;font-size:1.2rem;margin-top:2rem}@media (max-width:768px){.recommendations-page{padding:100px 1vw 1vw}.movies-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.recommendations-page h1{font-size:1.3rem}}
/*# sourceMappingURL=main.e45bea0a.css.map*/