body{color:#e5e7eb;background:radial-gradient(circle at top,#1e293b,#020617)}a{color:inherit;text-decoration:none}html{overflow-y:scroll}.home{padding-bottom:40px}.hero{background:linear-gradient(#0009,#020617f2),url(https://images.unsplash.com/photo-1489599849927-2ee91cede3ba) 50%/cover no-repeat;align-items:center;height:80vh;padding:0 60px;animation:1.5s ease-in fadeIn;display:flex}.hero-content h1{margin-bottom:12px;font-size:3.5rem}.hero-content p{color:#cbd5f5;margin-bottom:20px;font-size:1.2rem}.hero-btn{color:#fff;cursor:pointer;background-color:#e50914;border:none;border-radius:8px;padding:12px 26px;font-size:1rem;transition:transform .3s,background .3s}.hero-btn:hover{background-color:#f6121d;transform:scale(1.05)}.movies-section{padding:40px 60px}.movies-section h2{margin-bottom:20px;font-size:2rem}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px;display:grid}.movie-card{cursor:pointer;opacity:0;background-color:#020617;border-radius:14px;animation:.8s forwards slideUp;overflow:hidden;transform:translateY(30px)}.movie-card:first-child{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 img{object-fit:cover;width:100%;height:320px;transition:transform .4s}.movie-card:hover img{transform:scale(1.08)}.movie-info{padding:12px}.movie-info h3{margin-bottom:6px;font-size:1rem}.movie-info span{color:#facc15;font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.navbar{color:#fff;background:#020617;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.navbar-left{align-items:center;gap:2rem;display:flex}.logo{font-size:1.5rem;font-weight:700}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links li{cursor:pointer}.navbar-right{align-items:center;gap:1rem;display:flex}.search-box{border:none;border-radius:6px;outline:none;padding:.5rem .8rem}.user-avatar{border-radius:50%;width:36px;height:36px}@media (max-width:1199px){.nav-links{gap:1rem}.logo{font-size:1.4rem}}@media (max-width:1023px){.search-box{width:160px}.nav-links li{font-size:.95rem}}@media (max-width:767px){.navbar{flex-direction:column;gap:1rem}.navbar-left{flex-direction:column;gap:.8rem}.nav-links{gap:1rem}.navbar-right{justify-content:center;width:100%}}@media (max-width:575px){.nav-links{display:none}.navbar{padding:1rem}.logo{font-size:1.3rem}.search-box{width:100%}.navbar-right{justify-content:space-between;width:100%}}.footer{color:#e5e5e5;background:linear-gradient(135deg,#0f0f0f,#1c1c1c);padding:3rem 1.5rem 1rem;font-family:Inter,sans-serif}.footer-container{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:auto;display:grid}.footer-brand h2{color:#e50914;margin-bottom:.5rem;font-size:1.8rem;animation:.8s fadeInUp}.footer-brand p{color:#b3b3b3;font-size:.95rem;line-height:1.5}.footer-links h4,.footer-social h4{margin-bottom:1rem;font-size:1.1rem;position:relative}.footer-links h4:after,.footer-social h4:after{content:"";background:#e50914;width:40px;height:2px;position:absolute;bottom:-6px;left:0}.footer-links ul{padding:0;list-style:none}.footer-links ul li{cursor:pointer;color:#b3b3b3;margin-bottom:.6rem;transition:color .3s,transform .3s}.footer-links ul li:hover{color:#fff;transform:translate(6px)}.social-icons{gap:1rem;font-size:1.2rem;display:flex}.social-icons svg{cursor:pointer;transition:transform .3s,color .3s}.social-icons svg:hover{color:#e50914;transform:scale(1.2)rotate(5deg)}.footer-bottom{text-align:center;color:#888;border-top:1px solid #2a2a2a;margin-top:2rem;padding-top:1rem;font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.footer-container{text-align:center;grid-template-columns:1fr}.footer-links h4:after,.footer-social h4:after{left:50%;transform:translate(-50%)}.social-icons{justify-content:center}}.movies-title{text-align:center;letter-spacing:1.2px;margin-bottom:2.5rem;font-size:2.4rem;font-weight:700;color:#666!important;-webkit-text-fill-color:#dbd8d8!important;background:0 0!important}@media (max-width:575px){.book-movie,.add-cart{padding:.55rem;font-size:.8rem}}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1199px){.movies-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px){.movies-grid{grid-template-columns:repeat(3,1fr)}.movie-card p{font-size:.9rem}}@media (max-width:767px){.movies-grid{grid-template-columns:repeat(2,1fr)}.movies-title{text-align:center;font-size:1.6rem}}@media (max-width:575px){.movies-grid{grid-template-columns:1fr}.movie-card{padding:1rem}.movie-card h2{font-size:1.1rem}.movie-card p{font-size:.85rem}.movies-container{padding:1.5rem 1rem}.movies-grid{grid-template-columns:1fr;gap:1rem}.movie-card{border-radius:12px}.movie-poster{border-radius:10px;height:auto}.movie-card h2{margin:.5rem 0;font-size:1.1rem}.movie-card p{font-size:.85rem;line-height:1.4}.nav-links{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.nav-links li{font-size:.85rem}.navbar{flex-direction:column;gap:.8rem}.navbar-right{justify-content:space-between;width:100%}.search-box{width:100%}}.toast{color:#fff;z-index:9999;background:#020617;border-radius:10px;max-width:90vw;padding:12px 18px;font-size:14px;font-weight:500;animation:.35s cubic-bezier(.16,1,.3,1) toastIn,.35s 1.8s toastOut;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 30px #00000059}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(10px)scale(.95)}}@media (max-width:480px){.toast{bottom:15px;right:50%;transform:translate(50%)}}body{color:#e5e7eb;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#020617,#020617);font-family:Inter,system-ui,sans-serif}.movies-container{max-width:1280px;margin:auto;padding:10px 2rem 1rem}.movies-title{text-align:center;letter-spacing:1.2px;background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2.5rem;font-size:2.4rem;font-weight:700}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;display:grid}.movie-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617b3;border-radius:18px;padding:1.4rem;transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s;animation:.6s forwards cardEnter;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000008c}.movie-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000,#38bdf84d,#0000);transition:opacity .45s;position:absolute;inset:0}.movie-card:hover{transform:translateY(-12px)scale(1.05);box-shadow:0 30px 70px #000000bf}.movie-card:hover:before{opacity:1}.movie-poster{object-fit:cover;border-radius:14px;width:100%;height:380px;margin-bottom:1rem;transition:transform .6s}.movie-card:hover .movie-poster{transform:scale(1.06)}.movie-card h2{color:#f8fafc;margin-bottom:.4rem;font-size:1.15rem;font-weight:600;line-height:1.3}.movie-card p{color:#94a3b8;max-height:4.5em;font-size:.9rem;line-height:1.5;overflow:hidden}.movie-card .actions{gap:.8rem;margin-top:.8rem;display:flex}.book-movie{color:#020617;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#818cf8);border:none;border-radius:10px;flex:1;padding:.6rem;font-size:.85rem;font-weight:600;transition:transform .3s,box-shadow .3s}.book-movie:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf873}.add-cart{color:#e5e7eb;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #94a3b84d;border-radius:10px;flex:1;padding:.6rem;font-size:.85rem;font-weight:500;transition:background .3s,transform .3s}.add-cart:hover{background:#1e293be6;transform:translateY(-2px)}@media (max-width:575px){.book-movie,.add-cart{padding:.55rem;font-size:.8rem}}.loading{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#38bdf8;background:#02061799;border-radius:14px;width:fit-content;margin:8rem auto;padding:1rem 1.6rem;font-size:1.2rem;font-weight:600;animation:1.6s ease-in-out infinite glow;box-shadow:0 20px 40px #0009}@keyframes glow{0%,to{box-shadow:0 0 20px #38bdf84d}50%{box-shadow:0 0 40px #38bdf899}}@media (max-width:1199px){.movies-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px){.movies-grid{grid-template-columns:repeat(3,1fr)}.movie-card p{font-size:.9rem}}@media (max-width:767px){.movies-grid{grid-template-columns:repeat(2,1fr)}.movies-title{text-align:center;font-size:1.6rem}}@media (max-width:575px){.movies-grid{grid-template-columns:1fr}.movie-card{padding:1rem}.movie-card h2{font-size:1.1rem}.movie-card p{font-size:.85rem}}.toast{color:#000;z-index:9999;word-wrap:break-word;background:#fff;border-radius:10px;max-width:90vw;padding:12px 18px;font-size:14px;font-weight:500;animation:.3s slideUp,.3s 1.7s fadeOut;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 30px #00000059}@media (max-width:480px){.toast{padding:10px 16px;font-size:13px;bottom:15px;right:50%;transform:translate(50%)}}.pagination{justify-content:center;align-items:center;gap:15px;margin:30px 0;display:flex}.pagination button{color:#fff;cursor:pointer;background:#ff3d3d;border:none;border-radius:6px;padding:8px 16px}.pagination button:disabled{cursor:not-allowed;background:#999}.pagination span{font-weight:700}.watchlist-container{color:#f1e4e4;flex-direction:column;gap:3rem;max-width:1100px;margin:2rem auto;padding:0 1rem;font-family:Inter,sans-serif;display:flex}.watchlist-section{background:#1b1a1a86;border-radius:12px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 18px #00000014}.watchlist-section:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001f}.watchlist-section h1{color:#f8f6f6;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.watchlist-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.2rem;margin:0;padding:0;list-style:none;display:grid}.watchlist-list li{cursor:pointer;background:#f1f1f1;border:1px solid #000;border-radius:20px;flex-direction:column;align-items:center;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.watchlist-list li:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.movie-poster{object-fit:cover;border-bottom:1px solid #eee;width:100%;height:210px;transition:transform .25s}.watchlist-list li:hover .movie-poster{transform:scale(1.03)}.movie-title{color:#333;text-align:center;padding:.5rem 0;font-size:.95rem;font-weight:600}.watchlist-section p{color:#888;text-align:center;padding:1rem 0;font-size:1rem}@media (max-width:1024px){.watchlist-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){.watchlist-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:480px){.watchlist-section h1{font-size:1.5rem}.watchlist-section h2{font-size:1.1rem}.movie-poster{height:180px}}.remove-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:999px;margin:.6rem 0 1rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;box-shadow:0 4px 10px #b91c1c40}.remove-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px)scale(1.05);box-shadow:0 8px 18px #b91c1c59}.remove-button:active{transform:scale(.95);box-shadow:0 4px 8px #b91c1c4d}.remove-button:focus{outline:none;box-shadow:0 0 0 3px #ef444466}@media (max-width:768px){.remove-button{padding:.35rem .75rem;font-size:.75rem}}@media (max-width:480px){.remove-button{padding:.3rem .7rem;font-size:.7rem}}