.teacher-page{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;position:relative}.teacher-bg{position:fixed;top:0;bottom:0;left:0;right:0}.bg-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.teacher-main{flex-direction:column;gap:2rem;width:100%;max-width:1100px;margin:50px auto;padding:2rem;display:flex;top:130px}@media (min-width:768px){.teacher-main{flex-direction:row}}.teacher-card{color:#000;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);border-radius:24px;flex:1;padding:2rem;overflow:clip;transform:translateZ(0);box-shadow:0 4px 20px rgba(0,0,0,.1)}.teacher-card:before{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.8;background:radial-gradient(80% 22% at 50% 0,rgba(255,255,255,.65),rgba(255,255,255,0) 70%);border-radius:24px;position:absolute;top:0;bottom:0;left:0;right:0}.teacher-card:after{content:"";pointer-events:none;opacity:.6;background:radial-gradient(100% 40% at 50% 110%,rgba(0,0,0,.08),transparent 60%);border-radius:24px;position:absolute;top:0;bottom:0;left:0;right:0}.teacher-info{text-align:center}@media (min-width:768px){.teacher-main{flex-direction:row;align-items:flex-start}}.teacher-info .avatar{border-radius:50%;width:112px;height:112px;margin:0 auto 1rem;overflow:hidden}.teacher-info h2{font-size:1.5rem;font-weight:600}.teacher-info .rating{opacity:.85;margin-top:.5rem;font-size:.9rem}.teacher-info .location{opacity:.85;margin-top:.3rem;font-size:.9rem}.teacher-info .introduction{text-align:left;opacity:1;white-space:pre-line;margin-top:1.5rem;line-height:1.6}.reserve-btn{color:#fff;cursor:pointer;background:#344e41;border:1px solid rgba(255,255,255,.2);border-radius:999px;width:80%;max-width:320px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:.75rem 2.5rem;transition:opacity .3s;display:block;box-shadow:0 4px 12px rgba(0,0,0,.2)}.reserve-btn:hover{opacity:.9}.service-list{flex-direction:column;flex:1;gap:1.5rem;display:flex}.service-card{color:#000;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:1.5rem;overflow:clip;transform:translateZ(0);box-shadow:0 2px 12px rgba(0,0,0,.1)}.scroll-container{will-change:transform;transform:translateZ(0)}.cover-img{-o-object-fit:cover;object-fit:cover;transform:translateZ(0)}.service-type{margin-bottom:.5rem;font-size:1rem;font-weight:600}.service-label{opacity:.9;margin-bottom:.2rem;font-size:1rem;font-weight:500}.service-name{color:#000;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.3);border-radius:10px;align-self:flex-start;margin-top:10px;margin-bottom:10px;padding:.2rem .6rem;font-size:1rem;display:inline-block;transform:translateZ(0)}.service-subtitle{opacity:.9;margin-bottom:.5rem;font-size:1rem;font-weight:500}.service-cover{aspect-ratio:5/3;border:1px solid rgba(0,0,0,.3);border-radius:16px;width:70%;max-width:260px;margin-top:.75rem;padding:.2rem .5rem;position:relative;overflow:hidden}.cover-img{-o-object-fit:cover;object-fit:cover}.cover-overlay{flex-direction:column;justify-content:space-between;padding:.5rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.price{color:#000;background:rgba(255,255,255,.8);border-radius:999px;align-self:flex-end;padding:.2rem .5rem;font-size:.7rem}.title{color:#000;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.3);border-radius:999px;align-self:flex-start;padding:.2rem .6rem;font-size:.8rem}.service-desc{opacity:.9;margin-top:.5rem;font-size:.9rem;line-height:1.5}.no-service{text-align:center;color:#ccc;margin-top:1rem}