.movie-card{background:#0e0e1680;border:1px solid #8b5cf60a;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.movie-card:hover{border-color:#8b5cf626;transform:translateY(-6px);box-shadow:0 12px 30px #0006,0 0 0 1px #8b5cf614}.poster-container{aspect-ratio:2/3;background:#0c0c14;width:100%;position:relative;overflow:hidden}.poster-img{object-fit:cover;transition:transform .5s}.movie-card:hover .poster-img{transform:scale(1.06)}.card-overlay{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#050508a6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.movie-card:hover .card-overlay{opacity:1}.play-btn-circle{color:#fff;background:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:scale(.5);box-shadow:0 4px 20px #8b5cf680}.play-btn-circle svg{margin-left:3px}.movie-card:hover .play-btn-circle{transform:scale(1)}.card-badges{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:8px;left:8px;right:8px}.genre-badge{color:#000;background:#fc0;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:800;box-shadow:0 2px 8px #00000080}.quality-ribbon{color:#fff;z-index:10;letter-spacing:1px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:4px 35px;font-size:.7rem;font-weight:900;position:absolute;top:16px;left:-32px;transform:rotate(-45deg);box-shadow:0 4px 15px #00000080}.rating-badge-bottom{color:#fc0;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border:1px solid #ffcc0040;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:800;position:absolute;bottom:8px;left:8px}.card-info{background:linear-gradient(#0e0e16cc 0%,#08080c 100%);padding:12px}.card-title{color:#fff;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.movie-card:hover .card-title{color:#a78bfa}.no-poster{color:#5a5a70;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}
.movie-grid-section{padding:30px 0}.movie-grid-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e1699;border:1px solid #8b5cf614;border-radius:16px;margin:40px 0;padding:25px;box-shadow:0 10px 30px #0000004d}.movie-grid-glass .section-header{border-bottom:1px solid #8b5cf626}.section-header{border-bottom:1px solid #8b5cf60f;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:14px;display:flex}.section-header__right{align-items:center;gap:12px;display:flex}.section-header__accent-bar{background:linear-gradient(#8b5cf6,#a78bfa);border-radius:4px;flex-shrink:0;width:4px;height:22px;box-shadow:0 0 10px #8b5cf666}.section-title{color:#fff;margin:0;font-size:1.25rem;font-weight:800}.show-more{color:#8b8b9e;align-items:center;gap:4px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.show-more:hover{color:#a78bfa}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:20px;display:grid}@media (max-width:1024px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}}@media (max-width:768px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.movie-grid-section{padding:20px 0}.section-title{font-size:1rem}}@media (max-width:480px){.movie-grid{grid-template-columns:repeat(2,1fr)}}