:root{--ccp-teal:#33c88d;--ccp-pink:#ff4faf;--ccp-blue:#2db2ff;--ccp-purple:#cab7f5;--ccp-black:#000000;--ccp-white:#ffffff;--ccp-gray:#666666;--ccp-light-gray:#f5f5f5}.ccp-course-container,.ccp-lesson-container{max-width:1200px;margin:0 auto;padding:40px 20px}.ccp-course-header{margin-bottom:40px}.ccp-course-featured-image{margin-bottom:30px;border:3px solid var(--ccp-teal);border-radius:5px;overflow:hidden}.ccp-course-featured-image img{width:100%;height:auto;display:block}.ccp-course-title,.ccp-lesson-title{font-size:2.5rem;color:var(--ccp-teal);margin:0 0 20px 0;font-weight:700}.ccp-course-meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}.ccp-meta-item{padding:8px 16px;background:var(--ccp-light-gray);border:2px solid var(--ccp-black);border-radius:5px}.ccp-difficulty{background:var(--ccp-purple);color:var(--ccp-white)}.ccp-course-progress-header,.ccp-course-progress{margin:20px 0}.ccp-progress-bar{width:100%;height:30px;background:var(--ccp-light-gray);border:3px solid var(--ccp-black);border-radius:5px;overflow:hidden;position:relative}.ccp-progress-fill{height:100%;background:linear-gradient(90deg,var(--ccp-teal),var(--ccp-blue));transition:width 0.3s ease}.ccp-progress-text{display:block;margin-top:8px;font-weight:700;color:var(--ccp-gray)}.ccp-course-curriculum{margin-top:40px}.ccp-course-curriculum h2{color:var(--ccp-pink);border-bottom:3px solid var(--ccp-pink);padding-bottom:10px;margin-bottom:30px}.ccp-module{background:var(--ccp-white);border:3px solid var(--ccp-black);padding:30px;margin-bottom:30px;border-radius:5px}.ccp-module-title{color:var(--ccp-blue);font-size:1.8rem;margin:0 0 15px 0}.ccp-module-content{margin-bottom:20px;color:var(--ccp-gray)}.ccp-lessons-list{list-style:none;padding:0;margin:0}.ccp-lesson-item{padding:15px;margin:10px 0;border:2px solid var(--ccp-light-gray);border-radius:5px;display:flex;align-items:center;gap:10px;transition:all 0.2s ease}.ccp-lesson-item:hover{border-color:var(--ccp-teal);background:var(--ccp-light-gray)}.ccp-lesson-item.completed{background:#e8f8f1;border-color:var(--ccp-teal)}.ccp-lesson-status{font-size:1.5rem;color:var(--ccp-teal)}.ccp-lesson-item a{color:var(--ccp-black);text-decoration:none;font-weight:600;flex:1}.ccp-lesson-item a:hover{color:var(--ccp-teal)}.ccp-quiz-indicator{font-size:1.2rem}.ccp-access-required{background:var(--ccp-light-gray);padding:40px;text-align:center;border:3px solid var(--ccp-teal);border-radius:5px;margin:40px 0}.ccp-access-box{max-width:600px;margin:0 auto;padding:40px;background:var(--ccp-white);border:3px solid var(--ccp-pink)}.ccp-access-box h3{color:var(--ccp-pink);font-size:2rem;margin:0 0 20px 0}.ccp-login-note{margin-top:20px;color:var(--ccp-gray)}.ccp-button{display:inline-block;padding:12px 30px;border:3px solid var(--ccp-black);border-radius:5px;text-decoration:none;font-weight:700;cursor:pointer;transition:all 0.2s ease;font-size:1rem}.ccp-button-primary{background:var(--ccp-teal);color:var(--ccp-white)}.ccp-button-primary:hover{background:var(--ccp-blue)}.ccp-button-secondary{background:var(--ccp-pink);color:var(--ccp-white)}.ccp-button-secondary:hover{background:var(--ccp-purple)}.ccp-button-success{background:var(--ccp-teal);color:var(--ccp-white)}.ccp-button-success:disabled{opacity:.6;cursor:not-allowed}.ccp-button-outline{background:var(--ccp-white);color:var(--ccp-black)}.ccp-button-outline:hover{background:var(--ccp-light-gray)}.ccp-lesson-breadcrumb{margin-bottom:30px;color:var(--ccp-gray)}.ccp-lesson-breadcrumb a{color:var(--ccp-teal);text-decoration:none}.ccp-lesson-breadcrumb a:hover{text-decoration:underline}.ccp-lesson-breadcrumb .separator{margin:0 10px}.ccp-lesson-video{margin:30px 0;border:3px solid var(--ccp-teal);border-radius:5px;overflow:hidden}.ccp-lesson-video iframe{width:100%;height:500px;display:block}.ccp-lesson-worksheets{background:var(--ccp-light-gray);padding:30px;border:3px solid var(--ccp-black);margin:30px 0;border-radius:5px}.ccp-lesson-worksheets h3{color:var(--ccp-blue);margin:0 0 20px 0}.ccp-lesson-worksheets ul{list-style:none;padding:0}.ccp-lesson-worksheets li{margin:10px 0}.ccp-lesson-worksheets a{color:var(--ccp-teal);text-decoration:none;font-weight:600;display:inline-block;padding:10px 20px;background:var(--ccp-white);border:2px solid var(--ccp-black);border-radius:5px}.ccp-lesson-worksheets a:hover{background:var(--ccp-teal);color:var(--ccp-white)}.ccp-lesson-quiz{background:var(--ccp-light-gray);padding:30px;border:3px solid var(--ccp-black);margin:30px 0;border-radius:5px}.ccp-lesson-quiz h3{color:var(--ccp-pink);margin:0 0 20px 0}.ccp-quiz-passed{background:#e8f8f1;border:3px solid var(--ccp-teal);padding:20px;margin-bottom:20px;border-radius:5px;color:var(--ccp-teal);font-weight:700}.ccp-quiz-question{background:var(--ccp-white);padding:20px;margin:20px 0;border:2px solid var(--ccp-black);border-radius:5px}.ccp-question-text{font-size:1.1rem;margin-bottom:15px}.ccp-answer-option{display:block;padding:12px;margin:8px 0;background:var(--ccp-light-gray);border:2px solid var(--ccp-black);border-radius:5px;cursor:pointer;transition:all 0.2s ease}.ccp-answer-option:hover{background:var(--ccp-white);border-color:var(--ccp-teal)}.ccp-answer-option input[type="radio"]{margin-right:10px}.ccp-quiz-result{margin-top:20px;padding:20px;border:3px solid var(--ccp-black);border-radius:5px}.ccp-quiz-result.passed{background:#e8f8f1;border-color:var(--ccp-teal)}.ccp-quiz-result.failed{background:#ffe8f0;border-color:var(--ccp-pink)}.ccp-lesson-actions{margin:30px 0;text-align:center}.ccp-lesson-navigation{display:flex;justify-content:space-between;gap:15px;margin-top:40px;padding-top:40px;border-top:3px solid var(--ccp-light-gray)}.ccp-certificate-section{background:linear-gradient(135deg,var(--ccp-teal),var(--ccp-blue));color:var(--ccp-white);padding:40px;text-align:center;border:3px solid var(--ccp-teal);border-radius:5px;margin:40px 0}.ccp-certificate-section h3{font-size:2rem;margin:0 0 15px 0}.ccp-my-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:30px}.ccp-course-card{background:var(--ccp-white);border:3px solid var(--ccp-black);border-radius:5px;overflow:hidden}.ccp-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.ccp-course-card-title a{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-decoration:none}.ccp-course-card-title a:hover{color:var(--ccp-teal)}.ccp-course-card h3 a{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-decoration:none}.ccp-course-card h3 a:hover{color:var(--ccp-teal)}.ccp-course-excerpt,.ccp-course-card .ccp-course-excerpt{color:var(--ccp-gray);font-size:1rem;line-height:1.6;margin:0 0 20px 0}.ccp-course-thumbnail img{width:100%;height:200px;object-fit:cover;display:block}.ccp-course-info{padding:20px}.ccp-course-info h3{margin:0 0 15px 0}.ccp-course-info h3 a{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-decoration:none}.ccp-course-info h3 a:hover{color:var(--ccp-teal)}.ccp-completed-badge{display:inline-block;background:var(--ccp-teal);color:var(--ccp-white);padding:5px 15px;border-radius:20px;font-size:.9rem;margin:10px 0}.ccp-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / .8)}.ccp-modal-content{background:var(--ccp-white);margin:5% auto;padding:40px;border:3px solid var(--ccp-teal);border-radius:5px;max-width:900px;position:relative}.ccp-modal-close{position:absolute;right:20px;top:20px;font-size:2rem;cursor:pointer;color:var(--ccp-gray)}.ccp-modal-close:hover{color:var(--ccp-pink)}.ccp-product-course-info{background:var(--ccp-light-gray);padding:40px;border:3px solid var(--ccp-black);margin:40px 0;border-radius:5px}.ccp-course-stats{display:flex;gap:30px;justify-content:center;margin:30px 0}.ccp-stat{text-align:center}.ccp-stat-number{display:block;font-size:2.5rem;color:var(--ccp-teal);font-weight:700}.ccp-stat-label{display:block;color:var(--ccp-gray);margin-top:5px}@media (max-width:768px){.ccp-course-title,.ccp-lesson-title{font-size:2rem}.ccp-lesson-navigation{flex-direction:column}.ccp-course-stats{flex-direction:column;gap:20px}.ccp-my-courses-grid{grid-template-columns:1fr}}