.course-detail-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.course-detail-page .breadcrumb a{color:#2563eb;text-decoration:none}.course-detail-page .breadcrumb a:hover{text-decoration:underline}.course-detail-page .course-hero{position:relative;overflow:hidden}.course-detail-page .course-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:hsla(0,0%,100%,.1);border-radius:50%}.course-detail-page .course-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:hsla(0,0%,100%,.05);border-radius:50%}.course-detail-page .instructor-card{border-left:4px solid #2563eb;transition:all .3s ease}.course-detail-page .instructor-card:hover{box-shadow:0 8px 16px rgba(37,99,235,.1);transform:translateY(-2px)}.course-detail-page .skill-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.course-detail-page .accordion-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden}.course-detail-page .accordion-section .accordion-header{padding:16px 24px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:600}.course-detail-page .accordion-section .accordion-header:hover{background:#f9fafb}.course-detail-page .accordion-section .accordion-content{padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.course-detail-page .certificate-section{background:linear-gradient(135deg,#eff6ff,#f3f4f6);border:2px solid #dbeafe;border-radius:12px;padding:32px;display:flex;align-items:flex-start;gap:24px}.course-detail-page .certificate-section .certificate-icon{width:48px;height:48px;border-radius:8px;background:#dbeafe;display:flex;align-items:center;justify-content:center;color:#1e40af;flex-shrink:0}.course-detail-page .certificate-section .certificate-content{flex:1}.course-detail-page .certificate-section .certificate-content h3{font-size:24px;font-weight:700;margin-bottom:8px;color:#111827}.course-detail-page .certificate-section .certificate-content p{margin-bottom:8px;color:#4b5563}.course-detail-page .certificate-section .certificate-content p:last-child{margin-bottom:0;color:#2563eb;font-weight:600}.course-detail-page .sidebar-card{position:sticky;top:80px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.course-detail-page .sidebar-card .card-header{padding:24px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.course-detail-page .sidebar-card .card-header .price{font-size:32px;font-weight:700}.course-detail-page .sidebar-card .card-content{padding:24px}.course-detail-page .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(4px)}.course-detail-page .modal-content{background:#fff;border-radius:12px;width:100%;max-width:450px;margin:16px;box-shadow:0 20px 25px rgba(0,0,0,.15);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.course-detail-page .course-hero:before{width:300px;height:300px;right:-50%}.course-detail-page .course-hero:after{width:200px;height:200px;left:-30%}.course-detail-page .certificate-section{flex-direction:column;gap:16px;padding:20px}.course-detail-page .sidebar-card{position:relative;top:auto}}