*{margin:0;padding:0;box-sizing:border-box}.ppc-course-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#ffffffe6;line-height:1.6}.course-container{max-width:100%;margin:-24px;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);box-shadow:0 10px 30px #0000004d;overflow:hidden;min-height:calc(100vh - 64px)}.header{background:linear-gradient(135deg,#ff9500,#ff6200);color:#fff;padding:2rem;text-align:center;box-shadow:0 4px 20px #ff95004d}.logo-section{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.logo-image{width:120px;height:120px;object-fit:contain}.course-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.course-subtitle{font-size:1.2rem;opacity:.95}.main-content{display:flex;min-height:calc(100vh - 200px);position:relative}.sidebar{width:320px;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f0f23);color:#fff;padding:0;overflow-y:auto;transition:transform .3s ease;border-right:1px solid rgba(255,255,255,.1)}.content-area{flex:1;padding:2rem;overflow-y:auto;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}.mobile-nav-toggle{display:none;position:fixed;top:80px;left:16px;z-index:1001;background:#f90;color:#fff;border:none;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 12px #0000004d;cursor:pointer;font-size:24px;transition:all .3s ease}.mobile-nav-toggle:hover{background:#e68a00;transform:scale(1.05)}@media (max-width: 768px){.course-container{margin:-24px 0 0}.header{padding:1.5rem 0rem;margin:0}.logo-section{flex-direction:column;gap:.5rem;text-align:center}.logo-image{width:80px;height:80px}.course-title{font-size:1.8rem}.course-subtitle{font-size:1rem}.main-content{flex-direction:column;margin:0}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);box-shadow:2px 0 20px #00000080;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f0f23)}.sidebar.mobile-open{transform:translate(0)}.content-area{padding:1rem;width:100%;margin:0}.mobile-nav-toggle{display:block}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}}@media (max-width: 480px){.header{padding:1rem 0rem;margin:0}.logo-image{width:60px;height:60px}.course-title{font-size:1.5rem}.course-subtitle{font-size:.9rem}.content-area{padding:.5rem;margin:0}.mobile-nav-toggle{width:48px;height:48px;font-size:20px;top:70px;left:12px}}.section-nav{list-style:none;padding:0}.section-item{border-bottom:1px solid rgba(255,255,255,.1)}.section-header{padding:1rem 1.5rem;background:#ffffff0d;color:#ff9500;font-weight:600;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.section-header:hover{background:#ff950026;color:#ff9500;border-left:3px solid #FF9500}.section-header.active{background:#ff950033;color:#ff9500;border-left:3px solid #FF9500}.lesson-list{background:#0003;max-height:0;overflow:hidden;transition:max-height .3s ease}.lesson-list.open{max-height:500px}.lesson-item{padding:.8rem 2rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;color:#ffffffb3}.lesson-item:hover{background:#ff95001a;color:#ff9500}.lesson-item.active{background:#ff950033;color:#ff9500;font-weight:600;border-left:3px solid #FF9500}.lesson-item{display:flex;justify-content:space-between;align-items:center}.lesson-item.locked{opacity:.4;cursor:not-allowed;color:#fff6}.lesson-item.locked:hover{background:transparent;color:#fff6}.lesson-content{display:none}.lesson-content.active{display:block}.lesson-header{background:linear-gradient(135deg,#1a1a2ee6,#16213ee6);color:#fff;padding:1.5rem;margin:-2rem -2rem 2rem;border-radius:0 0 12px 12px;border:1px solid rgba(255,255,255,.1);border-top:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-title{font-size:1.6rem;font-weight:600;margin-bottom:.5rem;color:#ff9500}.lesson-body{color:#ffffffd9;font-size:1.1rem;line-height:1.7}.highlight-box{background:linear-gradient(135deg,#ff950026,#ff62001a)!important;border-left:4px solid #FF9500!important;padding:1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0;border:1px solid rgba(255,149,0,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6!important}.highlight-box h4,.highlight-box h3,.highlight-box strong{color:#ff9500!important}.highlight-box p,.highlight-box li{color:#ffffffd9!important}.highlight-box div,.highlight-box div p,.highlight-box div li,.highlight-box div ul,.highlight-box div ol,.highlight-box>div,.highlight-box>div>p,.highlight-box>div>ul,.highlight-box>div>ul>li,.highlight-box>div>ol,.highlight-box>div>ol>li,.lesson-body .highlight-box div li,.lesson-body .highlight-box div ul li,.lesson-body .highlight-box div ol li{color:#ffffffd9!important}.highlight-box div strong,.highlight-box div h4,.highlight-box div h5,.highlight-box>div strong,.highlight-box>div>p strong,.highlight-box>div>ul>li strong{color:#ff9500!important}.highlight-box.info,.highlight-box[style*=e3f2fd],.highlight-box[style*=f0f8ff]{background:linear-gradient(135deg,#3742fa26,#3742fa1a)!important;border-left:4px solid #3742FA!important;border:1px solid rgba(55,66,250,.3)!important}.highlight-box.success,.highlight-box[style*=e8f5e9]{background:linear-gradient(135deg,#2ed57326,#2ed5731a)!important;border-left:4px solid #2ED573!important;border:1px solid rgba(46,213,115,.3)!important}.highlight-box.warning,.highlight-box[style*=fff3e0]{background:linear-gradient(135deg,#ffa50226,#ffa5021a)!important;border-left:4px solid #FFA502!important;border:1px solid rgba(255,165,2,.3)!important}.highlight-box[style*=f3e5f5]{background:linear-gradient(135deg,#a55eea26,#a55eea1a)!important;border-left:4px solid #A55EEA!important;border:1px solid rgba(165,94,234,.3)!important}.highlight-box[style*=fce4ec]{background:linear-gradient(135deg,#ff475726,#ff47571a)!important;border-left:4px solid #FF4757!important;border:1px solid rgba(255,71,87,.3)!important}.nav-button{background:linear-gradient(135deg,#ff9500,#ff6200);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;margin:1rem;box-shadow:0 4px 15px #ff95004d;transition:all .3s ease}.nav-button:hover{background:linear-gradient(135deg,#ff6200,#ff9500);transform:translateY(-2px);box-shadow:0 6px 20px #ff950066}.lesson-body h3{color:#ff9500;margin-top:1.5rem;margin-bottom:1rem;font-size:1.3rem}.lesson-body ol,.lesson-body ul{margin-left:1.5rem;margin-bottom:1rem}.lesson-body li{margin-bottom:.5rem;color:#ffffffd9}.lesson-body table{width:100%;border-collapse:collapse;margin:1rem 0;background:#ffffff0d;border-radius:8px;overflow:hidden}.lesson-body th,.lesson-body td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.lesson-body th{font-weight:600;color:#ff9500;background:#ff95001a}.lesson-body td{color:#ffffffd9}.lesson-body strong{color:#ff9500}.lesson-body .info-card,.lesson-body .tip-box,.lesson-body .warning-box,.lesson-body .example-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin:1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-body .tip-box{border-left:4px solid #2ED573}.lesson-body .warning-box{border-left:4px solid #FF4757}.lesson-body .example-box{border-left:4px solid #3742FA}.lesson-body code{background:#0000004d;color:#ff9500;padding:2px 8px;border-radius:4px;font-family:Consolas,Monaco,monospace}.lesson-body pre{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;overflow-x:auto}.lesson-body pre code{background:none;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}