@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html,body{height:100%;margin:0}body{display:flex;flex-direction:column}.main{display:flex;flex-direction:column;align-items:center;gap:28px;padding-block-start:65px;margin-block-start:36px;font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);flex:1 0 auto}.main__title{font-weight:var(--font-weight-bold, 700);font-size:45px;line-height:40px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;width:100%;max-width:1378px;padding:0 2.3vw;margin:0 auto}.dropdown{position:relative;display:inline-block}.dropdown-button{display:flex;align-items:center;gap:10px;background-color:var(--color-light-blue, #e8edf5);color:var(--color-black, #0d141c);font-size:18px;line-height:26px;font-weight:var(--font-weight-medium, 500);padding:7px 10px 7px 20px;border:none;border-radius:var(--border-radius-medium, 16px);cursor:pointer;transition:var(--transition-default, all .3s ease)}.dropdown-button:hover,.dropdown-button:focus-visible{background-color:var(--color-secondary, #4a709c);color:var(--color-white, #fff);outline:none;transform:scale(1.05)}.dropdown-button:active{transform:scale(.97)}.dropdown-button.active{background-color:var(--color-secondary, #4a709c);color:var(--color-white, #fff)}.dropdown-button__icon{inline-size:25px;block-size:25px;transition:transform .3s ease}.dropdown.open .dropdown-button__icon{transform:rotate(180deg)}.dropdown-content{display:none;position:absolute;background:#fff;min-width:160px;z-index:1;margin-block-start:8px;padding:8px 0;border-radius:var(--border-radius-medium, 16px);border:1px solid var(--color-light-blue, #e8edf5);background-color:var(--color-white, #fff);box-shadow:var(--shadow-default, 0 8px 20px rgb(0 0 0 / .08));animation:dropdown-fade .2s ease-out forwards;opacity:0;transform:translateY(-10px);pointer-events:none}.dropdown-content a{display:block;font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-size:16px;line-height:24px;padding:10px 20px;color:var(--color-black, #0d141c);text-decoration:none;transition:var(--transition-default, all .3s ease)}.dropdown-content a:hover,.dropdown-content a:focus-visible{background-color:var(--color-light-blue, #e8edf5);color:var(--color-secondary, #4a709c);outline:none}.dropdown.open .dropdown-content{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.reset-button{display:none;align-items:center;justify-content:center;gap:10px;background-color:var(--color-light-blue, #e8edf5);color:var(--color-black, #0d141c);font-size:18px;line-height:26px;font-weight:var(--font-weight-medium, 500);padding:7px 20px;border:none;border-radius:var(--border-radius-medium, 16px);cursor:pointer;transition:var(--transition-default, all .3s ease);margin-left:auto}.reset-button:hover,.reset-button:focus-visible{background-color:var(--color-secondary, #4a709c);color:var(--color-white, #fff);outline:none;transform:scale(1.05)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));column-gap:39px;row-gap:24px;justify-content:center;align-items:center;inline-size:95%;max-width:1417px;margin:0 auto}.card{display:flex;flex-direction:column;align-items:center;max-width:325px;inline-size:100%;min-height:325px;border-radius:var(--border-radius-medium, 16px);transition:transform .3s ease,box-shadow .3s ease;padding:12px;cursor:pointer;text-decoration:none}.card:hover{transform:scale(1.03);box-shadow:var(--shadow-default, 0 8px 20px rgb(0 0 0 / .08))}.card:focus-visible{outline:2px dashed var(--color-primary, #338ff2);outline-offset:4px;box-shadow:0 0 0 4px #338ff24d}.card__image{inline-size:100%;block-size:auto;margin-block-end:12px;border-radius:var(--border-radius-small, 12px)}.card__name{font-size:19px;line-height:24px;font-weight:var(--font-weight-medium, 500);align-self:start}.card__description{font-size:16px;line-height:20px;font-weight:var(--font-weight-regular, 400);color:var(--color-text, #333);align-self:start;margin-block:4px 8px}.card__controls{display:flex;justify-content:space-between;align-items:center;margin-top:auto;width:100%}.card__controls-text{display:flex;flex-direction:column;gap:4px;margin:0;font-size:14px;line-height:21px;font-weight:var(--font-weight-regular, 400);color:var(--color-secondary, #4a709c)}.card__controls-button{display:inline-flex;align-items:center;justify-content:center;justify-self:start;align-self:end;gap:12px;padding:14px 28px;font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-weight:600;font-size:16px;line-height:1.4;margin:0;border:none;border-radius:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;color:#fff;background-color:var(--color-primary, #338ff2);box-shadow:0 2px 6px #0000001a}.card__controls-button:hover{background-color:var(--color-primary-hover, #2a75cc)}.card__controls-button:active{background-color:var(--color-primary-active, #265db3)}.card__controls-button:focus-visible{outline:2px dashed var(--color-primary, #338ff2);outline-offset:4px;box-shadow:0 0 0 4px #338ff24d}.card__controls-button svg{width:var(--icon-size-large, 24px);height:var(--icon-size-large, 24px);fill:currentColor}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;text-align:center;padding:15vh 20px}.no-results__content{max-width:400px;margin:0 auto}.no-results__icon{width:80px;height:80px;margin-bottom:20px;color:var(--color-secondary, #4a709c)}.no-results__title{font-size:24px;margin-bottom:12px;color:var(--color-text)}.no-results__message{font-size:16px;margin-bottom:24px;color:var(--color-text-light)}.no-results__button{padding:12px 24px;background-color:var(--color-primary, #338ff2);color:#fff;border:none;border-radius:var(--border-radius-medium, 16px);font-size:16px;cursor:pointer;transition:var(--transition-default, all .3s ease)}.no-results__button:hover{background-color:var(--color-primary-hover, #2a75cc)}.no-results__button:active{background-color:var(--color-primary-active, #265db3);transform:scale(.97)}.no-results__button:focus-visible{outline:2px dashed var(--color-primary, #338ff2);outline-offset:4px;box-shadow:0 0 0 4px #338ff24d}.footer{flex-shrink:0}@media (width <= 1500px){.cards{grid-template-columns:repeat(3,1fr);column-gap:0;max-width:995px}}@media (width <= 1024px){.card__controls{flex-direction:column;align-items:center;justify-content:center}.card__controls-text{align-self:start}}@media (width <= 769px){.controls{flex-direction:column;align-items:center;gap:8px;padding:0 16px}.dropdown{width:40%}.dropdown-button{width:100%;justify-content:space-between;padding:10px 16px;font-size:16px}.dropdown-content{width:100%;box-sizing:border-box}.reset-button{width:40%;margin-left:0;margin-top:8px;padding:10px 16px;font-size:16px}.cards{grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:16px;max-width:670px}.card{max-width:325px}.card__name{font-size:25px;line-height:32px}.card__description{font-size:20px;line-height:28px}.card__controls-text{font-size:18px;line-height:27px}.no-results{padding-block:5vh}}@media (width <= 480px){.main__title{font-size:35px;line-height:31px}.controls{gap:6px;padding:0 12px}.dropdown{width:70%}.dropdown-button{font-size:15px;padding:8px 12px}.dropdown-content{left:0;right:auto;min-width:100%;width:auto}.reset-button{width:70%;font-size:15px;padding:8px 12px}.cards{grid-template-columns:1fr;max-width:325px;row-gap:0;column-gap:0}.no-results__icon{width:60px;height:60px}.no-results__title{font-size:20px}.no-results__message{font-size:14px}}@media (width <= 320px){.dropdown,.reset-button{width:85%}}