body{font-family:"Poppins",sans-serif;background-color:#f8f9fa}.filter-container{display:flex;align-items:center;gap:20px;max-width:800px;margin-bottom:20px}#filter-form{flex:1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);display:flex;flex-direction:column;gap:15px;max-width:400px}label{font-weight:600;font-size:14px;margin-bottom:5px;color:#333;display:block}select,input{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px;background:#fff;transition:0.3s}select:focus,input:focus{border-color:#007bff;box-shadow:0 0 5px rgb(0 123 255 / .3);outline:none}@media (max-width:768px){.filter-container{flex-direction:column;align-items:flex-start}#filter-form{max-width:100%;width:100%}#filter-loading{margin:10px 0 0 15px;align-self:flex-start}}#filter-loading{flex-shrink:0;margin-top:15px}.filter-loading{opacity:.8;pointer-events:none}.spinner{width:100px;height:100px;animation:spin 0.8s linear infinite}.spinner .path{stroke:#1f4e79;stroke-dasharray:170;stroke-dashoffset:20;animation:dash 1.4s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.character-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,2fr));gap:2rem;margin:20px 0}.character-card{background-color:#48413f0d;border-radius:24px;padding:0;box-shadow:0 2px 4px rgb(0 0 0 / .1);overflow:hidden;margin-top:24px}.character-card:hover{box-shadow:1px 0 5px 5px rgb(0 0 0 / .2)}.character-card h2{font-family:"Economica";font-size:2.5em;text-align:center;color:#fff;margin-bottom:10px}.character-card h2 a{text-decoration:none;color:#fff}.character-title{border-radius:24px;padding:15px;text-align:center}.character-info{padding:12px}.character-section{padding:8px;margin:0;background-color:#fff;border-radius:16px;box-shadow:4px 4px 0 1px rgb(0 0 0 / .5)}.heading-style{font-weight:700;color:#1f4e79;margin:0}.info-style{margin:0;padding-left:20px;padding-bottom:10px}.character-link{margin-top:10px;text-align:center;padding-bottom:10px}.read-more{text-decoration:none;font-weight:700;color:#0073aa}#load-more-wrapper{width:100%;text-align:center;margin:20px 0}#load-more-btn{padding:10px 20px;background:#1f4e79;color:#fff;border-radius:6px;text-decoration:none}#load-more-btn:hover{background:#15314d}