html,body{width:100%;overflow-x:hidden}.bigger-container{min-height:100vh;width:100%;margin-top:0;background:linear-gradient(135deg,#fdfbff,#f3e8ff 40%,#ffe7f4);padding-bottom:10px}.box-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem;max-width:100%;margin:0 auto}@media(min-width:480px){.box-wrapper{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}}@media(min-width:600px){.box-wrapper{grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:1.25rem}}@media(min-width:768px){.box-wrapper{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1.5rem}}@media(min-width:1024px){.box-wrapper{grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:2rem}}@media(min-width:1280px){.box-wrapper{grid-template-columns:repeat(6,1fr);gap:2rem;padding:2rem}}.dim-light{background:linear-gradient(135deg,#1b0f11,#2a181b)}.page-change-buttons{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:2.5rem 0;flex-wrap:wrap;margin-bottom:0}.page-change-buttons button{padding:.55rem 1rem;font-size:.95rem;font-weight:500;border-radius:10px;border:none;cursor:pointer;color:#e5e7eb;background:linear-gradient(145deg,#020617,#020617);box-shadow:inset 0 0 0 1px #ffffff0f,0 4px 12px #0009;transition:all .25s ease}.page-change-buttons button:hover{transform:translateY(-2px);background:linear-gradient(145deg,#020617,#0f172a);box-shadow:inset 0 0 0 1px #38bdf84d,0 6px 18px #000c}.page-change-buttons button:active{transform:scale(.96)}.page-change-buttons button:nth-child(3){cursor:default;pointer-events:none;color:#38bdf8;font-weight:600;background:linear-gradient(135deg,#0f172a,#020617);box-shadow:inset 0 0 0 1px #38bdf899,0 0 20px #38bdf840}.skeleton-container{padding:20px}.go-top{position:fixed;top:90%;z-index:2;width:50px;right:10px;padding:10px 15px;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;box-shadow:0 4px 14px #6366f166;transition:all .3s ease;cursor:pointer}.go-top:hover{transform:scale(1.1);box-shadow:0 6px 20px #6366f180,0 0 30px #6366f14d}.go-top:active{transform:scale(1)}.card{border-radius:20px;width:100%;max-width:100%;margin:0;padding:1rem;background:linear-gradient(145deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #fffc;border:1px solid rgba(203,213,225,.3);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden;aspect-ratio:auto}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.5),transparent);opacity:0;transition:opacity .4s ease}.card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 16px 48px #0003,0 4px 16px #0000001f,inset 0 1px #ffffffe6,0 0 0 1px #38bdf833,0 0 40px #38bdf826;border-color:#38bdf866}.card:hover:before{opacity:1}.inner-card-container{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.image-wrap{position:relative;width:85%;margin-bottom:1rem;border-radius:12px;background:#0000000d;aspect-ratio:2/3}.card .movie-poster{width:100%;height:100%;object-fit:cover;border-radius:12px;margin:0;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.card .main{position:relative;z-index:1}.card:hover .main{transform:scale(1.05)}.card .blur{position:absolute;filter:blur(25px);height:80px;top:75%;width:120%;left:-10%;opacity:.6;z-index:0;transition:opacity .4s ease}.card:hover .blur{opacity:.8}.movie-info{display:flex;flex-direction:column;align-items:center;width:100%;z-index:1;margin-bottom:.5rem}.movie-title{font-size:1.1rem;font-weight:700;max-width:100%;margin:.75rem 0;padding:0 .5rem;text-align:center;line-height:1.4;z-index:1;background:linear-gradient(135deg,#1e293b,#334155,#475569);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8em;transition:all .3s ease}.card:hover .movie-title{background:linear-gradient(135deg,#38bdf8,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.star-image{height:24px;width:auto;margin-top:.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.card:hover .star-image{transform:scale(1.1)}.full-details{margin-top:.75rem;padding:.65rem 1.5rem;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:.5rem;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;border-radius:12px;box-shadow:0 4px 14px #38bdf866,inset 0 1px #fff3;position:relative;overflow:hidden;width:90%}.full-details:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.full-details:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf880,inset 0 1px #ffffff4d,0 0 30px #38bdf84d}.full-details:hover:before{width:300px;height:300px}.full-details:active{transform:translateY(0)}.fav-container{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;background:linear-gradient(135deg,#38bdf8e6,#6366f1e6);border-radius:50%;z-index:10;box-shadow:0 4px 12px #38bdf866,inset 0 1px #fff3;border:2px solid rgba(255,255,255,.2)}.fav-container i{font-size:.9rem;transition:transform .3s ease}.fav-container:hover{transform:scale(1.15);background:linear-gradient(135deg,#ef4444e6,#dc2626e6);box-shadow:0 6px 20px #ef444480,inset 0 1px #ffffff4d}.fav-container:hover i{transform:scale(1.2)}.is-favourite{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444480,inset 0 1px #ffffff4d;border-color:#ffffff4d}.is-favourite:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444499,inset 0 1px #fff6}.dim-light-card{background:linear-gradient(145deg,#1e1e32f2,#141423e6);border-color:#38bdf833;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff0d}.dim-light-card:before{background:linear-gradient(90deg,transparent,rgba(56,189,248,.6),transparent)}.dim-light-card:hover{border-color:#38bdf866;box-shadow:0 16px 48px #0009,0 4px 16px #0006,inset 0 1px #ffffff1a,0 0 0 1px #38bdf84d,0 0 40px #38bdf833}.dim-light-card .image-wrap{background:#0000004d}.dim-light-card .movie-title{background:linear-gradient(135deg,#e5e7eb,#d1d5db,#9ca3af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dim-light-card:hover .movie-title{background:linear-gradient(135deg,#38bdf8,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.black-title{background:linear-gradient(135deg,#1e293b,#334155,#475569);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:479px){.card{padding:.75rem;border-radius:16px}.movie-title{font-size:.9rem;min-height:2.4em;margin:.5rem 0}.full-details{font-size:.75rem;padding:.5rem .875rem;width:95%}.fav-container{width:28px;height:28px;top:.5rem;right:.5rem}.fav-container i{font-size:.75rem}.star-image{height:18px}.image-wrap{width:90%;margin-bottom:.75rem}}@media(min-width:480px)and (max-width:599px){.card{padding:.875rem}.movie-title{font-size:.95rem;min-height:2.6em}.full-details{font-size:.8rem;padding:.55rem 1rem}.fav-container{width:30px;height:30px;top:.625rem;right:.625rem}.star-image{height:20px}}@media(min-width:600px)and (max-width:767px){.card{padding:.875rem}.movie-title{font-size:1rem}.full-details{font-size:.85rem;padding:.6rem 1.25rem}.fav-container{width:32px;height:32px}}@media(min-width:768px)and (max-width:1023px){.card{padding:1rem}.movie-title{font-size:1.05rem}.full-details{font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}.header-container{display:flex;align-items:center;width:100%;margin-top:0;padding:10px 1rem;position:relative;gap:.75rem;flex-wrap:nowrap}.search-input{flex:1;min-width:0;max-width:80%;border:1px solid rgb(75,179,132);font-size:1rem;background:#fff;border:2px solid #d4caff;border-radius:30px;padding:12px 20px;box-shadow:0 0 10px #785aff26}.search-input:focus{outline:none;border:2px solid rgb(50,130,96)}.search-button:hover{background-color:#328260;transform:scale(1.02)}.search-button{padding:.5em 1em;margin-left:.5em;background:linear-gradient(135deg,#ff6ec4,#7873f5);color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease-in}.toggle-theme{width:55px;height:25px;position:relative;border-radius:13px;display:flex;align-items:center;flex-shrink:0;cursor:pointer;z-index:10;margin-left:0}.toggle-circle{width:20px;height:20px;background-color:#fff;position:relative;border-radius:50%;margin-left:3px}.not-toggled{background:linear-gradient(135deg,#2c2c2c,#1b1b1b)}.toggled{background:linear-gradient(135deg,#00c6ff,#0072ff)}.on-state{animation:onState .5s ease forwards}@keyframes onState{0%{transform:translate(0);opacity:0}to{transform:translate(30px);opacity:1}}.off-state{animation:offState .5s ease forwards}@keyframes offState{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.inner-header-container{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;gap:.5rem}.watchlist{position:relative;flex-shrink:0;background:linear-gradient(135deg,#ff6ec4,#7873f5);color:#fff;margin-left:0;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0}@media(max-width:768px){.header-container{padding:10px .75rem;gap:.5rem}.search-input{font-size:.9rem;padding:10px 16px}.inner-header-container{flex:1;min-width:0}.watchlist{min-width:40px;height:40px;font-size:.9rem}.cancel-button{right:auto;margin-left:-2rem;font-size:1.3rem;color:#fff}}@media(max-width:480px){.header-container{padding:8px .5rem;gap:.4rem}.search-input{font-size:.85rem;padding:8px 14px;border-radius:25px}.watchlist{min-width:36px;height:36px;font-size:.85rem;padding:0}.cancel-button{font-size:1.2rem;margin-left:-1.8rem;margin-top:.3em}}.header-title-box{display:flex;margin-left:10px;transition:all .3s ease-in;padding:3px;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.04em}.search-result{color:#fff;text-decoration:none;transition:all .3s ease-in}.header-title-box:hover{background:linear-gradient(135deg,#0ea5e9,#2563eb);transform:translate(6px)}.search-result-card{margin-left:20px}.search-list-color{color:#000}.match-not-found{margin-left:10px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;opacity:.85}.no-watch-light-theme{color:#fff}.cancel-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;cursor:pointer;z-index:2;transition:all .5s ease;color:#fff;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff1a}.cancel-button:hover{transform:translateY(-50%) scale(1.1);color:#1b1b1b;background:#fff3}.cancel-light-theme{color:#000;background:#0000001a}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.page-container{min-height:100vh;margin-top:0;padding:3rem 2rem;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);color:#e5e7eb;position:relative;overflow-x:hidden}.page-container:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:radial-gradient(ellipse at top,rgba(56,189,248,.15),transparent);pointer-events:none}.watchlist-header{text-align:center;font-size:clamp(2rem,5vw,3.5rem);margin-bottom:3rem;font-weight:800;letter-spacing:-.02em;z-index:1;background:linear-gradient(135deg,#38bdf8,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(56,189,248,.3);position:relative}.watchlist-header:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);border-radius:2px}.movies-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;padding:1rem 0;max-width:1400px;margin:0 auto;position:relative;z-index:1}.card-container{display:flex;flex-direction:column;padding:1.25rem;background:linear-gradient(145deg,#1e1e32cc,#141423e6);border:1px solid rgba(56,189,248,.2);border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d,0 0 0 1px #38bdf81a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);opacity:0;transition:opacity .4s ease}.card-container:hover{transform:translateY(-8px) scale(1.02);border-color:#38bdf866;box-shadow:0 16px 48px #0009,inset 0 1px #ffffff1a,0 0 0 1px #38bdf84d,0 0 40px #38bdf833}.card-container:hover:before{opacity:1}.image-contain{position:relative;width:100%;margin-bottom:1rem;border-radius:12px;overflow:hidden;background:#0000004d;aspect-ratio:2/3}.image-contain img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block}.card-container:hover .image-contain img{transform:scale(1.08)}.watchList-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;min-height:80px}.watchlist-title{font-size:1.1rem;font-weight:700;line-height:1.4;color:#f3f4f6;text-align:left;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.card-container:hover .watchlist-title{color:#38bdf8}.movie-rating{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fbbf24;background:#fbbf241a;padding:.5rem .75rem;border-radius:8px;width:fit-content;border:1px solid rgba(251,191,36,.2)}.movie-rating:before{content:"⭐";font-size:1.1rem}.remove-btn{width:100%;padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444466,inset 0 1px #ffffff1a}.remove-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.remove-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480,inset 0 1px #ffffff26,0 0 20px #ef44444d}.remove-btn:hover:before{width:300px;height:300px}.remove-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ef444466,inset 0 1px #ffffff1a}.empty-watchlist{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;position:relative;z-index:1}.empty-watchlist:before{content:"🎬";font-size:5rem;opacity:.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.empty-watchlist h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em;background:linear-gradient(135deg,#38bdf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-watchlist p{font-size:1.15rem;color:#9ca3af;max-width:500px;line-height:1.7;font-weight:400}.bright-watchlist{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);color:#1f2937}.bright-watchlist .card-container{background:linear-gradient(145deg,#ffffffe6,#f8fafcf2);border-color:#cbd5e180;box-shadow:0 8px 32px #0000001a,inset 0 1px #fffc,0 0 0 1px #94a3b833}.bright-watchlist .card-container:hover{border-color:#38bdf866;box-shadow:0 16px 48px #00000026,inset 0 1px #ffffffe6,0 0 0 1px #38bdf84d,0 0 40px #38bdf826}.bright-watchlist .watchlist-title{color:#1f2937}.bright-watchlist .watchlist-title:hover{color:#2563eb}.bright-watchlist .empty-watchlist p{color:#64748b}.bright-watchlist:before{background:radial-gradient(ellipse at top,rgba(56,189,248,.08),transparent)}@media(max-width:768px){.page-container{padding:2rem 1rem}.movies-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem}.card-container{padding:1rem}.watchlist-header{margin-bottom:2rem}}@media(max-width:480px){.movies-container{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.watchlist-title{font-size:1rem}.movie-rating{font-size:.9rem;padding:.4rem .6rem}}.details-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);display:flex;justify-content:center;align-items:center;padding:2rem 1rem;color:#e5e7eb;transition:background .4s ease;position:relative;overflow-x:hidden}.details-page:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:radial-gradient(ellipse at top,rgba(56,189,248,.12),transparent);pointer-events:none;z-index:0}.details-container{max-width:1200px;width:100%;display:grid;grid-template-columns:350px 1fr;gap:3rem;padding:3rem;border-radius:24px;background:linear-gradient(145deg,#1e1e32f2,#141423fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d,0 0 0 1px #38bdf826;border:1px solid rgba(56,189,248,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.details-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);border-radius:24px 24px 0 0;opacity:.6}.poster{position:relative;width:100%;height:fit-content}.poster img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px #0009,0 0 0 1px #38bdf833,0 0 40px #38bdf84d;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block;background:#0000004d}.details-container:hover .poster img{transform:scale(1.02);box-shadow:0 25px 70px #000000b3,0 0 0 1px #38bdf84d,0 0 60px #38bdf866}.info{display:flex;flex-direction:column;gap:1.5rem;transition:color .3s ease}.title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0;background:linear-gradient(135deg,#38bdf8,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:1rem}.title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:2px}.meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.meta span{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:12px;font-size:.95rem;font-weight:600;color:#e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.meta span:hover{background:#38bdf826;border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf833}.meta span:first-child{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2433}.meta span:first-child:hover{background:#fbbf2426;border-color:#fbbf2466;box-shadow:0 4px 12px #fbbf2433}.meta span:nth-child(2){color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa33}.meta span:nth-child(2):hover{background:#60a5fa26;border-color:#60a5fa66;box-shadow:0 4px 12px #60a5fa33}.meta span:nth-child(3){color:#f97316;background:#f973161a;border-color:#f9731633}.meta span:nth-child(3):hover{background:#f9731626;border-color:#f9731666;box-shadow:0 4px 12px #f9731633}.overview{font-size:1.1rem;line-height:1.8;color:#d1d5db;margin:0;padding:1.5rem;background:#0003;border-radius:16px;border:1px solid rgba(56,189,248,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.watchlist-btn{flex:1;min-width:180px;padding:1rem 2rem;border-radius:12px;border:none;font-weight:700;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;box-shadow:0 4px 14px #38bdf866,inset 0 1px #fff3}.watchlist-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.watchlist-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #38bdf880,inset 0 1px #ffffff4d,0 0 30px #38bdf84d}.watchlist-btn:hover:before{width:300px;height:300px}.watchlist-btn:active{transform:translateY(-1px)}.watchlist-btn:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 2px 8px #22c55e4d,inset 0 1px #fff3}.watchlist-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #22c55e4d,inset 0 1px #fff3}.back-btn{padding:1rem 2rem;border-radius:12px;background:transparent;border:1px solid rgba(56,189,248,.4);color:#e5e7eb;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 14px #38bdf833,inset 0 1px #ffffff0d}.back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(56,189,248,.1),transparent);transition:left .5s}.back-btn:hover{background:#38bdf81a;border-color:#38bdf899;transform:translateY(-3px);box-shadow:0 8px 24px #38bdf84d,inset 0 1px #ffffff1a,0 0 30px #38bdf833}.back-btn:hover:before{left:100%}.back-btn:active{transform:translateY(-1px)}.bright-details{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);color:#1f2937}.bright-details:before{background:radial-gradient(ellipse at top,rgba(56,189,248,.08),transparent)}.bright-details-container{background:linear-gradient(145deg,#fffffff2,#f8fafcfa);border-color:#cbd5e180;box-shadow:0 20px 60px #0000001a,inset 0 1px #fffc,0 0 0 1px #94a3b833}.bright-info .title{background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bright-info .title:after{background:linear-gradient(90deg,#2563eb,#4f46e5)}.bright-info .meta span{color:#1f2937;background:#2563eb14;border-color:#2563eb26}.bright-info .meta span:hover{background:#2563eb1f;border-color:#2563eb40}.bright-info .meta span:first-child{color:#d97706;background:#d9770614;border-color:#d9770626}.bright-info .meta span:first-child:hover{background:#d977061f;border-color:#d9770640}.bright-info .overview{color:#374151;background:#00000008;border-color:#94a3b833}.bright-details .back-btn{color:#1f2937;border-color:#2563eb4d;background:#2563eb0d}.bright-details .back-btn:hover{background:#2563eb1a;border-color:#2563eb80;box-shadow:0 8px 24px #2563eb33,inset 0 1px #fffc}@media(max-width:968px){.details-container{grid-template-columns:1fr;gap:2rem;padding:2rem}.poster{max-width:300px;margin:0 auto}.title{text-align:center}.title:after{left:50%;transform:translate(-50%)}.meta,.actions{justify-content:center}}@media(max-width:640px){.details-page{padding:1rem .5rem}.details-container{padding:1.5rem;border-radius:20px}.title{font-size:1.75rem}.meta{flex-direction:column;align-items:stretch}.meta span{justify-content:center}.actions{flex-direction:column}.watchlist-btn,.back-btn{width:100%}.overview{font-size:1rem;padding:1.25rem}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);position:relative;overflow-x:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:radial-gradient(ellipse at top,rgba(56,189,248,.1),transparent);pointer-events:none;z-index:0}.login-form{display:flex;flex-direction:column;width:100%;max-width:420px;padding:2.5rem;border-radius:24px;background:linear-gradient(145deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000026,inset 0 1px #fffc,0 0 0 1px #94a3b833;border:1px solid rgba(203,213,225,.3);gap:1.25rem;position:relative;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.login-form:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);border-radius:24px 24px 0 0;opacity:.6}.login-form:hover{box-shadow:0 25px 70px #0003,inset 0 1px #ffffffe6,0 0 0 1px #38bdf84d,0 0 40px #38bdf826;transform:translateY(-4px)}.login-title{margin-bottom:1.5rem;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;text-align:center;background:linear-gradient(135deg,#38bdf8,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.login-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:2px}.login-form label{margin-bottom:.5rem;font-weight:600;font-size:.95rem;color:#374151;letter-spacing:.01em;transition:color .3s ease}.login-form:hover label{color:#1f2937}#username,#password{padding:.875rem 1.25rem;margin-bottom:.5rem;border:1.5px solid rgba(203,213,225,.5);border-radius:12px;font-size:1rem;background:#fffc;color:#1f2937;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;width:100%;box-sizing:border-box}#username:focus,#password:focus{outline:none;border-color:#38bdf8;background:#fffffff2;box-shadow:0 0 0 3px #38bdf81a,0 4px 12px #38bdf826;transform:translateY(-1px)}#username::placeholder,#password::placeholder{color:#9ca3af;opacity:.7}.login-form button{padding:.875rem 2rem;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-top:.5rem;box-shadow:0 4px 14px #38bdf866,inset 0 1px #fff3}.login-form button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-form button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf880,inset 0 1px #ffffff4d,0 0 30px #38bdf84d}.login-form button:hover:before{width:300px;height:300px}.login-form button:active{transform:translateY(0)}.register-link{color:#38bdf8;text-decoration:none;font-weight:500;font-size:.9rem;text-align:center;margin-top:.5rem;transition:all .3s ease;position:relative}.register-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#38bdf8,#6366f1);transition:width .3s ease}.register-link:hover{color:#2563eb}.register-link:hover:after{width:100%}.go-back{margin-top:.75rem;color:#6b7280;text-decoration:none;font-weight:500;font-size:.9rem;text-align:center;transition:all .3s ease;position:relative;padding:.5rem;border-radius:8px}.go-back:hover{color:#38bdf8;background:#38bdf80d}.dark-theme{background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);color:#e5e7eb}.dark-theme:before{background:radial-gradient(ellipse at top,rgba(56,189,248,.12),transparent)}.dark-theme .login-title{background:linear-gradient(135deg,#38bdf8,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .login-title:after{background:linear-gradient(90deg,#38bdf8,#6366f1)}.dark-form{background:linear-gradient(145deg,#1e1e32f2,#141423e6);border-color:#38bdf833;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d,0 0 0 1px #38bdf826}.dark-form:before{background:linear-gradient(90deg,transparent,#38bdf8,transparent)}.dark-form:hover{border-color:#38bdf866;box-shadow:0 25px 70px #0009,inset 0 1px #ffffff1a,0 0 0 1px #38bdf84d,0 0 40px #38bdf833}.dark-form label{color:#d1d5db}.dark-form:hover label{color:#e5e7eb}.dark-form input{background:#0000004d;border-color:#38bdf833;color:#e5e7eb}.dark-form input:focus{border-color:#38bdf8;background:#0006;box-shadow:0 0 0 3px #38bdf826,0 4px 12px #38bdf833}.dark-form input::placeholder{color:#9ca3af;opacity:.6}.dark-form .register-link{color:#60a5fa}.dark-form .register-link:hover{color:#38bdf8}.dark-form .register-link:after{background:linear-gradient(90deg,#60a5fa,#38bdf8)}.dark-form .go-back{color:#9ca3af}.dark-form .go-back:hover{color:#60a5fa;background:#38bdf81a}.login-form+p,.dark-form+p{margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:.9rem;font-weight:500;text-align:center;max-width:420px;width:100%}.dark-form+p{background:#ef444426;border-color:#ef444466;color:#fca5a5}@media(max-width:640px){.login-page{padding:1.5rem 1rem}.login-form{padding:2rem 1.5rem;border-radius:20px}.login-title{font-size:1.75rem;margin-bottom:1.25rem}#username,#password{padding:.75rem 1rem;font-size:.95rem}.login-form button{padding:.75rem 1.5rem;font-size:.95rem}}@media(max-width:480px){.login-form{padding:1.75rem 1.25rem}.login-title{font-size:1.5rem}}