@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cinematic-details{position:relative;padding:40px;background:rgba(0,0,0,.75);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);margin-top:20px;border-radius:16px;border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);overflow:hidden;animation:scaleIn .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.1s;opacity:0;box-shadow:0 20px 40px rgba(0,0,0,.8)}.cinematic-backdrop{position:absolute;top:0;left:0;right:0;height:100%;background-size:cover;background-position:top center;opacity:.15;mask-image:linear-gradient(to bottom,#000 0,transparent 80%);-webkit-mask-image:linear-gradient(to bottom,#000 0,transparent 80%);pointer-events:none;z-index:0}.cinematic-content{position:relative;z-index:2;display:flex;gap:40px}.cinematic-poster-wrap{width:260px;flex-shrink:0;animation:fadeInUp .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.3s;opacity:0}.cinematic-poster{width:100%;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.1);aspect-ratio:2/3;object-fit:cover;background:#000;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s ease}.cinematic-poster:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 45px rgba(0,0,0,.9),0 0 25px rgba(229,9,20,.4)}.cinematic-info{flex-grow:1;display:flex;flex-direction:column}.cinematic-title{font-size:2.8rem;font-weight:800;color:#fff;margin-bottom:5px;line-height:1.2;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.8);animation:fadeInUp .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.4s;opacity:0}.cinematic-subtitle{font-size:1.2rem;color:rgba(255,255,255,.7);margin-bottom:20px;font-weight:500;animation:fadeInUp .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.45s;opacity:0}.cinematic-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:25px;animation:fadeInUp .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.5s;opacity:0}.c-badge{background:rgba(255,255,255,.08);padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:700;color:#fff;backdrop-filter:blur(5px);text-decoration:none;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.c-badge:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.c-imdb{background:rgba(245,197,24,.1);color:#f5c518;border:1px solid rgba(245,197,24,.2);display:flex;align-items:center;gap:5px}.c-imdb:hover{background:rgba(245,197,24,.2)}.c-quality{background:linear-gradient(135deg,#e50914,#b20710);color:#fff;border:0;box-shadow:0 4px 10px rgba(229,9,20,.3)}.c-quality:hover{background:linear-gradient(135deg,#ff0a16,#d30812);box-shadow:0 6px 15px rgba(229,9,20,.5)}.c-genre a{color:rgba(255,255,255,.7);text-decoration:none;transition:all .3s;position:relative}.c-genre a::after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#e50914;transition:width .3s ease}.c-genre a:hover{color:#fff}.c-genre a:hover::after{width:100%}.c-genre-dot{margin:0 5px;color:rgba(255,255,255,.3)}.cinematic-overview-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:10px;border-left:4px solid #e50914;padding-left:12px;animation:fadeInUp .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.6s;opacity:0}.cinematic-overview{font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,.85);margin-bottom:30px;max-width:900px;animation:fadeInUp .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.65s;opacity:0}.c-action-btns{display:flex;gap:15px;margin-bottom:30px;align-items:center;animation:fadeInUp .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.55s;opacity:0}.c-btn{padding:10px 24px;border-radius:30px;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);text-decoration:none;border:0;position:relative;overflow:hidden}.c-btn-trailer{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px)}.c-btn-trailer::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 ease}.c-btn-trailer:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.5)}.c-btn-trailer:hover::before{left:100%}.c-btn-share{background:0 0;color:rgba(255,255,255,.6);display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.c-btn-share:hover{color:#fff;transform:translateY(-2px)}.cast-section{animation:fadeInUp .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.7s;opacity:0}.cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px;margin-top:15px}.cast-card{text-align:center;text-decoration:none;display:block;transition:all .4s cubic-bezier(.165,.84,.44,1)}.cast-card:hover{transform:translateY(-8px)}.cast-img-wrap{width:100px;height:100px;margin:0 auto 10px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.05);background:#111;transition:all .4s ease;box-shadow:0 5px 15px rgba(0,0,0,.5)}.cast-card:hover .cast-img-wrap{border-color:rgba(229,9,20,.5);box-shadow:0 10px 25px rgba(229,9,20,.2)}.cast-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cast-card:hover .cast-img-wrap img{transform:scale(1.1)}.cast-name{color:#fff;font-size:.9rem;font-weight:600;line-height:1.2;margin-bottom:4px;transition:color .3s}.cast-card:hover .cast-name{color:#e50914}.cast-role{color:rgba(255,255,255,.5);font-size:.8rem}.movie-tags{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-wrap:wrap;gap:8px;align-items:center;animation:fadeInUp .8s cubic-bezier(.165,.84,.44,1) forwards;animation-delay:.75s;opacity:0}.movie-tag{background:rgba(0,0,0,.5);color:rgba(255,255,255,.6);padding:4px 12px;border-radius:20px;font-size:.8rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.movie-tag:hover{background:rgba(229,9,20,.1);color:#fff;border-color:rgba(229,9,20,.3);transform:translateY(-2px)}@media (max-width:768px){.cinematic-details{padding:25px 20px;background:rgba(0,0,0,.85)}.cinematic-content{flex-direction:column;align-items:center;text-align:center;gap:25px}.cinematic-poster-wrap{width:200px}.cinematic-title{font-size:2.2rem}.cinematic-meta{justify-content:center}.cinematic-overview-title{border-left:none;border-bottom:3px solid #e50914;display:inline-block;padding-left:0;padding-bottom:5px}.c-action-btns{justify-content:center}.cast-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.movie-tags{justify-content:center}}