#tutors{background:#f1f3f2;border-block:1px solid #e1e6e4}
#tutors .section{padding-top:80px;padding-bottom:82px}
#tutors .section-heading{align-items:center;margin-bottom:25px}
#tutors .section-heading .eyebrow{color:#68764d}
#tutors .section-heading h2{color:#1e2f35;font-size:clamp(37px,4vw,48px);letter-spacing:-1.9px}
#tutors .section-heading .text-link{display:inline-flex;align-items:center;gap:11px;padding:13px 17px;border:1px solid #263f48;border-radius:9px;background:#263f48;color:#fff;font-size:12px;box-shadow:0 7px 18px #1b30351c;transition:background .2s,transform .2s,box-shadow .2s}
#tutors .section-heading .text-link span{margin:0;color:#d6e3ab;font-size:16px}
#tutors .section-heading .text-link:hover{background:#34535d;color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #1b303529}
#tutors .filter-row{gap:9px;margin-bottom:21px}
#tutors .filter-chip{padding:10px 15px;border-color:#ccd6d4;background:#fff;color:#43545a;font-size:11px;transition:background .18s,border-color .18s,color .18s,transform .18s}
#tutors .filter-chip:hover{border-color:#81979b;background:#edf1f1;transform:translateY(-1px)}
#tutors .filter-chip.active{border-color:#263f48;background:#263f48;color:#fff;box-shadow:0 5px 13px #1b30351c}
#tutors .filter-chip span{color:#d7e2a6}
#tutors .filter-hint{color:#536168;font-size:11px}
#tutors .tutor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#tutors .tutor-grid:not(:has(.tutor-card:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
#tutors .tutor-card{height:100%;overflow:hidden;border:1px solid #d8e0de;border-radius:14px;background:#fff;box-shadow:0 8px 24px #182a2c0b;transition:transform .2s,box-shadow .2s,border-color .2s}
#tutors .tutor-card:hover{transform:translateY(-4px);border-color:#b7c6c5;box-shadow:0 16px 32px #182a2c17}
#tutors .tutor-photo{height:205px;background:linear-gradient(135deg,#30464e,#3d555d)}
#tutors .tutor-photo::before{position:absolute;content:"";width:230px;height:230px;left:50%;top:50%;transform:translate(-50%,-38%);border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff06}
#tutors .portrait{width:140px;height:175px;transform:scale(1.03);transform-origin:bottom;background:#526b73}
#tutors .portrait.p2{background:#697987}
#tutors .portrait.p3{background:#a56e56}
#tutors .portrait.p4{background:#697b68}
#tutors .portrait.p5{background:#927b5c}
#tutors .portrait.p6{background:#6e7280}
#tutors .tutor-badge{z-index:2;top:14px;left:14px;padding:7px 10px;border:1px solid #ffffff9c;border-radius:999px;background:#ffffffed;color:#2c4248;font-size:10px;font-weight:700;box-shadow:0 4px 12px #10252b24}
#tutors .heart{z-index:2;top:13px;right:13px;width:36px;height:36px;border:1px solid #ffffff9c;background:#ffffffed;color:#344a50;box-shadow:0 4px 12px #10252b24}
#tutors .heart:hover,#tutors .heart.saved{color:#a55d52}
#tutors .tutor-info{padding:18px 19px 17px;background:#fff}
#tutors .tutor-name{color:#1f3036;font-size:15px}
#tutors .rating{font-size:11px}
#tutors .tutor-location{margin-top:5px;color:#536168;font-size:11px}
#tutors .tutor-subjects{gap:7px;margin:13px 0}
#tutors .tutor-subjects span{padding:5px 10px;border:1px solid #e0e6e3;border-radius:999px;background:#f3f5f3;color:#40544d;font-size:10px}
#tutors .tutor-bottom{padding-top:12px;margin-top:12px;border-color:#e1e6e4;color:#536168;font-size:10px}
#tutors .tutor-bottom b{color:#263f48;font-size:13px}
#tutors .tutor-bottom b span{color:#647177!important}
#tutors .center-action{margin-top:27px}
#tutors .center-action .button{min-height:48px;padding:12px 18px;border-radius:9px}
@media(max-width:1000px){#tutors .section{padding-top:67px;padding-bottom:68px}#tutors .tutor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#tutors .tutor-photo{height:190px}}
@media(max-width:700px){#tutors .section{padding-top:56px;padding-bottom:58px}#tutors .section-heading{align-items:flex-start;gap:14px}#tutors .section-heading h2{font-size:34px;letter-spacing:-1.4px}#tutors .section-heading .text-link{align-self:flex-start;padding:11px 13px;font-size:11px}#tutors .filter-row{gap:7px;margin-bottom:16px}#tutors .filter-chip{padding:9px 12px;font-size:10px}#tutors .filter-hint{display:none}#tutors .tutor-grid,#tutors .tutor-grid:not(:has(.tutor-card:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#tutors .tutor-photo{height:150px}#tutors .portrait{transform:scale(.88)}#tutors .tutor-info{padding:13px 12px}#tutors .tutor-name{font-size:13px}#tutors .rating{font-size:9px}#tutors .tutor-subjects{flex-wrap:wrap;gap:4px;margin:9px 0}#tutors .tutor-subjects span{padding:4px 7px;font-size:9px}#tutors .tutor-bottom{font-size:9px}#tutors .tutor-bottom b{font-size:11px}}
@media(max-width:370px){#tutors .tutor-grid,#tutors .tutor-grid:not(:has(.tutor-card:nth-child(3))){grid-template-columns:1fr}#tutors .tutor-photo{height:185px}}
#tutors .tutor-uploaded-photo{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 35%}
@media(min-width:1200px){#tutors .tutor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#tutors .tutor-photo{height:230px}}
#tutors .tutor-card{border-color:#e0e7e1;border-radius:16px;box-shadow:0 10px 28px #1a35240d;transition:transform .24s ease,box-shadow .24s ease}
#tutors .tutor-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #1a35241a}
#tutors .tutor-photo{isolation:isolate;background:linear-gradient(140deg,#dce7d7,#b9cdbb)}
#tutors .tutor-photo::before{display:none}
#tutors .tutor-photo::after{content:"";position:absolute;z-index:2;inset:32% 0 0;background:linear-gradient(180deg,transparent 0%,#101d1ab8 100%);pointer-events:none}
#tutors .tutor-uploaded-photo{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 35%}
#tutors .portrait{z-index:1}
#tutors .tutor-badge{z-index:4;top:15px;left:15px;padding:8px 13px;border:0;border-radius:999px;background:#1bb49e;color:#fff;font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;box-shadow:0 5px 15px #123a352b}
#tutors .heart{z-index:4;top:14px;right:14px;width:38px;height:38px;border:1px solid #ffffffbd;background:#ffffffed;color:#1b514a;font-size:20px;box-shadow:0 5px 15px #123a3526}
#tutors .heart:hover,#tutors .heart.saved{color:#e2715d}
#tutors .tutor-photo-identity{position:absolute;z-index:3;left:18px;right:18px;bottom:17px;display:flex;flex-direction:column;gap:2px;color:#fff;text-shadow:0 1px 8px #0008}
#tutors .tutor-photo-identity b{font:700 18px var(--display);letter-spacing:-.3px}
#tutors .tutor-photo-identity span{font-size:12px;font-weight:500;color:#ffffffea}
#tutors .tutor-info{padding:18px 19px 17px}
#tutors .tutor-topline{justify-content:flex-start}
#tutors .tutor-card-title{font:700 17px/1.35 var(--display);color:#19352f;letter-spacing:-.35px}
#tutors .tutor-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}
#tutors .tutor-card-meta .rating{font-size:12px;color:#80622c}
#tutors .tutor-card-meta .rating b{color:#243c36}
#tutors .tutor-card-meta .tutor-location{margin:0;font-size:11px;color:#69796f;text-align:right}
#tutors .tutor-subjects{gap:6px;margin:14px 0}
#tutors .tutor-subjects span{padding:6px 10px;border:1px solid #e2e9e2;border-radius:999px;background:#f4f7f2;color:#40584b;font-size:10px;font-weight:600}
#tutors .tutor-bottom{padding-top:13px;margin-top:13px;border-color:#e8ede8;color:#65776c;font-size:11px}
#tutors .tutor-bottom b{font-size:15px;color:#264f43}
#tutors .tutor-card-title{font-size:20px;line-height:1.4}
#tutors .tutor-card-meta .rating{font-size:14px}
#tutors .tutor-card-meta .tutor-location{font-size:13px}
#tutors .tutor-subjects span{font-size:12px;padding:7px 11px}
#tutors .tutor-bottom{font-size:13px}
#tutors .tutor-review-score{display:inline-flex;align-items:center;gap:5px;color:#243c36;font-size:14px;font-weight:700}
#tutors .tutor-review-score>span:first-child{color:#e6a322;font-size:19px;line-height:1}
#tutors .tutor-review-count{color:#68776f;font-size:12px;font-weight:500}
#tutors .tutor-bottom b{font-size:18px;color:#e23f36}
#tutors .tutor-explore-profile{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;margin-top:14px;border:1px solid #245c4d;border-radius:8px;color:#174c40;font-size:15px;font-weight:700;text-decoration:none}
#tutors .tutor-explore-profile span{font-size:18px;color:#788e43}
#tutors .tutor-explore-profile:hover{background:#f1f6ef}
@media(max-width:700px){#tutors .tutor-photo{height:175px}#tutors .tutor-info{padding:15px 14px}#tutors .tutor-card-title{font-size:16px}#tutors .tutor-photo-identity{left:12px;bottom:12px}#tutors .tutor-photo-identity b{font-size:16px}#tutors .tutor-photo-identity span{font-size:12px}#tutors .tutor-card-meta{align-items:flex-start;flex-direction:column;gap:4px}#tutors .tutor-card-meta .rating{font-size:12px}#tutors .tutor-card-meta .tutor-location{text-align:left;font-size:12px}#tutors .tutor-subjects span{font-size:11px}#tutors .tutor-bottom{font-size:12px}#tutors .tutor-review-score{font-size:12px}#tutors .tutor-review-count{font-size:11px}#tutors .tutor-bottom b{font-size:16px}#tutors .tutor-explore-profile{font-size:14px;min-height:44px}}