:root{--color-blue: #0079fe;--color-red: #ff2f2f;--color-white: #fff;--color-bg: #141c2f;--color-card: #1e2a48;--color-card-dark: #141c2f;--default-radius: .7rem;--margin-after-form: 4rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:Arial,sans-serif;font-size:1.6rem;color:var(--color-white);overflow-x:hidden}.container{display:flex;flex-direction:column;max-width:60rem;margin:0 auto 2rem;background-color:var(--color-bg)}@media (max-width: 650px){.container{padding:0 3rem}}.logo{padding:4rem 0;font-weight:700;text-transform:uppercase;text-align:center}.form{position:relative;display:flex;justify-content:space-around;gap:2rem;background-color:var(--color-card);border-radius:var(--default-radius);padding:.5rem .5rem .5rem 2rem}@media (max-width: 415px){.form{flex-direction:column;gap:1rem;padding:1rem;margin-top:3rem}}.choices{position:absolute;left:0;top:-2.8rem;display:flex;gap:1.5rem}@media (max-width: 415px){.choices{flex-direction:column;gap:.5rem;top:-5.5rem}}.input{padding:1rem 1rem 1rem 2.4rem;font-size:1.6rem;border:none;flex:1;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20512%20512'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%20enable-background='new%200%200%20512%20512'%3e%3cpath%20d='M344.5%20298c15-23.6%2023.8-51.6%2023.8-81.7%200-84.1-68.1-152.3-152.1-152.3C132.1%2064%2064%20132.2%2064%20216.3c0%2084.1%2068.1%20152.3%20152.1%20152.3%2030.5%200%2058.9-9%2082.7-24.4l6.9-4.8L414.3%20448l33.7-34.3-108.5-108.6%205-7.1zm-43.1-166.8c22.7%2022.7%2035.2%2052.9%2035.2%2085s-12.5%2062.3-35.2%2085c-22.7%2022.7-52.9%2035.2-85%2035.2s-62.3-12.5-85-35.2c-22.7-22.7-35.2-52.9-35.2-85s12.5-62.3%2035.2-85c22.7-22.7%2052.9-35.2%2085-35.2s62.3%2012.5%2085%2035.2z'%20fill='%23ffffff'%20class='fill-000000'%3e%3c/path%3e%3c/svg%3e");background-size:2rem;background-position:left center;background-repeat:no-repeat;outline:none;color:var(--color-white)}@media (max-width: 415px){.input{padding-left:3rem;background-position:1rem center}}.button{padding:10px 20px;font-size:1.4rem;border:none;border-radius:var(--default-radius);background-color:#007bff;color:#fff;cursor:pointer;font-weight:700}.button:hover{background-color:#005cc5}@media (max-width: 415px){.button{padding:1rem 0;font-size:1.4rem}}.show-more{display:block;margin:2rem auto;padding:10px 30px;background-color:var(--color-blue);border:none;border-radius:var(--default-radius);color:var(--color-white);font-weight:700;font-size:1.4rem;cursor:pointer}.show-more:hover{background-color:#005cc5}.show-more.hidden{display:none}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:var(--margin-after-form)}@media (max-width: 650px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 415px){.cards{grid-template-columns:repeat(1,1fr);gap:1rem;margin:.5rem auto}}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:18rem;height:22rem;max-width:100%;border-radius:var(--default-radius);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #0079fe33}@media (max-width: 415px){.card{width:100%;height:auto;gap:1.5rem}}.card-link{transition:transform .2s ease;text-decoration:none;color:inherit}.card-link:hover{transform:scale(1.05)}.card-link:hover .img{box-shadow:0 0 10px var(--color-blue)}.card-link:hover .name{color:var(--color-blue)}.img{width:15rem;max-width:100%;height:15rem;border-radius:50%}@media (max-width: 415px){.img{width:12rem;height:12rem}}.name{font-size:2rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%;word-break:break-word;text-align:center}@media (max-width: 415px){.name{font-size:1.6rem}}.loader{text-align:center;margin-top:var(--margin-after-form)}.loader:before{content:"";display:inline-block;border:solid 5px #cfd0d1;border-bottom-color:var(--color-blue);border-radius:50%;height:3rem;width:3rem;will-change:transform;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{position:absolute;margin-top:.5rem;font-size:1.3rem;color:var(--color-red);display:flex}.hidden{display:none}