*{box-sizing:border-box;margin:0;padding:0;overflow-x:hidden}.navbar{color:#fff;background-color:#9e3c63;justify-content:space-between;align-items:center;padding:25px 50px;display:flex;box-shadow:0 2px 10px #00000026}.navbar-title h1{margin-bottom:5px;font-size:2rem}.navbar-title p{color:#d4d4d8;font-size:.95rem}.score-container{text-align:right;flex-direction:column;gap:8px;display:flex}.score-container p{font-size:1.1rem;font-weight:600}@media (width<=700px){.navbar{padding:20px 25px}.navbar-title h1{font-size:1.6rem}.navbar-title p{font-size:.8rem}.score-container p{font-size:.95rem}}@media (width<=500px){.navbar{text-align:center;flex-direction:column;gap:20px}.score-container{text-align:center;flex-direction:row;gap:25px}}.card-container{flex-flow:wrap;justify-content:center;gap:20px;width:100%;display:flex}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.card p{margin:0;font-size:1rem;font-weight:600}.card-container{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px;display:flex;overflow-x:hidden}.card{box-sizing:border-box;cursor:pointer;background-color:#cd99ff;border-radius:12px;flex-direction:column;align-items:center;gap:15px;width:180px;padding:15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 10px #0000001a}.card img{object-fit:cover;border-radius:8px;width:100%;height:220px}