.list-tutors{background-color:#fff}.list-tutors__intro{padding:20px 16px}.list-tutors__intro-content{grid-template-areas:"p1""img""p2""p3";gap:16px;display:grid}.list-tutors__intro-text{color:#333;font-family:Inter,sans-serif;font-size:10px;font-weight:400;line-height:1.6;display:contents}.list-tutors__intro-text p:first-child{grid-area:p1;margin:0}.list-tutors__intro-text p:nth-child(2){grid-area:p2;margin:0}.list-tutors__intro-text p:nth-child(3){grid-area:p3;margin:0}.list-tutors__intro-image{border-radius:10px;grid-area:img;width:100%;height:auto;overflow:hidden}.list-tutors__intro-image img{object-fit:cover;width:100%;height:100%;display:block}.list-tutors__filters{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;gap:12px;padding:16px;display:-ms-flexbox;display:flex}.list-tutors__filter-subject{color:#fff;cursor:pointer;background-color:#0095ff;border:none;border-radius:10px;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:background-color .2s;display:-ms-flexbox;display:flex}.list-tutors__filter-subject:hover{background-color:#007acc}.list-tutors__filter-subject svg{width:20px;height:20px;transition:transform .2s}.list-tutors__filter-subject.active svg{transform:rotate(180deg)}.list-tutors__filter-dropdown{z-index:100;background:#fff;border-radius:10px;min-width:280px;max-height:360px;padding:8px 0;display:none;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.15)}.list-tutors__filter-dropdown.show{display:block}.list-tutors__filter-option{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-family:Inter,sans-serif;font-size:12px;transition:background-color .2s;display:block}.list-tutors__filter-option:hover,.list-tutors__filter-option.active{color:#0095ff;background-color:#f0f7ff}.list-tutors__filter-option:focus-visible{outline-offset:-3px;z-index:1;outline:3px solid #0095ff;position:relative}.list-tutors__filter-group{-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex}.list-tutors__filter-l0{-ms-flex-align:center;align-items:center;gap:8px;font-weight:700;display:-ms-flexbox;display:flex}.list-tutors__expand-icon{-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:36px;height:36px;margin:-10px 0 -10px -12px;transition:background-color .2s;display:-ms-inline-flexbox;display:inline-flex}.list-tutors__expand-icon:hover{background-color:rgba(0,149,255,.15)}.list-tutors__expand-icon svg{width:16px;height:16px;transition:transform .2s}.list-tutors__filter-l0[data-expanded=true] .list-tutors__expand-icon svg{transform:rotate(90deg)}.list-tutors__filter-children{background-color:#f8f9fa;border-left:2px solid #0095ff;grid-template-rows:0fr;margin-left:12px;transition:grid-template-rows .2s;display:grid}.list-tutors__filter-children.show{grid-template-rows:1fr}.list-tutors__filter-children>*{overflow:hidden}.list-tutors__filter-l1{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 16px 10px 24px;display:-ms-flexbox;display:flex}.list-tutors__title{-ms-flex:1;flex:1}.list-tutors__count{color:#6b7280;background-color:#e5e7eb;border-radius:12px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:24px;padding:2px 6px;font-size:11px;font-weight:600;display:-ms-inline-flexbox;display:inline-flex}.list-tutors__filter-l1.active .list-tutors__count{color:#0095ff;background-color:rgba(0,149,255,.15)}.list-tutors__filter-all{border-bottom:1px solid #e5e7eb;font-weight:600}.list-tutors__filter-wrapper{position:relative}.list-tutors__search{background-color:#fff;border:1px solid #ddd;border-radius:10px;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;gap:8px;max-width:200px;padding:8px 12px;display:-ms-flexbox;display:flex}.list-tutors__search input{border:none}.list-tutors__search-input{color:#333;background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:12px}.list-tutors__search-input::-ms-input-placeholder{color:#999}.list-tutors__search-input::placeholder{color:#999}.list-tutors__search-btn{cursor:pointer;background:0 0;border:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:0;display:-ms-flexbox;display:flex}.list-tutors__search-btn svg{color:#666;width:18px;height:18px}.list-tutors__grid-wrapper{padding:0 16px;position:relative}.list-tutors__grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding-bottom:16px;display:-ms-flexbox;display:flex;overflow-x:auto}.list-tutors__grid::-webkit-scrollbar{display:none}.list-tutors__card{scroll-snap-align:start;text-align:center;cursor:pointer;-ms-flex:0 0 100px;flex:0 0 100px;padding-top:.5rem;transition:transform .2s}.list-tutors__card:hover{transform:translateY(-4px)}.list-tutors__card.active .list-tutors__card-photo{box-shadow:0 0 0 3px #0095ff}.list-tutors__card-photo{background:linear-gradient(135deg,#fd5 0%,#f93 50%,#f60 100%);border-radius:50%;width:80px;height:80px;margin:0 auto 8px;padding:3px;position:relative;overflow:visible}.list-tutors__card-photo img{object-fit:cover;background:#fff;border-radius:50%;width:100%;height:100%}.list-tutors__card-name{color:#006dda;margin-bottom:2px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;line-height:1.3}.list-tutors__name-label{font-weight:400}.list-tutors__card-name .list-tutors__name-label{font-size:8px}.list-tutors__sidebar-name .list-tutors__name-label{font-size:13px}.list-tutors__pagination{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:8px;padding:16px;display:-ms-flexbox;display:flex}.list-tutors__page-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:32px;height:32px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:-ms-flexbox;display:flex}.list-tutors__page-btn:hover{color:#0095ff;border-color:#0095ff}.list-tutors__page-btn.active{color:#fff;background:#0095ff;border-color:#0095ff}.list-tutors__page-btn:disabled{opacity:.5;cursor:not-allowed}.list-tutors__page-btn svg{width:16px;height:16px}.list-tutors__sidebar{background:linear-gradient(#fff8e6 0%,#fff 100%);border-radius:20px;margin:16px;padding:20px;display:none;box-shadow:0 4px 20px rgba(0,0,0,.08)}.list-tutors__sidebar.show{display:block}.list-tutors__sidebar-header{text-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-bottom:16px;display:-ms-flexbox;display:flex}.list-tutors__sidebar-photo{background:linear-gradient(135deg,#fd5 0%,#f93 50%,#f60 100%);border-radius:50%;width:100px;height:100px;margin-bottom:12px;padding:4px}.list-tutors__sidebar-photo img{object-fit:cover;background:#fff;border-radius:50%;width:100%;height:100%}.list-tutors__sidebar-name{color:#006dda;margin-bottom:0;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.list-tutors__sidebar-info{margin:0 0 20px;padding:0;list-style:none}.list-tutors__sidebar-info li{color:#333;margin-bottom:12px;padding-left:24px;font-family:Inter,sans-serif;font-size:11px;font-weight:400;line-height:1.5;position:relative}.list-tutors__sidebar-info li:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230095ff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:14px;height:14px;position:absolute;top:2px;left:0}.list-tutors__sidebar-cta{text-align:center;cursor:pointer;background-color:#0095ff;border:none;border-radius:10px;width:100%;padding:12px 20px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .2s;display:block;color:#fff!important}.list-tutors__sidebar-cta:hover{background-color:#fff;border:1px solid #09f;color:var(--color-link-active)!important}.list-tutors__loading{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:40px;display:-ms-flexbox;display:flex}.list-tutors__spinner{border:3px solid #f3f3f3;border-top-color:#0095ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.list-tutors__empty{text-align:center;color:#666;padding:40px 20px;font-family:Inter,sans-serif;font-size:14px}@media (min-width:1024px){.list-tutors__intro,.list-tutors__filters,.list-tutors__main{max-width:1400px;margin:auto}.list-tutors__intro{padding:40px 140px}.list-tutors__intro-content{grid-template-columns:1fr 1fr;grid-template-areas:"p1 img""p2 img""p3 p3";-ms-flex-align:start;align-items:start;gap:24px 40px}.list-tutors__intro-text{font-size:21px;line-height:1.7}.list-tutors__intro-image{width:100%;max-width:none;height:100%;max-height:500px}.list-tutors__intro-image img{object-fit:cover;height:100%}.list-tutors__filters{gap:24px;padding:20px 140px}.list-tutors__filter-subject{padding:14px 24px;font-size:14px}.list-tutors__search{max-width:300px;padding:12px 16px}.list-tutors__search-input{font-size:14px}.list-tutors__main{gap:40px;padding:0 140px 40px;display:-ms-flexbox;display:flex}.list-tutors__content{-ms-flex:1;flex:1;min-width:0}.list-tutors__grid-wrapper{padding:0}.list-tutors__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid;overflow:visible}.list-tutors__card{-ms-flex:none;flex:none}.list-tutors__card-photo{width:140px;height:140px;padding:4px}.list-tutors__card-name{margin-bottom:4px;font-size:14px}.list-tutors__card-name .list-tutors__name-label{font-size:11px}.list-tutors__card-subject{font-size:12px}.list-tutors__pagination{gap:12px;padding:24px 0}.list-tutors__page-btn{width:40px;height:40px;font-size:14px}.list-tutors__sidebar{-ms-flex:0 0 350px;flex:0 0 350px;height:fit-content;margin:0;padding:30px;display:block;position:sticky;top:100px}.list-tutors__sidebar-photo{width:140px;height:140px}.list-tutors__sidebar-name{font-size:20px}.list-tutors__sidebar-role{font-size:14px}.list-tutors__sidebar-name .list-tutors__name-label{font-size:16px}.list-tutors__sidebar-info li{margin-bottom:16px;padding-left:28px;font-size:13px}.list-tutors__sidebar-info li:before{width:18px;height:18px}.list-tutors__sidebar-cta{padding:16px 24px;font-size:16px}}