.b2b-teachers{padding:80px 0;background:linear-gradient(180deg,#f8fafc 0%,#f0f4ff 100%);position:relative}
.b2b-teachers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.b2b-teacher{display:flex;flex-direction:column;align-items:center;padding:28px 20px 24px;background:#fff;border-radius:16px;text-decoration:none;transition:all .3s ease;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03);position:relative;overflow:hidden}
.b2b-teacher::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#7c3aed);opacity:0;transition:opacity .3s}
.b2b-teacher:hover::after{opacity:1}
.b2b-teacher:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(37,99,235,.1);border-color:rgba(37,99,235,.08)}
.b2b-teacher__avatar{width:96px;height:96px;border-radius:50%;background-size:cover;background-position:center;background-color:#e5e7eb;border:4px solid #dbeafe;transition:border-color .3s,box-shadow .3s}
.b2b-teacher__avatar--img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid #dbeafe;transition:border-color .3s,box-shadow .3s}
.b2b-teacher:hover .b2b-teacher__avatar,.b2b-teacher:hover .b2b-teacher__avatar--img{border-color:#93c5fd;box-shadow:0 4px 12px rgba(37,99,235,.15)}
.b2b-teacher__avatar--placeholder{display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.b2b-teacher__name{margin-top:14px;font-size:15px;font-weight:600;color:#1e293b;text-align:center;letter-spacing:.3px}
.b2b-teacher:hover .b2b-teacher__name{color:#2563eb}
@media(max-width:768px){.b2b-teachers__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.b2b-teachers__grid{grid-template-columns:repeat(2,1fr);gap:12px}.b2b-teacher{padding:18px 14px 16px}.b2b-teacher__avatar{width:72px;height:72px}.b2b-teacher__name{font-size:13px}}