.movie-card{min-width:280px;height:400px;background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:15px;overflow:hidden;position:relative;cursor:pointer;transition:all .4s ease;border:2px solid transparent}.movie-card:hover{transform:translateY(-15px) scale(1.05);border-color:#ff0844;box-shadow:0 15px 40px rgba(255,8,68,.4),0 0 60px rgba(0,212,255,.2)}.movie-poster{width:100%;height:300px;background-size:cover;background-position:center;position:relative;overflow:hidden}.movie-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 30%,rgba(0,0,0,.9) 100%)}.movie-info{padding:20px;background:rgba(0,0,0,.6)}.movie-title{font-size:18px;font-weight:700;margin-bottom:8px;color:#fff}.movie-meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#aaa}.rating{display:flex;align-items:center;gap:5px;color:#ffd700}.year{color:#00d4ff}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,.2);border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;backdrop-filter:blur(10px);z-index:2}.movie-card:hover .play-icon{opacity:1}.play-icon::before{content:"";width:0;height:0;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.badge{position:absolute;top:15px;right:15px;background:rgba(255,8,68,.9);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;backdrop-filter:blur(10px);z-index:2}@media (max-width:768px){.movie-card{min-width:220px;height:340px}.movie-poster{height:240px}}