.character-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;overflow:hidden;width:100%}.character-card p{font-size:16px;font-style:italic;color:#f0d9b5;text-shadow:1px 1px 3px rgba(0,0,0,.5);margin:10px 0 15px}.character-card h3{font-size:15px;font-weight:700;color:#ddc004;text-transform:uppercase;text-shadow:5px 5px 5px rgba(0,0,0,.944)}.character-card h3:hover{margin-top:2.5px;color:#f88705;text-shadow:1px 1px 8px rgba(255,252,190,.677);transform:scale(1.2);transition:all .2s ease-in-out}.character-card img{width:98%;height:300px;margin-bottom:26px;object-fit:cover;transition:all .3s ease-in-out}.character-card img:hover{filter:brightness(1.3);box-shadow:0 0 15px 5px #ffff64cc;transform:scale(1.05)}.character-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;background-color:#300202;margin-top:189px}.character-detail{background-color:#d4af37;border-radius:10px;padding:20px;max-width:800px;margin:auto;box-shadow:0 0 15px #ffd700cc;display:flex;gap:20px;align-items:center;font-family:Cinzel,serif;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.character-detail img{width:180px;height:auto;border-radius:10px;box-shadow:0 5px 15px #0009;transition:transform .3s ease-in-out}.character-detail img:hover{transform:scale(1.05);box-shadow:0 0 25px #ffdf00e6}.character-detail h2{font-size:26px;font-weight:700;color:#450101;text-shadow:3px 3px 5px rgba(0,0,0,.5)}.character-detail p{font-size:18px;color:#331a00;margin-bottom:5px}.character-detail p span{font-weight:700;color:#000}.home-button{background-color:#5a0202;color:#fff;border:none;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;border-radius:5px;transition:all .3s ease-in-out}.home-button:hover{background-color:#a00202;transform:scale(1.1);box-shadow:0 0 10px #ff0000b3}.filters-container{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:34px;flex-wrap:wrap}.input{width:300px;max-width:100%;padding:10px;background:linear-gradient(135deg,#6d1b00,#2e0000);color:gold;font-size:18px;font-family:Harry Potter,sans-serif;border-radius:8px;border:2px solid #ffd700;outline:none;box-shadow:0 5px 15px #ffd70080;transition:all .3s ease-in-out}.input:hover{background:linear-gradient(135deg,#822000,#3a0000);border-color:#fff000;box-shadow:0 5px 20px #ffd700cc}.selects{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:215px;padding:10px;background:linear-gradient(135deg,#6d1b00,#2e0000);color:#a87b08;font-size:18px;font-family:Harry Potter,sans-serif;border-radius:8px;border:2px solid #000000;outline:none;cursor:pointer;transition:all .3s ease-in-out}.selects:hover{background:linear-gradient(135deg,#822000,#3a0000);border-color:#fff000;box-shadow:0 5px 20px #ffd700cc}.selects:focus{border-color:#fc0;box-shadow:0 0 15px gold}.title{display:flex;justify-content:center}.title__img{width:50%;height:100%;margin:30px}*{cursor:url(https://cur.cursors-4u.net/others/oth-3/oth246.cur),auto!important}a{text-decoration:none}.app{min-height:100vh;width:100%;font-family:Arial,sans-serif;background-color:#000;color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#000;overflow-x:hidden}.filters-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:90px}.input,.selects{font-size:18px;padding:10px;border-radius:8px;border:1px solid #ccc}.star{position:absolute;width:20px;height:auto;pointer-events:none;opacity:1;animation:starEffect .5s ease-out forwards;filter:drop-shadow(0 0 5px rgba(255,221,0,.877)) drop-shadow(0 0 10px rgba(255,200,0,.874))}@keyframes starEffect{0%{transform:scale(.5) translateY(0) rotate(0);opacity:1}50%{transform:scale(1.3) translateY(-10px) rotate(15deg);opacity:.9}to{transform:scale(.8) translateY(-20px) rotate(-15deg);opacity:0}}