.teachers-page{background:linear-gradient(135deg,var(--background)0%,var(--background-hover)100%);min-height:100vh}.teachers-page .teachers-header{text-align:center;padding:8rem 2rem 4rem}.teachers-page .teachers-header h1{color:var(--accent-secondary);margin-bottom:1.5rem;font-size:4.5rem;font-weight:700}.teachers-page .teachers-header .teachers-subtitle{color:var(--text-secondary);max-width:60rem;margin:0 auto;font-size:1.8rem;line-height:1.6}.teachers-page h2{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:3rem;font-weight:700}.teachers-page .leadership{text-align:center;margin-top:3rem;margin-bottom:4rem}.teachers-page .teachers-filters-container{flex-direction:column;gap:1rem;width:100%;max-width:140rem;margin:0 auto 3rem;padding:0 3rem;display:flex}.teachers-page .teachers-filters-container>p{color:var(--text-secondary);margin-left:auto;margin-right:2.5rem;font-size:1.4rem}.teachers-page .teachers-filters{flex-wrap:wrap;align-items:center;gap:2rem;width:100%;padding:0 2rem;display:flex}.teachers-page .teachers-filters .search-container{flex:1;min-width:30rem}.teachers-page .teachers-filters .search-container .search-input{border:2px solid var(--accent-secondary);background:var(--secondary-background);border-radius:1.2rem;width:100%;padding:1.5rem 2rem;font-size:1.6rem;transition:all .3s}.teachers-page .teachers-filters .search-container .search-input:focus{border-color:var(--accent-secondary-highlight);box-shadow:0 0 5px 3px color-mix(in srgb,transparent 70%,var(--accent-secondary-highlight)30%);outline:none}.teachers-page .teachers-filters .search-container .search-input::placeholder{color:var(--text-secondary)}.teachers-page .teachers-filters .filter-container .subject-filter{border:2px solid var(--accent-secondary);background:var(--secondary-background);cursor:pointer;border-radius:1.2rem;min-width:20rem;padding:1.5rem 2rem;font-size:1.6rem;transition:all .3s}.teachers-page .teachers-filters .filter-container .subject-filter:focus{border-color:var(--accent-secondary-highlight);box-shadow:0 0 5px 3px color-mix(in srgb,transparent 70%,var(--accent-secondary-highlight)30%);outline:none}.teachers-page .teacher-cards-container{grid-template-columns:repeat(auto-fill,minmax(35rem,1fr));justify-content:center;gap:3rem;max-width:140rem;margin:0 auto;padding:0 2rem 8rem;display:grid}.teachers-page .no-results{text-align:center;padding:8rem 2rem}.teachers-page .no-results p{color:var(--text-secondary);font-size:1.8rem}.teacher-card{background:var(--secondary-background);box-shadow:0 4px 20px var(--shadow);cursor:pointer;border-radius:2rem;transition:box-shadow .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.teacher-card:hover{box-shadow:0 20px 25px var(--shadow);transform:translateY(-8px)}.teacher-card:hover .teacher-image{transform:scale(1.05)}.teacher-card:hover .view-profile-btn{background:var(--accent-secondary);color:var(--text-accent);transform:translate(5px)}.teacher-card .teacher-card-inner{flex-direction:column;height:100%;display:flex;position:relative}.teacher-card .teacher-image-container{padding:2rem 2rem 1rem;position:relative}.teacher-card .teacher-image-container .teacher-image{border:2px solid var(--text-secondary);border-radius:50%;width:12rem;height:12rem;margin:0 auto;transition:transform .4s;position:relative;overflow:hidden}.teacher-card .teacher-image-container .teacher-image img{object-fit:cover}.teacher-card .teacher-card-content{flex-direction:column;flex:1;padding:0 2rem 2rem;display:flex}.teacher-card .teacher-card-header{text-align:center;margin-bottom:2rem}.teacher-card .teacher-card-header h2{color:var(--accent-secondary-highlight);margin-bottom:.5rem;font-size:2.4rem;font-weight:700;line-height:1.2}.teacher-card .teacher-card-header .teacher-title{color:var(--text-secondary);font-size:1.6rem;font-weight:500}.teacher-card .teacher-bio{margin-bottom:2rem}.teacher-card .teacher-bio p{color:var(--text-secondary);font-size:1.4rem;line-height:1.6}.teacher-card .subjects-section{margin-bottom:2rem}.teacher-card .subjects-section .subjects-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.4rem;font-weight:600}.teacher-card .subjects-section .subjects-tags{flex-wrap:wrap;gap:.8rem;display:flex}.teacher-card .subjects-section .subjects-tags .subject-tag{background:linear-gradient(135deg,var(--accent),var(--accent-highlight));color:var(--text-accent);border-radius:2rem;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:500}.teacher-card .subjects-section .subjects-tags .subject-tag.more-subjects{background:var(--accent);color:var(--text-accent)}.teacher-card .teacher-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.teacher-card .teacher-card-footer .contact-info .email-link{color:var(--text-secondary);font-size:1.4rem;text-decoration:none;transition:color .3s}.teacher-card .teacher-card-footer .contact-info .email-link:hover{color:var(--accent-secondary)}.teacher-card .teacher-card-footer .view-profile-btn{background:var(--accent-secondary);border:1px solid var(--accent-secondary-highlight);color:var(--text-accent);cursor:pointer;border-radius:1rem;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1.4rem;font-weight:500;transition:all .3s;display:flex}.teacher-card .teacher-card-footer .view-profile-btn svg{transition:transform .3s}.expanded-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:fixed;top:0;left:0}.expanded-teacher-card{background:var(--background);border-radius:2rem;width:100%;max-width:90rem;min-height:70vh;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;position:relative;overflow:hidden}.expanded-teacher-card .close-button{cursor:pointer;z-index:10;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.expanded-teacher-card .close-button:hover{background:#0003;transform:rotate(90deg)}.expanded-teacher-card .close-button svg{color:var(--text-primary)}.expanded-teacher-card .expanded-header{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-secondary-highlight));color:var(--text-accent);align-items:center;gap:3rem;padding:4rem 4rem 3rem;display:flex}.expanded-teacher-card .expanded-header .teacher-image-large{border:4px solid color-mix(in srgb,transparent 70%,var(--text-accent)30%);border-radius:50%;flex-shrink:0;width:15rem;height:15rem;position:relative;overflow:hidden}.expanded-teacher-card .expanded-header .teacher-image-large img{object-fit:cover}.expanded-teacher-card .expanded-header .teacher-info-header h1{margin-bottom:1rem;font-size:3.5rem;font-weight:700;line-height:1.2}.expanded-teacher-card .expanded-header .teacher-info-header .teacher-title-large{opacity:.9;margin-bottom:2rem;font-size:2rem}.expanded-teacher-card .expanded-header .teacher-info-header .teacher-stats{gap:3rem;display:flex}.expanded-teacher-card .expanded-header .teacher-info-header .teacher-stats .stat-item{text-align:center}.expanded-teacher-card .expanded-header .teacher-info-header .teacher-stats .stat-item .stat-number{font-size:2.4rem;font-weight:700;display:block}.expanded-teacher-card .expanded-header .teacher-info-header .teacher-stats .stat-item .stat-label{opacity:.8;font-size:1.4rem}.expanded-teacher-card .expanded-tabs{padding:1rem;display:flex}.expanded-teacher-card .expanded-tabs .tab-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;font-size:1.6rem;font-weight:500;transition:all .3s;display:flex;position:relative}.expanded-teacher-card .expanded-tabs .tab-button .tab-icon{color:var(--text-primary);font-size:2rem}.expanded-teacher-card .expanded-tabs .tab-button.active{color:var(--text-accent);background:var(--accent-secondary)}.expanded-teacher-card .expanded-tabs .tab-button:hover:not(.active){background:rgba(var(--accent-secondary),.05)}.expanded-teacher-card .expanded-content{max-height:50vh;padding:4rem;overflow-y:auto}.expanded-teacher-card .expanded-content .tab-content{animation:.3s fadeInUp}.expanded-teacher-card .expanded-content h3{color:var(--text-primary);margin-bottom:2rem;font-size:2.4rem;font-weight:600}.expanded-teacher-card .expanded-content .overview-content .bio-section{margin-bottom:3rem}.expanded-teacher-card .expanded-content .overview-content .bio-section .bio-text{color:var(--text-secondary);font-size:1.6rem;line-height:1.7}.expanded-teacher-card .expanded-content .overview-content .quick-info .info-card{background:var(--secondary-background);border-radius:1rem;padding:2rem}.expanded-teacher-card .expanded-content .overview-content .quick-info .info-card h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.6rem;font-weight:600}.expanded-teacher-card .expanded-content .overview-content .quick-info .info-card .focus-subjects{flex-wrap:wrap;gap:.8rem;display:flex}.expanded-teacher-card .expanded-content .overview-content .quick-info .info-card .focus-subjects .focus-tag{background:var(--accent-secondary);color:#fff;border-radius:2rem;padding:.5rem 1rem;font-size:1.2rem}.expanded-teacher-card .expanded-content .overview-content .quick-info .info-card .contact-email{color:var(--accent-secondary);font-weight:500;text-decoration:none}.expanded-teacher-card .expanded-content .overview-content .quick-info .info-card .contact-email:hover{text-decoration:underline}.expanded-teacher-card .expanded-content .subjects-content .subjects-grid{grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:2rem;display:grid}.expanded-teacher-card .expanded-content .subjects-content .subjects-grid .subject-card{background:var(--secondary-background);text-align:center;border-radius:1rem;padding:2rem;transition:transform .3s}.expanded-teacher-card .expanded-content .subjects-content .subjects-grid .subject-card:hover{transform:translateY(-5px)}.expanded-teacher-card .expanded-content .subjects-content .subjects-grid .subject-card .subject-icon{margin-bottom:1rem;font-size:3rem}.expanded-teacher-card .expanded-content .subjects-content .subjects-grid .subject-card h4{color:var(--text-primary);font-size:1.6rem;font-weight:600}.expanded-teacher-card .expanded-content .qualifications-content .qualifications-list{flex-direction:column;gap:2rem;display:flex}.expanded-teacher-card .expanded-content .qualifications-content .qualifications-list .qualification-item{background:var(--secondary-background);border-radius:1rem;align-items:center;gap:2rem;padding:2rem;display:flex}.expanded-teacher-card .expanded-content .qualifications-content .qualifications-list .qualification-item .qualification-icon{flex-shrink:0;font-size:3rem}.expanded-teacher-card .expanded-content .qualifications-content .qualifications-list .qualification-item .qualification-details .qualification-date{color:var(--text-secondary);font-size:1.2rem}.expanded-teacher-card .expanded-content .qualifications-content .qualifications-list .qualification-item .qualification-details h4{color:var(--text-primary);font-size:1.8rem;font-weight:600}.expanded-teacher-card .expanded-content .qualifications-content .qualifications-list .qualification-item .qualification-details .qualification-description{color:var(--text-secondary);font-size:1.4rem}.expanded-teacher-card .expanded-content .contact-content h4{font-size:1.8rem}.expanded-teacher-card .expanded-content .contact-content p{font-size:1.4rem}.expanded-teacher-card .expanded-content .contact-content .contact-info-detailed{flex-direction:column;gap:1rem;display:flex}.expanded-teacher-card .expanded-content .contact-content .contact-info-detailed .contact-method{background:var(--secondary-background);border-radius:1rem;align-items:center;gap:2rem;margin-top:2rem;padding:2rem;display:flex}.expanded-teacher-card .expanded-content .contact-content .contact-info-detailed .contact-method .contact-icon{flex-shrink:0;font-size:3rem}.expanded-teacher-card .expanded-content .contact-content .contact-info-detailed .contact-method .contact-details h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.expanded-teacher-card .expanded-content .contact-content .contact-info-detailed .contact-method .contact-details a{color:var(--accent-secondary);font-weight:500;text-decoration:none}.expanded-teacher-card .expanded-content .contact-content .contact-info-detailed .contact-method .contact-details a:hover{text-decoration:underline}.expanded-teacher-card .expanded-content .contact-content .contact-info-detailed .contact-method .contact-details p{color:var(--text-secondary);font-size:1.4rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media screen and (max-width:768px){.teachers-page .teachers-header{padding:6rem 2rem 3rem}.teachers-page .teachers-header h1{font-size:3.5rem}.teachers-page .teachers-header .teachers-subtitle{font-size:1.6rem}.teachers-page .teachers-filters{flex-direction:column;align-items:stretch}.teachers-page .teachers-filters .search-container,.teachers-page .teachers-filters .filter-container .subject-filter{min-width:auto}.teachers-page .teacher-cards-container{grid-template-columns:1fr;gap:2rem}.expanded-teacher-card{max-height:95vh;margin:1rem}.expanded-teacher-card .expanded-header{text-align:center;flex-direction:column;padding:3rem 2rem}.expanded-teacher-card .expanded-header .teacher-image-large{width:12rem;height:12rem}.expanded-teacher-card .expanded-header .teacher-info-header h1{font-size:2.8rem}.expanded-teacher-card .expanded-header .teacher-info-header .teacher-title-large{font-size:1.6rem}.expanded-teacher-card .expanded-header .teacher-info-header .teacher-stats{justify-content:center}.expanded-teacher-card .expanded-tabs .tab-button{padding:1.5rem 1rem;font-size:1.4rem}.expanded-teacher-card .expanded-tabs .tab-button .tab-icon{font-size:1.6rem}.expanded-teacher-card .expanded-content{padding:2rem}.expanded-teacher-card .expanded-content .subjects-content .subjects-grid{grid-template-columns:1fr}}@media screen and (max-width:425px){.teacher-card .teacher-card-footer{flex-direction:column;align-items:stretch;gap:1rem}.teacher-card .teacher-card-footer .view-profile-btn{justify-content:center}.expanded-tabs .tab-button{flex-direction:column;gap:.5rem;padding:1rem}.expanded-tabs .tab-button span:not(.tab-icon){font-size:1.2rem}}