body{margin:0;padding:0}.navbar{background:#fff;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px #0000001a;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.1)}.navbar-title{font-size:1.8rem;font-weight:700;letter-spacing:.5px;transform:translateZ(0)}.navbar-home-link{text-decoration:none;color:#1a73e8;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.navbar-links{display:flex;gap:32px}.navbar-links a{color:#333;text-decoration:none;font-size:1.1rem;font-weight:500;position:relative;padding:4px 0;transition:all .3s ease}.navbar-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#1a73e8;transition:width .3s ease}.navbar-links a:hover{color:#1a73e8}.navbar-links a:hover:after{width:100%}@media (max-width: 768px){.navbar{flex-direction:column;gap:16px;padding:16px}.navbar-links{width:100%;justify-content:space-around}}.cards-container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px 30px;padding-top:20px}.card{background-color:#fff;border-radius:10px;box-shadow:0 6px 12px #0000001a;padding:15px;transition:transform .2s ease-in-out,box-shadow .2s;cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:scale(1.05);box-shadow:0 8px 18px #0003}.card img{width:100%;height:auto;border-radius:8px}.card h3{margin:12px 0 2px;font-size:1.5rem;font-weight:700;color:#1a73e8}.card p{margin:1px 0;font-size:.95rem;color:#444}.status-badge{display:inline-block;padding:5px 10px;border-radius:12px;margin-bottom:4px;font-size:.85rem;font-weight:700;color:#fff;width:fit-content}.status-badge.alive{background-color:#28a745}.status-badge.dead{background-color:#dc3545}.status-badge.unknown{background-color:#6c757d}@media (max-width: 1200px){.cards-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.cards-container{grid-template-columns:1fr}}.card-details-container{display:flex;flex-direction:column;padding:32px 16px;background-color:#f4f6f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2e2e2e}.card-details-header{display:flex;flex-direction:row;background-color:#fff;border-radius:16px;box-shadow:0 6px 20px #00000014;overflow:hidden;max-width:920px;width:100%;padding:12px}.card-details-image{width:320px;height:100%;margin-top:12px}.card-details-info{padding:14px;display:flex;flex-direction:column;justify-content:center;flex:1}.card-details-info h2{font-size:2rem;margin-bottom:8px;color:#1e1e2f}.details-item,.card-details-info p{margin:6px 0;font-size:1.05rem}.card-details-info strong{font-weight:600}.back-button{align-self:flex-start;margin-bottom:24px;padding:10px 18px;border:none;border-radius:8px;background-color:#1e1e2f;color:#00ffb3;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background-color:#00ffb3;color:#1e1e2f;transform:translateY(-2px)}@media (max-width: 768px){.card-details-header{flex-direction:column;align-items:center}.card-details-image{width:100%;height:auto;border-radius:16px 16px 0 0}.card-details-info{padding:16px}}.search-container{display:flex;flex-direction:column;align-items:center;margin:.1rem auto 1rem;max-width:700px;width:90%;position:relative}.search-heading{font-size:2rem;font-weight:700;margin-bottom:1rem;margin-top:0;color:#1a73e8;text-align:center;border-bottom:2px solid #1a73e8;display:inline-block;padding-bottom:4px;letter-spacing:-.3px}.search-input{width:100%;padding:10px 16px;border:1px solid #ccc;font-size:1rem;color:#333;border-radius:6px;outline:none;background-color:#fff;transition:all .3s ease}.search-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.search-input::placeholder{color:#9e9e9e;font-weight:400}@media (max-width: 600px){.search-heading{font-size:1.6rem;margin-bottom:.8rem}.search-input{padding:8px 14px;font-size:.95rem}.search-container{margin-top:1rem}}.filter-wrapper{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000f;margin:16px 0}.filter-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end}.select-wrapper{flex:1 1 200px;min-width:180px;display:flex;flex-direction:column}.select-wrapper label{font-size:.9rem;font-weight:600;margin-bottom:6px;color:#1a73e8}.filter-select{padding:10px 30px 10px 14px;font-size:.95rem;border-radius:8px;border:1px solid #e0e7ff;background-color:#f8faff;color:#333;transition:border-color .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-select:focus{outline:none;border-color:#1a73e8}.filter-select:hover{border-color:#1a73e8}.clear-btn{padding:10px 20px;background-color:#1a73e8;color:#fff;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;border:none;transition:background-color .2s ease;height:40px;align-self:flex-end;margin-bottom:1px}.clear-btn:hover{background-color:#1765cc}@media (max-width: 768px){.filter-row{flex-direction:column;align-items:stretch;gap:12px}.select-wrapper{flex:1 1 100%;min-width:100%}.clear-btn{width:100%;margin-top:8px;align-self:stretch}}@media (max-width: 480px){.filter-wrapper{padding:16px}.filter-select{padding:8px 12px}}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:20px;width:100%;position:relative;overflow:visible}.pagination{display:flex;list-style:none;padding:0;margin:0;justify-content:center;flex-wrap:wrap;gap:5px;width:auto;max-width:100%}.page-item{margin:0;display:inline-flex;transition:transform .2s ease}.page-item:hover{transform:scale(1.1)}.page-link{padding:8px 16px;background-color:#f5f5f5;border-radius:5px;border:1px solid #ddd;color:#555;cursor:pointer;text-decoration:none;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease;min-width:14px;text-align:center}.page-link:hover{background-color:#007bff;color:#fff}.page-item.active .page-link{font-weight:700;background-color:#007bff;color:#fff;border-color:#007bff}.previous-item,.next-item{padding:0;background-color:#f5f5f5;border-radius:5px;border:1px solid #ddd;color:#555;cursor:pointer;text-decoration:none;margin:0 5px;transition:background-color .2s ease,color .2s ease;display:flex}.previous-item a,.next-item a{padding:8px 12px;font-size:14px;display:flex;align-items:center;justify-content:center}.previous-item:hover,.next-item:hover{background-color:#007bff;color:#fff}.arrow{font-size:18px;color:inherit;transition:color .2s ease}.previous-item:hover .arrow,.next-item:hover .arrow{color:#fff}.break-item{margin:0 2px}.break-link{padding:8px 16px;font-size:14px;color:#888;display:flex;align-items:center;justify-content:center}@media (min-width: 1025px){.pagination{gap:5px}.page-link{padding:8px 16px;font-size:14px}.previous-item a,.next-item a{padding:8px 12px;font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){.pagination{gap:4px}.page-link{padding:7px 14px;font-size:13px}.previous-item a,.next-item a{padding:7px 10px;font-size:13px}}@media (min-width: 481px) and (max-width: 768px){.pagination{gap:3px}.page-link{padding:6px 12px;font-size:12px;min-width:12px}.previous-item a,.next-item a{padding:6px 10px;font-size:12px}.pagination-container{margin-top:15px;margin-bottom:15px}.arrow{font-size:16px}}@media (min-width: 426px) and (max-width: 480px){.pagination{gap:4px;justify-content:center;flex-wrap:wrap}.page-item,.previous-item,.next-item{margin:2px}.page-link{padding:5px 10px;font-size:11px;min-width:10px}.previous-item a,.next-item a{padding:5px 8px;font-size:11px}.arrow{font-size:14px}}@media (min-width: 376px) and (max-width: 425px){.pagination{gap:3px;justify-content:center}.page-item,.previous-item,.next-item{margin:2px}.page-link{padding:4px 8px;font-size:11px;min-width:8px}.previous-item a,.next-item a{padding:4px 8px;font-size:11px}.arrow{font-size:14px}}@media (min-width: 321px) and (max-width: 375px){.pagination{gap:2px}.page-link{padding:4px 7px;font-size:10px;min-width:6px}.previous-item a,.next-item a{padding:4px 7px;font-size:10px}.arrow{font-size:12px}}@media (max-width: 320px){.pagination{gap:2px}.page-link{padding:3px 6px;font-size:10px;min-width:5px}.previous-item a,.next-item a{padding:3px 6px;font-size:10px}.arrow{font-size:12px}}.main-container{padding:32px 16px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9fafb;color:#2c2c2c}.content-layout{display:flex;gap:30px;margin-top:24px;flex-wrap:wrap}.content-layout>*:first-child{flex:1;min-width:240px}.content-layout>*:last-child{flex:3;min-width:300px}.no-results{flex:1;background-color:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 16px #0000000f;text-align:center;font-size:1.1rem;color:#555;margin-top:20px;width:100%}@media (max-width: 768px){.content-layout{flex-direction:column;gap:16px}.main-container{padding:24px 12px}}