.teacher-directory{color:#103b78;background:linear-gradient(#edf8ff,#fbfdff);padding-bottom:32px}.teacher-container{max-width:1288px;margin:auto;padding-inline:24px}.teacher-hero{isolation:isolate;background:#eaf7ff;position:relative;overflow:hidden}.teacher-hero-art{object-fit:cover;object-position:right center;z-index:-1;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24%);mask-image:linear-gradient(90deg,#0000,#000 24%);width:70%!important;left:auto!important}.teacher-hero-inner{min-height:300px;padding-top:20px;padding-bottom:24px}.teacher-hero nav{align-items:center;gap:10px;margin-bottom:24px;font-size:12px;display:flex}.teacher-hero-copy{width:49%}.teacher-hero h1{color:#092675;font-size:clamp(24px,2.2vw,32px);font-weight:750;line-height:1.25}.teacher-hero h2{margin:6px 0 10px;font-size:16px;font-weight:500}.teacher-hero-copy p{color:#52729b;max-width:530px;font-size:13px;line-height:1.7}.teacher-search{background:#fff;border:1px solid #d6e7fc;border-radius:8px;align-items:center;gap:10px;width:50%;margin-top:18px;padding:5px 5px 5px 14px;display:flex;box-shadow:0 4px 16px #007aff0b}.teacher-search input{outline:none;flex:1;width:0;min-width:0;font-size:13px}.teacher-search button,.teacher-primary,.teacher-join>a{color:#fff;background:#007aff;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.teacher-main{padding-top:16px}.teacher-filterbar{grid-template-columns:repeat(6,minmax(0,1fr)) 1.2fr;gap:10px;display:grid}.teacher-select{background:#fff;border:1px solid #dce9f9;border-radius:7px;flex-direction:column;min-width:0;padding:8px 10px;font-size:12px;display:flex}.teacher-select>span{color:#6982a7;margin-bottom:3px;font-size:11px}.teacher-select select{color:#123d81;background:0 0;outline:none;width:100%;min-height:23px}.teacher-outline{color:#007aff;background:#fff;border:1px solid #d5e6fc;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.teacher-subjects{justify-content:space-between;gap:8px;margin:22px 0;display:flex;overflow-x:auto}.teacher-subjects button{white-space:nowrap;border-radius:12px;min-width:74px;padding:8px 6px;font-size:11px}.teacher-subjects button>span{background:#eff7ff;border-radius:16px;justify-content:center;align-items:center;width:45px;height:45px;margin:0 auto 8px;display:flex}.teacher-subjects button[aria-pressed=true]{color:#007aff;background:#e3f3ff}.teacher-toolbar{align-items:center;gap:12px;margin:18px 0;font-size:13px;display:flex}.teacher-toolbar>p{margin-right:auto}.teacher-sort{align-items:center;gap:8px;display:flex}.teacher-sort select{background:#fff;border:1px solid #dce9f9;border-radius:6px;max-width:180px;padding:9px}.teacher-views{gap:4px;display:flex}.teacher-views button{background:#fff;border:1px solid #dce9f9;border-radius:5px;align-items:center;gap:5px;padding:10px;font-size:12px;display:flex}.teacher-views button[aria-pressed=true]{color:#fff;background:#007aff}.teacher-mobile-filter{display:none}.teacher-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.teacher-card{background:#fff;border:1px solid #dceafa;border-radius:10px;min-width:0;position:relative;overflow:hidden;box-shadow:0 3px 10px #067aff05}.teacher-photo{aspect-ratio:4/2.45;background:#e9f4fa;display:block;position:relative;overflow:hidden}.teacher-photo img{object-fit:cover;position:absolute}.teacher-portrait-frame{aspect-ratio:4/3;width:100%;display:block;position:absolute;top:50%;transform:translateY(-50%)}.teacher-subject{color:#007aff;background:#e7f5ff;border-radius:5px;padding:4px 8px;font-size:11px;position:absolute;top:9px;left:9px}.subject-tieng-anh,.subject-ngu-van{color:#d52469;background:#fff0f5}.subject-hoa-hoc,.subject-sinh-hoc{color:#009979;background:#e5fbf3}.subject-ky-nang{color:#922bca;background:#f5eaff}.teacher-heart{color:#123a87;background:#ffffffed;border-radius:7px;padding:5px;position:absolute;top:8px;right:8px}.teacher-card-body{padding:10px 12px 12px}.teacher-name{color:#0a2b79;align-items:center;gap:3px;font-size:14px;font-weight:700;display:flex}.teacher-qualification{color:#6780a9;margin:4px 0;font-size:11px;line-height:1.5}.teacher-rating{align-items:center;gap:4px;margin:5px 0;font-size:12px;display:flex}.teacher-rating svg{color:#ff9d00}.teacher-rating>span{color:#617ca3;font-size:11px}.teacher-metrics{color:#5e77a3;justify-content:space-between;gap:5px;font-size:10px;display:flex}.teacher-metrics>span{align-items:center;gap:4px;display:flex}.teacher-tags{flex-wrap:wrap;gap:4px;margin:9px 0;display:flex}.teacher-tags span{background:#eef5ff;border-radius:10px;padding:3px 7px;font-size:10px}.teacher-card-bottom{justify-content:space-between;align-items:center;gap:6px;margin-top:10px;display:flex}.teacher-card-bottom p{color:#ed003b;white-space:nowrap;font-size:11px}.teacher-card-bottom a{color:#007aff;white-space:nowrap;border:1px solid #89bcff;border-radius:5px;padding:6px 10px;font-size:11px}.teacher-pagination{justify-content:center;gap:6px;margin:24px 0;display:flex}.teacher-pagination button{background:#fff;border:1px solid #dce9f9;border-radius:5px;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.teacher-pagination button[aria-current]{color:#fff;background:#007aff}.teacher-pagination button:disabled{opacity:.4}.teacher-join{background:linear-gradient(110deg,#e7f5ff,#d7eeff);border-radius:12px;align-items:center;gap:20px;margin-top:26px;padding:24px 30px;display:flex}.teacher-join>svg{color:#ffad00}.teacher-join h2{color:#063b96;font-size:19px;font-weight:700}.teacher-join p{margin-top:4px;font-size:13px}.teacher-join>a{margin-left:auto}.teacher-drawer-fields{gap:12px;padding:0 20px 24px;display:grid}.teacher-checkbox{align-items:center;gap:10px;font-size:14px;display:flex}.teacher-checkbox input{accent-color:#007aff;width:17px;height:17px}.teacher-empty{text-align:center;background:#fff;border-radius:12px;justify-items:center;gap:16px;padding:70px 20px;display:grid}.teacher-empty h2{font-weight:700}.teacher-empty button{color:#fff;background:#007aff;border-radius:6px;padding:10px 20px}.teacher-skeleton{background:linear-gradient(110deg,#edf3f9,#fff,#edf3f9);border-radius:10px;height:320px}.teacher-list{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-list .teacher-card{grid-template-columns:40% 60%;display:grid}.teacher-list .teacher-photo{aspect-ratio:auto;height:100%}.teacher-list .teacher-photo img{object-fit:fill}.teacher-directory button,.teacher-directory a{transition:background-color .15s}.teacher-directory button{cursor:pointer}.teacher-directory button:disabled{cursor:default}.teacher-directory :focus-visible{outline-offset:3px;outline:2px solid #007aff}@media (max-width:1100px){.teacher-filterbar{display:none}.teacher-mobile-filter{display:flex}.teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-hero-copy{width:55%}.teacher-hero-copy p{display:none}.teacher-search{width:58%}.teacher-hero-inner{min-height:260px}.teacher-hero-art{object-position:65% center}.teacher-sort>span{display:none}.teacher-photo{aspect-ratio:4/3}.teacher-list{grid-template-columns:1fr}.teacher-name{font-size:16px}.teacher-card-bottom p{font-size:13px}.teacher-subjects{justify-content:flex-start}.teacher-card-body{padding:12px}.teacher-qualification,.teacher-metrics{font-size:12px}}@media (max-width:600px){.teacher-portrait-frame{width:auto;height:100%;top:0;left:50%;transform:translate(-50%)}.teacher-hero-art{-webkit-mask-image:linear-gradient(90deg,#0000 28%,#000 78%);mask-image:linear-gradient(90deg,#0000 28%,#000 78%);width:100%!important}.teacher-container{padding-inline:16px}.teacher-hero-inner{min-height:254px;padding-top:16px}.teacher-hero nav{margin-bottom:20px;font-size:11px}.teacher-hero-art{object-fit:cover;object-position:64% center;opacity:.85}.teacher-hero-copy{width:62%}.teacher-hero h1{font-size:23px}.teacher-hero h2{max-width:190px;font-size:12px;line-height:1.5}.teacher-search{width:100%;margin-top:30px}.teacher-search input{font-size:11px}.teacher-search button{padding:11px;font-size:11px}.teacher-toolbar{flex-wrap:wrap;justify-content:space-between}.teacher-toolbar>p{flex:60%;order:3;margin-top:8px;font-size:12px}.teacher-sort{margin-left:auto}.teacher-views{order:4}.teacher-views span{display:none}.teacher-subjects{margin:8px 0 16px}.teacher-grid,.teacher-list{grid-template-columns:1fr;gap:12px}.teacher-card,.teacher-list .teacher-card{border-radius:9px;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:8px;display:grid}.teacher-photo,.teacher-list .teacher-photo{aspect-ratio:auto;border-radius:6px;height:112px}.teacher-photo img{object-fit:fill}.teacher-subject{padding:3px 5px;font-size:9px;top:auto;bottom:4px;left:3px}.teacher-card-body{flex-direction:column;justify-content:center;padding:2px 22px 0 0;display:flex}.teacher-name{font-size:12px;line-height:1.5}.teacher-qualification,.teacher-tags,.teacher-metrics>span+span,.teacher-card-bottom>a{display:none}.teacher-rating{font-size:11px}.teacher-rating span,.teacher-metrics{font-size:10px}.teacher-card-bottom{margin-top:6px}.teacher-card-bottom p{font-size:11px}.teacher-heart{padding:3px;top:10px;right:7px}.teacher-heart svg{width:15px}.teacher-join{flex-wrap:wrap;gap:12px;padding:20px 16px}.teacher-join h2{font-size:16px}.teacher-join p{font-size:11px}.teacher-join>a{margin:auto;font-size:12px}.teacher-join>svg{width:35px}.teacher-pagination{margin:22px 0}}