.course-content-item{width:100%;padding:clamp(12px,3vw,20px);border:1px solid #e8e8e8;border-radius:clamp(12px,2.5vw,16px);transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:clamp(12px,3vw,18px);background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04)}.course-content-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:#d0d0d0}.course-content-item.show .head-content .title-info .icon{transform:rotate(180deg)}.course-content-item.show .body-content{display:block;animation:slideDown .3s ease-out}.course-content-item .head-content{display:flex;align-items:center;cursor:pointer;justify-content:space-between;gap:15px}@media(max-width:768px){.course-content-item .head-content{flex-direction:column;align-items:stretch;gap:12px}}.course-content-item .head-content .title-info{display:flex;gap:clamp(8px,2vw,12px);flex:1 1}.course-content-item .head-content .title-info .icon{transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.course-content-item .head-content .title-info h6{font-weight:600;margin-bottom:0;font-size:clamp(14px,3vw,16px);line-height:1.4;color:var(--dark-1,#1a1a1a)}.course-content-item .head-content .content-metric{display:flex;align-items:center;gap:clamp(10px,2.5vw,18px);flex-shrink:0}@media(max-width:768px){.course-content-item .head-content .content-metric{justify-content:space-between;width:100%}}.course-content-item .head-content .content-metric .metric-item{display:flex;align-items:center;gap:6px}.course-content-item .head-content .content-metric .metric-item .icon{color:var(--dark-4,#888);font-size:13px}.course-content-item .head-content .content-metric .metric-item .num{font-size:clamp(12px,2.5vw,13px);color:var(--dark-4,#888);font-weight:500}.course-content-item .body-content{padding-top:clamp(12px,3vw,18px);margin-top:clamp(12px,3vw,18px);border-top:1px solid #f0f0f0;display:none}.lesson-content-item{margin-bottom:clamp(10px,2.5vw,15px);padding:clamp(8px,2vw,12px);border-radius:8px;transition:background-color .2s ease}.lesson-content-item:hover{background-color:#f8f9fa}.lesson-content-item.show .title-info .icon{transform:rotate(180deg)}.lesson-content-item.show .lesson-info{display:block;animation:fadeIn .3s ease-out}.lesson-content-item .lesson-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px}.lesson-content-item .lesson-title .title-info{display:flex;align-items:center;gap:clamp(4px,1.5vw,8px);font-weight:500;font-size:clamp(12px,2.5vw,14px);cursor:pointer;flex:1 1;line-height:1.4}.lesson-content-item .lesson-title .title-info .icon{transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.lesson-content-item .lesson-title .title-info .lesson-icon{color:var(--primary-200,#007bff)}.lesson-content-item .lesson-title .time{color:var(--dark-4,#888);font-size:clamp(11px,2.5vw,13px);font-weight:500;flex-shrink:0}.lesson-content-item .lesson-info{color:var(--dark-3,#666);font-size:clamp(11px,2.5vw,13px);display:none;line-height:1.5;padding-left:clamp(16px,4vw,24px)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.course-content-item,.icon,.lesson-content-item{transition:none;animation:none}}@media(prefers-contrast:high){.course-content-item{border-color:#000;box-shadow:none}.course-content-item:hover{background-color:#f0f0f0}}.tutor-detail-page{margin-top:91px;background:var(--neutral-4)}.tutor-detail-page .padding{padding:2rem 0 3rem}.tutor-detail-page .padding .tutor-basic-info{width:100%;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px 10px hsla(0,1%,46%,.1)}.tutor-detail-page .padding .tutor-basic-info .cover-image{width:100%;height:300px;overflow:hidden}.tutor-detail-page .padding .tutor-basic-info .cover-image .image{object-fit:cover;width:100%;height:100%}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section{padding:0 30px 30px 60px;background:#fff}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details{display:flex;align-items:flex-end;justify-content:space-between}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info{margin-top:-100px;text-align:center}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile{width:185px;height:185px;border-radius:50%;padding:6px;background:linear-gradient(to right,var(--primary-200),var(--secondary-200));margin-bottom:15px;position:relative}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile .image{object-fit:cover;width:100%;height:100%;border-radius:50%}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile .active{position:absolute;bottom:7px;right:29px;width:18px;height:18px;border-radius:50%;background:var(--primary)}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info h5{margin-bottom:3px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info h5 .icon{color:var(--primary);margin-left:4px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .title{color:var(--dark-4);font-size:14px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .social-links{display:flex;align-items:center;gap:10px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .social-links .circle{width:30px;height:30px;background-color:var(--primary);border-radius:50%;cursor:pointer}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .social-links .circle .icon{color:#fff}.tutor-detail-page .padding .tutor-profile-content{margin-top:3rem}.tutor-detail-page .padding .tutor-profile-content .tabs{display:flex;align-items:center;gap:5px;margin-bottom:20px}.tutor-detail-page .padding .tutor-profile-content .tabs .tab-item{color:var(--dark-3);font-weight:500;padding:6px 15px;border-radius:5px;cursor:pointer}.tutor-detail-page .padding .tutor-profile-content .tabs .tab-item.active{background:var(--secondary-50);color:var(--secondary);font-weight:700}.tutor-detail-page .padding .tutor-profile-content .item-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px 10px hsla(0,1%,46%,.1);padding:30px;margin-bottom:20px}.tutor-detail-page .padding .tutor-profile-content .item-card .title{margin-bottom:20px}.tutor-detail-page .padding .tutor-profile-content .item-card .card-content .item{margin-top:15px}.tutor-detail-page .padding .tutor-profile-content .item-card .tag-item{padding:4px 7px;background:var(--neutral-4);margin:5px;border-radius:5px;font-weight:500;color:var(--dark-3);font-size:14px}.tutor-detail-page .padding .tutor-profile-content .item-card .avg-rating{font-weight:700;font-size:25px;margin-bottom:5px}.tutor-detail-page .padding .tutor-profile-content .item-card .avg-rating span{font-size:13px;color:var(--dark-4);font-weight:500}.tutor-detail-page .padding .tutor-profile-content .item-card .review{display:flex;gap:10px;margin-bottom:20px}.tutor-detail-page .padding .tutor-profile-content .item-card .review .profile{width:40px;height:40px;border-radius:50%;overflow:hidden}.tutor-detail-page .padding .tutor-profile-content .item-card .review .profile .image{width:100%;height:100%;object-fit:cover}@media screen and (max-width:992px){.tutor-detail-page .padding .tutor-basic-info .cover-image{height:150px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section{padding:0 15px 15px 20px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info{margin-top:-50px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile{width:100px;height:100px}.tutor-detail-page .padding .tutor-profile-content .content-row{flex-direction:column-reverse}}@media screen and (max-width:768px){.tutor-detail-page{margin-top:60px}.tutor-detail-page .padding .tutor-basic-info .cover-image{height:100px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section{padding:0 15px 15px 20px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details{flex-direction:column;align-items:flex-start}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info{margin-top:-40px;text-align:start;padding-bottom:20px}.tutor-detail-page .padding .tutor-basic-info .tutor-detail-section .details .profile-info .profile{width:80px;height:80px}.tutor-detail-page .padding .tutor-profile-content .tabs{width:100%;flex-wrap:nowrap;overflow-x:scroll;padding:15px 0}.tutor-detail-page .padding .tutor-profile-content .tabs .tab-item{white-space:nowrap}.tutor-detail-page .padding .tutor-profile-content .tabs ::-webkit-scrollbar{width:2px;height:2px}.tutor-detail-page .padding .tutor-profile-content .item-card{padding:15px}}