*,*:before,*:after{box-sizing:border-box}ul,ol{padding:0;list-style:none}body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{height:100%}body{margin:0;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}.container{width:100%;padding-inline:1rem;margin-inline:auto;max-width:360px}@media (min-width: 576px){.container{max-width:576px;padding-inline:1.5rem}}@media (min-width: 768px){.container{max-width:768px;padding-inline:2rem}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1600px){.container{max-width:1600px}}.section{padding:2rem 0}@media (min-width: 768px){.section{padding:3rem 0}}@media (min-width: 1600px){.section{padding:4rem 0}}.section-title{color:#26262b;text-align:center;font-size:3rem}@media (min-width: 1024px){.section-title{font-size:4rem}}.main-block{margin-top:60px;min-height:calc(100vh - 132px)}@media (min-width: 576px){.main-block{margin-top:0}}.spinner-overlay{position:fixed;top:60px;left:0;width:100%;height:100%;background-color:#fff9;z-index:1010;display:flex;align-items:center;justify-content:center}.primary-btn{background:#3f77ec;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.primary-btn:hover{background:scale(rgb(63,119,236),10%)}.primary-btn:focus{outline:2px solid #0057ff;outline-offset:2px}.header{background-color:#3f77ec;color:#f9f9f9;box-shadow:0 2px 6px #0000001a;height:60px;padding:1rem 0;position:fixed;top:0;width:100%}@media (min-width: 576px){.header{position:static}}.header .container{display:flex;align-items:center;justify-content:space-between}.header .logo{font-size:1.5rem;font-weight:700;margin:0}.header .nav{display:none;position:absolute;top:60px;left:0}.header .nav.is-open{display:block;width:100%;padding:2rem;box-shadow:0 2px 6px #00000080;background:#fff;border-top:1px solid #ddd;z-index:1000}.header .nav.is-open .nav-item{color:#26262b}.header .nav.is-open .nav-item.active{font-weight:700;border-bottom:3px solid #f9f9f9}.header .nav .nav-list{display:flex;flex-direction:column;gap:1rem}.header .nav .nav-item{text-decoration:none;font-weight:500;border-bottom:3px solid transparent;transition:border .2s ease}.header .nav .nav-item:hover,.header .nav .nav-item:focus{border-bottom:3px solid #f9f9f9}.header .nav .nav-item.active{font-weight:700;border-bottom:3px solid #f9f9f9}@media (min-width: 576px){.header .nav{display:flex;position:static;flex-direction:row;background:transparent;border:none;padding:0}.header .nav .nav-list{flex-direction:row}.header .nav .nav-item{color:#f9f9f9}}.header .burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;font-size:1.5rem;color:#f9f9f9;cursor:pointer}@media (min-width: 576px){.header .burger{display:none}}.header .burger:focus{outline:2px solid #f9f9f9;outline-offset:2px}.header .burger .burger-line{width:24px;height:2px;background:#f9f9f9;transition:all .3s ease}.footer{background-color:#f9f9f9;padding:1.5rem 0;min-height:72px}.footer .footer-text{text-align:center;line-height:1.6;font-size:.9rem;color:#444}.users-title{margin-bottom:2rem}.users-search{margin-bottom:2rem;display:block;width:100%;max-width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;color:#26262b;transition:border-color .2s ease,box-shadow .2s ease}.users-search:focus{outline:none;border-color:#3f77ec;box-shadow:0 0 0 3px #3f77ec4d}.users-search::placeholder{color:#888;opacity:1}.users-info{font-size:1rem;line-height:1.7;color:#26262b}@media (min-width: 768px){.users-info{font-size:1.1rem}}.users-list{display:grid;gap:1rem}@media (min-width: 768px){.users-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.users-list{grid-template-columns:repeat(3,1fr)}}.users-card{display:flex;flex-direction:column;align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:.75rem;padding:1rem;transition:box-shadow .2s ease-in-out}.users-card:hover,.users-card:focus-within{box-shadow:0 0 0 3px #0057ff;outline:none}.users-card h3{color:#26262b;font-size:1.5rem}.users-card button{width:100%}.about-title{margin-bottom:2rem}.about-text{font-size:1rem;line-height:1.7;margin-bottom:1.5rem;color:#26262b}.about-text:last-child{margin-bottom:0}@media (min-width: 768px){.about-text{font-size:1.1rem}}.user-details{max-width:600px;margin-inline:auto;padding:2rem 1rem}.user-details h1{font-size:2rem;margin-bottom:1rem}.user-details p{margin:.5rem 0;font-size:1rem;line-height:1.7;color:#26262b}.user-details img{margin:0 auto 3rem}.user-details button{margin-top:2rem}