nav{display:flex;align-items:center;max-width:1200px;margin:auto;justify-content:space-between;padding:24px 20px 12px}.logo a{text-decoration:none;font-size:2.1rem;color:#8a47eb;font-weight:800;letter-spacing:2px}.searchBar input{padding:11px 18px;border-radius:8px;width:275px;border:2px solid #8A47EB;background:#222327;color:#fafafa;font-size:1.03rem;transition:border-color .15s;outline:none}.searchBar input:focus{border-color:#fff}@media (max-width: 600px){nav{flex-direction:column;gap:24px;padding:18px 8px}.searchBar input{width:80vw;min-width:180px}}.cardContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding:32px 0;max-width:1200px;margin:auto}.card{background:#222327;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000002e;transition:transform .2s,box-shadow .2s;width:230px;color:#eee}.card:hover{transform:translateY(-7px) scale(1.03);box-shadow:0 12px 36px #8a47eb1f}.image img{width:100%;height:340px;object-fit:cover;background:#191a1f}.content{padding:18px}.content h2{font-size:1.15rem;margin:0 0 10px;color:#fafafa}.year_rating{display:flex;justify-content:space-between;font-size:.97rem;color:#ccc}.year_rating p:last-child{color:gold;font-weight:600}*{margin:0;box-sizing:border-box;padding:0}body{background:#191a1f;font-family:Segoe UI,Roboto,sans-serif;color:#fafafa}