*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:#0b0b0b;color:#eaeaea;padding:0;margin:0;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.3)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar{position:fixed;top:0;width:100%;height:5rem;display:flex;justify-content:space-between;align-items:center;padding:0 3rem;background-color:#0b0b0bf2;-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem);box-shadow:0 .25rem 1.25rem #0009;z-index:1000;border-bottom:1px solid #333;animation:slideInDown .6s ease-out}.left-section{display:flex;align-items:center}.logo{font-family:Pacifico,cursive;font-weight:800;font-size:1.95rem;background:linear-gradient(135deg,#4f46e5,#8b5cf6 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;margin-right:5rem;animation:slideInLeft .6s ease-out;transition:all .3s ease}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links li{animation:slideInDown .5s ease-out;animation-fill-mode:both}.nav-links li:nth-child(1){animation-delay:.1s}.nav-links li:nth-child(2){animation-delay:.2s}.nav-links li:nth-child(3){animation-delay:.3s}.nav-links a{text-decoration:none;color:#fff;font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#4f46e5,#8b5cf6);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#8b5cf6;transform:translateY(-2px)}.right-section{display:flex;align-items:center;gap:1rem;animation:slideInRight .6s ease-out}.signin-btn{background:transparent;border:.1rem solid #8B5CF6;color:#fff;padding:.6rem 1.4rem;border-radius:1.25rem;cursor:pointer;transition:all .3s ease;font-size:1rem;position:relative;overflow:hidden}.signin-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#8b5cf64d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.signin-btn:hover:before{width:300px;height:300px}.signin-btn:hover{background:#8b5cf6;transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #8b5cf666}.signup-btn{background:#8b5cf6;border:none;color:#fff;padding:.6rem 1.4rem;border-radius:1.25rem;cursor:pointer;transition:all .3s ease;font-size:1rem;position:relative;overflow:hidden;animation:pulse 2s infinite}.signup-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.signup-btn:hover:before{left:100%}.signup-btn:hover{opacity:.9;transform:translateY(-2px) scale(1.05);box-shadow:0 5px 20px #8b5cf699}.logout-btn{background-color:#b20710;color:#fff;border:none;border-radius:5px;padding:8px 18px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-left:10px;animation:bounceIn .8s ease-out;position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.logout-btn:hover:before{width:300px;height:300px}.logout-btn:hover{background-color:#e50914;transform:scale(1.05) translateY(-2px);box-shadow:0 5px 15px #e5091466}.profile-icon{font-size:1.75rem;cursor:pointer;transition:all .3s ease;animation:float 3s ease-in-out infinite}.profile-icon:hover{color:#8b5cf6;transform:rotate(360deg) scale(1.2)}.mobile-menu-icon{display:none;font-size:1.6rem;cursor:pointer;color:#fff;transition:all .3s ease}.mobile-menu-icon:hover{transform:rotate(90deg);color:#8b5cf6}.mobile-menu{position:absolute;top:5rem;right:1rem;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;width:14rem;box-shadow:0 1rem 2rem #000c;animation:slideInDown .3s ease-out;z-index:1001;border:1px solid rgba(139,92,246,.3)}.mobile-menu a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;padding:.8rem 1rem;border-radius:.5rem;display:block;width:100%;text-align:left;background:#ffffff0d;border:1px solid transparent;animation:slideInRight .3s ease-out;animation-fill-mode:both}.mobile-menu a:nth-child(1){animation-delay:.05s}.mobile-menu a:nth-child(2){animation-delay:.1s}.mobile-menu a:nth-child(3){animation-delay:.15s}.mobile-menu a:hover{color:#8b5cf6;background:#8b5cf626;transform:translate(8px);border-color:#8b5cf680;box-shadow:0 5px 15px #8b5cf633}.mobile-menu a i{margin-right:10px;width:20px;color:#8b5cf6}.mobile-btn{width:100%;text-align:center;margin-top:.5rem;padding:.8rem!important;background:linear-gradient(135deg,#4f46e5,#8b5cf6)!important;color:#fff!important;font-weight:600!important;border:none!important;border-radius:.5rem!important;animation:slideInRight .3s ease-out .2s both!important}.mobile-btn:hover{transform:translate(0) scale(1.02)!important;background:linear-gradient(135deg,#8b5cf6,#4f46e5)!important;box-shadow:0 5px 20px #8b5cf666!important}.logout-btn-mobile{background-color:#b20710;color:#fff;border:none;border-radius:.5rem;padding:12px 0;font-size:1.1rem;width:100%;cursor:pointer;text-align:center;margin-top:.5rem;transition:all .3s ease;position:relative;overflow:hidden;font-weight:500;animation:slideInRight .3s ease-out .25s both}.logout-btn-mobile:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.logout-btn-mobile:hover:before{width:300px;height:300px}.logout-btn-mobile:hover{background-color:#e50914;transform:scale(1.02)}.mobile-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);margin:.5rem 0;animation:scaleIn .3s ease-out .1s both}.home-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(#0006,#0006),url(/assets/hero-background-image-C96tBfMY.webp);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%);animation:pulse 3s infinite}.home-content{text-align:center;max-width:800px;padding:20px;color:#fff;margin-top:120px;position:relative;z-index:1}.home-content h1{font-size:42px;font-weight:1000;margin-bottom:20px;color:#8b5cf6;animation:slideInLeft 1s ease-out;text-shadow:0 0 20px rgba(139,92,246,.5)}.home-content p{font-size:18px;line-height:1.6;margin-bottom:25px;color:#ddd;animation:slideInRight 1s ease-out .3s both}.home-content button{padding:12px 30px;font-size:16px;border:none;border-radius:30px;background:#e50914;color:#fff;cursor:pointer;transition:all .3s ease;animation:bounceIn 1s ease-out .6s both;position:relative;overflow:hidden}.home-content button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.home-content button:hover:before{width:300px;height:300px}.home-content button:hover{background:#b20710;transform:scale(1.05) translateY(-2px);box-shadow:0 10px 25px #e5091480}.trending-section{background-color:#000;padding:80px;color:#fff;position:relative;overflow:hidden}.trending-section:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 0%,rgba(139,92,246,.1) 100%);animation:shimmer 3s infinite;background-size:200% 200%}.trending-section h2{font-size:28px;margin-bottom:30px;color:#8b5cf6;animation:slideInLeft .8s ease-out;position:relative;z-index:1}.slider-wrapper{position:relative;display:flex;align-items:center;animation:slideInUp .8s ease-out .3s both}.movie-row{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:20px 0}.movie-row::-webkit-scrollbar{display:none}.movie-card{min-width:180px;height:270px;flex:0 0 auto;border-radius:10px;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;animation:scaleIn .5s ease-out;animation-fill-mode:both}.movie-card:nth-child(1){animation-delay:.1s}.movie-card:nth-child(2){animation-delay:.2s}.movie-card:nth-child(3){animation-delay:.3s}.movie-card:nth-child(4){animation-delay:.4s}.movie-card:nth-child(5){animation-delay:.5s}.movie-card:nth-child(6){animation-delay:.6s}.movie-card:nth-child(7){animation-delay:.7s}.movie-card:nth-child(8){animation-delay:.8s}.movie-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease}.movie-card:hover:before{opacity:1}.movie-card:hover{transform:scale(1.1) translateY(-10px);box-shadow:0 20px 30px #8b5cf680;z-index:10}.movie-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.movie-card:hover img{transform:scale(1.1)}.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);height:60px;width:60px;border-radius:50%;border:none;cursor:pointer;font-size:28px;background:#8b5cf6;color:#000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:10;animation:pulse 2s infinite}.arrow-btn:hover{transform:translateY(-50%) scale(1.2);background:#8b5cf6;box-shadow:0 0 30px #8b5cf6cc}.arrow-left{left:-30px}.arrow-right{right:-30px}.reasons-section{background-color:#000;padding:80px;color:#fff;position:relative}.reasons-section h2{color:#8b5cf6;font-size:32px;margin-bottom:50px;animation:slideInRight .8s ease-out;position:relative;z-index:1}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.reason-card{color:#000;background:#8b5cf6;padding:40px;border-radius:16px;position:relative;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:scaleIn .6s ease-out;animation-fill-mode:both;overflow:hidden}.reason-card:nth-child(1){animation-delay:.2s}.reason-card:nth-child(2){animation-delay:.4s}.reason-card:nth-child(3){animation-delay:.6s}.reason-card:nth-child(4){animation-delay:.8s}.reason-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.3),transparent 70%);opacity:0;transition:opacity .5s ease}.reason-card:hover:before{opacity:1;animation:rotateIn 1s ease-out}.reason-card:hover{box-shadow:0 30px 50px #8b5cf699;transform:scale(1.1) translateY(-15px)}.reason-card h3{font-size:22px;position:relative;z-index:1}.reason-card p{font-size:15px;line-height:1.6;color:#f3f3f3;margin-bottom:2rem;position:relative;z-index:1}.reason-icon{position:absolute;bottom:20px;right:20px;font-size:40px;transition:all .5s ease;animation:float 3s ease-in-out infinite}.reason-card:hover .reason-icon{transform:rotate(360deg) scale(1.5)}.footer{background-color:#0b0b0b;color:#fff;padding:50px 80px;border-top:2px solid #8B5CF6;font-family:Inter,sans-serif;position:relative;animation:slideInUp .8s ease-out}.footer-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.footer-brand{font-family:Pacifico,cursive;font-size:2rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#4f46e5,#8b5cf6 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px;animation:float 3s ease-in-out infinite;transition:all .3s ease}.footer-brand:hover{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(139,92,246,.5))}.footer-links{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;margin-bottom:30px}.footer-column{animation:slideInUp .6s ease-out;animation-fill-mode:both}.footer-column:nth-child(1){animation-delay:.2s}.footer-column:nth-child(2){animation-delay:.4s}.footer-column:nth-child(3){animation-delay:.6s}.footer-column:nth-child(4){animation-delay:.8s}.footer-column h4{font-size:16px;margin-bottom:15px;color:#8b5cf6;position:relative;display:inline-block}.footer-column h4:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#4f46e5,#8b5cf6);transition:width .3s ease}.footer-column:hover h4:after{width:100%}.footer-column a{display:block;text-decoration:none;color:#fff;margin-bottom:10px;font-size:14px;transition:all .3s ease;position:relative;padding-left:0}.footer-column a:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all .3s ease;color:#8b5cf6}.footer-column a:hover{color:#8b5cf6;transform:translate(20px)}.footer-column a:hover:before{opacity:1;left:0}.footer-bottom{text-align:center;font-size:14px;color:#aaa;animation:slideInUp .6s ease-out 1s both}.moviesPage{padding:40px;background:#0f0f0f;animation:fadeIn .8s ease-out}.movieSection{margin-top:80px;margin-bottom:40px;animation:slideInUp .8s ease-out}.movieTitle{color:#8b5cf6;margin-bottom:15px;font-size:22px;animation:slideInLeft .6s ease-out;position:relative;display:inline-block}.movieTitle:after{content:"";position:absolute;bottom:-5px;left:0;width:50px;height:2px;background:#8b5cf6;transition:width .3s ease}.movieSection:hover .movieTitle:after{width:100%}.sliderWrapper{position:relative}.movieRow{display:flex;gap:15px;overflow-x:auto;scroll-behavior:smooth}.movieRow::-webkit-scrollbar{display:none}.movieCard{position:relative;flex:0 0 auto;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:scaleIn .5s ease-out;animation-fill-mode:both}.movieCard img{width:200px;height:300px;object-fit:cover;border-radius:10px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:block}.movieCard:hover img{transform:scale(1.1) translateY(-10px);box-shadow:0 20px 30px #8b5cf680;filter:brightness(.5)}.movie-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.7),transparent);color:#fff;padding:20px 15px 15px;border-radius:0 0 10px 10px;opacity:0;transform:translateY(20px);transition:all .4s ease;pointer-events:none;z-index:2}.movieCard:hover .movie-info{opacity:1;transform:translateY(0)}.movie-info h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#8b5cf6;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:slideInFromBottom .3s ease-out .1s both}.movie-info p{font-size:12px;line-height:1.4;color:#ddd;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:slideInFromBottom .3s ease-out .2s both}.movie-info button{border:none;font-weight:600;border-radius:5px;padding:8px 12px;background-color:#b20710;color:#000}.arrow{position:absolute;top:40%;transform:translateY(-50%);background:#0009;background-color:#8b5cf6;border:none;color:#000;font-size:28px;padding:10px 15px;cursor:pointer;z-index:10;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:pulse 2s infinite}.arrow:hover{transform:translateY(-50%) scale(1.2);background:#8b5cf6;box-shadow:0 0 30px #8b5cf6cc}.left{left:0}.right{right:0}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#000,#141414);padding:20px;margin-top:2rem;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(139,92,246,.1) 0%,transparent 70%);animation:pulse 3s infinite}.auth-card{background-color:#111;padding:40px;width:100%;max-width:420px;border-radius:20px;box-shadow:0 20px 40px #0009;text-align:center;border:1px solid rgba(255,255,255,.08);animation:scaleIn .6s ease-out;position:relative;z-index:1}.auth-card h1{color:#fff;margin-bottom:25px;font-size:2rem;animation:slideInLeft .6s ease-out}.auth-card input{width:100%;padding:14px 15px;margin-bottom:18px;border-radius:8px;border:1px solid #333;background-color:#1c1c1c;color:#fff;font-size:1rem;outline:none;transition:all .3s ease;animation:slideInRight .6s ease-out;animation-fill-mode:both}.auth-card input:nth-of-type(1){animation-delay:.2s}.auth-card input:nth-of-type(2){animation-delay:.3s}.auth-card input:focus{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf64d}.auth-card button{width:100%;padding:14px;border-radius:8px;border:none;background-color:#8b5cf6;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:bounceIn .8s ease-out .4s both;position:relative;overflow:hidden}.auth-card button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.auth-card button:hover:before{width:300px;height:300px}.auth-card button:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 10px 25px #8b5cf680}.auth-card a{color:#8b5cf6;font-weight:500;transition:all .3s ease;position:relative;display:inline-block}.auth-card a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#8b5cf6;transition:width .3s ease}.auth-card a:hover{color:#fff;transform:translate(5px)}.auth-card a:hover:after{width:100%}.auth-card p{margin-top:10px;animation:slideInUp .3s ease-out}@media(max-width:500px){.auth-card{padding:30px 20px}.auth-card h1{font-size:1.6rem}.home-content h1{font-size:32px}.home-content p{font-size:16px}.trending-section,.reasons-section{padding:40px 20px}}@media(max-width:768px){.footer{padding:40px 20px}.footer-links{flex-direction:column;text-align:center;gap:25px}.footer-column a{font-size:13px}.footer-brand{text-align:center}.footer-bottom{font-size:13px}.movieCard img{width:150px;height:225px}.movie-info h3{font-size:14px}.movie-info p{font-size:11px;-webkit-line-clamp:2}}@media(max-width:1024px){.nav-links{display:none}.right-section{gap:.5rem}.signin-btn,.signup-btn,.profile-icon,.mobile-menu-icon{display:block}.arrow-left{left:-15px}.arrow-right{right:-15px}.arrow-btn{height:40px;width:40px;font-size:20px}}@media(max-width:570px){.navbar{padding:0 1rem;height:4rem}.logo{font-size:1.55rem;margin-right:.8rem}.signin-btn,.signup-btn{padding:.4rem .8rem;font-size:.9rem}.mobile-menu{width:12rem;top:4rem;right:.5rem;padding:.8rem}.mobile-menu a,.mobile-btn{font-size:.95rem;padding:.6rem .8rem}.profile-icon,.mobile-menu-icon{font-size:1.4rem}.movie-card{min-width:140px;height:210px}.movie-info{padding:12px 10px 8px}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}