.course-hero{background:linear-gradient(135deg,var(--primary-blue) 0%,#34495E 100%);color:var(--white);padding:6rem 0 3rem}.breadcrumb{display:flex;gap:.5rem;margin-bottom:2rem;font-size:.9rem}.breadcrumb a{color:var(--white);opacity:.8}.breadcrumb a:hover{opacity:1}.course-hero-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.course-hero-left h1{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.course-hero-left p{color:var(--white);opacity:0.9;font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem}.course-meta-inline{display:flex;gap:2rem;margin:1.5rem 0;flex-wrap:wrap}.meta-inline-item{display:flex;align-items:center;gap:.5rem;color:var(--white)}.sidebar-card{background:var(--white);padding:2rem;border-radius:var(--radius-lg);box-shadow:0 8px 30px rgba(0,0,0,.2);position:sticky;top:100px}.price-section{text-align:center;padding-bottom:1.5rem;border-bottom:2px solid var(--light-gray);margin-bottom:1.5rem}.price-main{font-size:3rem;font-weight:700;color:var(--accent-orange)}.price-original{font-size:1.5rem;text-decoration:line-through;color:var(--dark-gray);opacity:.6}.discount-badge{display:inline-block;background:var(--success-green);color:var(--white);padding:.5rem 1rem;border-radius:var(--radius-md);margin-top:1rem;font-weight:600}.sidebar-features{list-style:none;margin-bottom:2rem}.sidebar-features li{padding:.75rem 0;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--light-gray)}.sidebar-features li:last-child{border-bottom:none}.sidebar-features i{color:var(--success-green);font-size:1.1rem}.course-content-section{padding:4rem 0}.course-layout{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.course-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--light-gray);flex-wrap:wrap}.tab-button{padding:1rem 1.5rem;background:none;border:none;color:var(--dark-gray);font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-fast)}.tab-button:hover{color:var(--accent-orange)}.tab-button.active{color:var(--accent-orange);border-bottom-color:var(--accent-orange)}.tab-content{display:none}.tab-content.active{
display:block;animation:fadeIn .4s ease}.syllabus-module{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden}.module-header{padding:1.5rem;background:var(--light-gray);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition-fast)}.module-header:hover{background:#E0E4E8}.module-title{font-size:1.2rem;color:var(--primary-blue);font-weight:600}.module-duration{color:var(--accent-orange);font-weight:600}.module-content{padding:1.5rem;display:none}.module-content.active{display:block}.module-topics{list-style:none;margin-top:1rem}.module-topics li{padding:.5rem 0;padding-left:1.5rem;position:relative}.module-topics li:before{content:"✓";position:absolute;left:0;color:var(--success-green);font-weight:bold}.instructor-card{display:flex;gap:1.5rem;background:var(--white);padding:2rem;border-radius:var(--radius-lg);border:2px solid var(--light-gray)}.instructor-image{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.instructor-info h3{margin-bottom:.5rem}.instructor-title{color:var(--accent-orange);font-weight:600;margin-bottom:1rem}.faq-item{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden}.faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--primary-blue);transition:background var(--transition-fast)}.faq-question:hover{background:var(--light-gray)}.faq-answer{padding:0 1.5rem 1.5rem 1.5rem;display:none;color:var(--dark-gray);line-height:1.8}.faq-answer.active{display:block}.project-card{background:var(--white);padding:1.5rem;border:2px solid var(--light-gray);border-radius:var(--radius-lg);margin-bottom:1rem}.project-card h4{color:var(--accent-orange);margin-bottom:.5rem}.tech-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.tech-tag{background:var(--light-gray);padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.85rem;color:var(--dark-gray)}@media (max-width:1024px){.course-hero-content,.course-layout{grid-template-columns:1fr}.sidebar-card{position:static}}@media (max-width:768px){.course-hero{padding:4rem 0 2rem}.course-hero-left h1{font-size:2rem}.course-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap}}
    @media (max-width:480px){
        body{font-size:14px}
        .course-hero{padding:1.8rem 0 1.2rem}
        .course-hero-left h1{font-size:1.3rem;line-height:1.3}
        .course-hero-left p{font-size:0.95rem;line-height:1.5}
        .course-hero-content{gap:1.2rem}
        .course-content-section{padding:1.5rem 0}
        .course-layout{gap:1rem}
        .course-tabs{gap:0.3rem;margin-bottom:1.5rem}
        .tab-button{padding:0.7rem 0.9rem;font-size:0.8rem;border-bottom:none}
        .tab-button.active{border-bottom:2px solid var(--accent-orange)}
        .sidebar-card{padding:1.2rem;margin-bottom:1.5rem}
        .price-main{font-size:2.2rem}
        .card{margin-bottom:1.2rem;padding:1rem}
        .card h2{font-size:1.3rem}
        .syllabus-module{margin-bottom:0.8rem}
        .module-header{padding:1rem}
        .module-title{font-size:1rem}
        input,select,textarea{font-size:16px;padding:0.8rem;min-height:44px}
    }
    @media (max-width:360px){
        html{font-size:14px}
        body{font-size:13px}
        .course-hero{padding:1.2rem 0 1rem}
        .course-hero-left h1{font-size:1.1rem;line-height:1.2}
        .course-hero-left p{font-size:0.9rem;line-height:1.4}
        .course-hero-content{gap:1rem;flex-direction:column}
        .course-content-section{padding:1rem 0}
        .course-layout{gap:0.8rem;grid-template-columns:1fr!important}
        .course-tabs{gap:0.2rem;margin-bottom:1rem;overflow-x:auto}
        .tab-button{padding:0.5rem 0.7rem;font-size:0.75rem;white-space:nowrap}
        .sidebar-card{padding:1rem;margin-bottom:1.2rem}
        .price-main{font-size:2rem}
        .card{margin-bottom:1rem;padding:0.8rem}
        .card h2{font-size:1.15rem}
        .syllabus-module{margin-bottom:0.6rem}
        .module-header{padding:0.8rem}
        .module-title{font-size:0.9rem}
        input,select,textarea{font-size:16px;padding:0.8rem;min-height:44px;width:100%}
    }