.ds-course-container{--ds-primary:#0d5e54;--ds-primary-light:#eef2ff;--ds-primary-dark:#4f46e5;--ds-secondary:#8b5cf6;--ds-dark:#1e293b;--ds-light:#f8fafc;--ds-gray:#64748b;--ds-success:#06b6d4;--ds-border-radius:8px;--ds-box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--ds-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f9fafb 0,#e2e8f0 100%);color:var(--ds-dark);line-height:1.7;padding:0;min-height:auto;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.ds-course-container *{box-sizing:border-box;margin:0;padding:0}.ds-course-section{width:100%;max-width:auto;margin:auto;background:#fff;padding:3rem;position:relative;overflow:hidden;display:flex;flex-direction:column}.ds-course-header{text-align:center;margin-bottom:2.5rem;position:relative;padding-bottom:1.2rem}.ds-course-section h2{font-size:32px;font-weight:600;color:#000;letter-spacing:-.5px}.ds-course-content{display:flex;gap:30px}.ds-toggle-container{flex:1;min-width:0}.ds-course-sidebar{width:350px;display:flex;flex-direction:column;gap:20px}.ds-projects-card{background:var(--ds-primary-light);border-radius:var(--ds-border-radius);padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);position:relative;overflow:hidden}.ds-projects-card h3{font-size:21px;color:#0d5e54;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.ds-projects-card h3 i{background:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:#0d5e54}.ds-project-item{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:var(--ds-transition)}.ds-project-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.ds-project-item h4{font-size:16px;font-weight:600;color:var(--ds-dark);margin-bottom:5px}.ds-stat-item{display:flex;align-items:center;gap:8px;background:var(--ds-primary-light);padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;color:var(--ds-primary-dark)}.ds-stat-item i{font-size:14px;color:var(--ds-primary)}.ds-course-action{background:#16aabf;border:none;border-radius:8px;padding:.8rem;font-family:Poppins,sans-serif;font-weight:600;color:#fff;cursor:pointer;text-align:center;transition:var(--ds-transition);margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.ds-course-action:hover{background:#0d5e54;color:#fff}.ds-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;background:#fff;color:var(--ds-primary);margin-right:6px;margin-bottom:6px}details.ds-toggle-item{margin-bottom:1.2rem;border-radius:var(--ds-border-radius);overflow:hidden;transition:var(--ds-transition);background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}details.ds-toggle-item summary{width:100%;padding:1rem 2rem;background:#fff;text-align:left;font-size:1rem;font-weight:600;color:var(--ds-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--ds-transition);position:relative;overflow:hidden;list-style:none}details.ds-toggle-item summary::-webkit-details-marker{display:none}details.ds-toggle-item summary::before{content:'';position:absolute;top:0;left:0;height:100%;width:4px;background:linear-gradient(to bottom,var(--ds-primary),var(--ds-secondary));opacity:0;transition:var(--ds-transition)}details.ds-toggle-item summary:hover{background:var(--ds-primary-light);color:#0d5e54}details.ds-toggle-item summary:hover::before{opacity:1}details.ds-toggle-item summary::after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;font-size:1.1rem;transition:var(--ds-transition);color:var(--ds-gray);background:var(--ds-primary-light);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;margin-left:10px}details.ds-toggle-item[open] summary::after{transform:rotate(180deg);color:#0d5e54;background:var(--ds-primary-light)}details.ds-toggle-item[open] summary{background:var(--ds-primary-light);color:#0d5e54}details.ds-toggle-item[open] summary::before{opacity:1}.ds-toggle-content{background:linear-gradient(to right,var(--ds-primary-light) 0,#fff 10%);padding:1rem 2rem;font-size:1rem;color:var(--ds-gray);line-height:1}.ds-toggle-content h3{color:var(--ds-primary-dark);margin-bottom:1rem;font-weight:600}.ds-toggle-content p{margin-bottom:1.2rem}.ds-toggle-content ul{margin-left:1.5rem;margin-bottom:.5rem}.ds-toggle-content li{margin-bottom:.5rem;position:relative}.ds-toggle-content li::before{content:'';position:absolute;left:-1.2rem;top:.2rem;width:6px;height:6px;border-radius:50%;background:#0d5e54}.ds-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1000;align-items:center;justify-content:center}.ds-modal-content{background:#fff;border-radius:var(--ds-border-radius);width:90%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:var(--ds-box-shadow);animation:ds-modalFadeIn .3s ease forwards}@keyframes ds-modalFadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ds-modal-header{padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.ds-modal-header h3{font-size:1.3rem;font-weight:600;color:var(--ds-dark);margin:0}.ds-close-modal{background:0 0;border:none;font-size:1.5rem;color:var(--ds-gray);cursor:pointer;transition:var(--ds-transition)}.ds-close-modal:hover{color:var(--ds-dark)}.ds-modal-body{padding:1rem}.ds-form-group{margin-bottom:1.2rem}.ds-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--ds-dark)}.ds-form-control{width:90%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:var(--ds-border-radius);font-family:Poppins,sans-serif;font-size:.95rem;transition:var(--ds-transition)}.ds-form-control:focus{outline:0;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-primary-light)}.ds-modal-footer{padding:1rem 1.5rem;border-top:1px solid #eee;display:flex;justify-content:flex-end}.ds-btn-download{background:#000;color:#fff!important;border:none;padding:.8rem 1.5rem;border-radius:var(--ds-border-radius);font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;width:100%;transition:var(--ds-transition)}.ds-btn-download:hover{background:orange}@keyframes ds-fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}details.ds-toggle-item{animation:ds-fadeIn .6s ease forwards}details.ds-toggle-item:nth-child(1){animation-delay:.2s}details.ds-toggle-item:nth-child(2){animation-delay:.35s}details.ds-toggle-item:nth-child(3){animation-delay:.5s}details.ds-toggle-item:nth-child(4){animation-delay:.65s}details.ds-toggle-item:nth-child(5){animation-delay:.8s}details.ds-toggle-item:nth-child(6){animation-delay:.95s}.ds-projects-card{animation:ds-fadeIn .6s ease forwards;animation-delay:.3s}.ds-success-message{display:none;background:#10b981;color:#fff;padding:1rem;border-radius:var(--ds-border-radius);margin-top:1rem;text-align:center;font-weight:500;animation:ds-fadeIn .6s ease forwards}@media (max-width:1024px){.ds-course-section{padding:2.5rem}.ds-course-content{gap:20px}.ds-course-sidebar{width:300px}details.ds-toggle-item summary{padding:1.3rem 1.8rem}.ds-toggle-content{padding:1.5rem 1.8rem}}@media (max-width:900px){.ds-course-content{flex-direction:column}.ds-course-sidebar{width:100%}.ds-toggle-container{width:100%}}@media (max-width:768px){.ds-course-section{padding:2rem}.ds-course-section h2{font-size:1.8rem}details.ds-toggle-item summary{padding:1.2rem 1.5rem;font-size:1.1rem}.ds-toggle-content{padding:1.2rem 1.5rem}.ds-projects-card h3{font-size:1.1rem}}@media (max-width:576px){.ds-course-section{padding:1.5rem}.ds-course-header{margin-bottom:1.5rem}.ds-course-section h2{font-size:1.5rem}details.ds-toggle-item summary{padding:1rem 1.2rem;font-size:1rem}details.ds-toggle-item summary::after{width:25px;height:25px;font-size:.9rem}.ds-toggle-content{padding:1rem 1.2rem}.ds-toggle-content h3{font-size:1.2rem}.ds-toggle-content li,.ds-toggle-content p{font-size:.9rem}.ds-projects-card{padding:1rem}.ds-projects-card h3{font-size:1rem}.ds-course-action{padding:.6rem;font-size:.9rem}.ds-modal-content{width:95%}}@media (max-width:400px){.ds-course-section{padding:1rem}details.ds-toggle-item summary{padding:.8rem 1rem}.ds-toggle-content{padding:.8rem 1rem}.ds-toggle-content h3{font-size:1.1rem}.ds-toggle-content li,.ds-toggle-content p{font-size:.85rem}}