body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#e0e0e0;background:linear-gradient(135deg,#0f1419 0%,#1a1f2e 50%,#2c3e50 100%);margin:0;padding:0;min-height:100vh}.course-content-wrapper{max-width:1200px;margin:0 auto;padding:20px;background:rgba(15,20,25,0.95);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.3);margin-top:20px;margin-bottom:20px}.module-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px 0;border-bottom:2px solid #3498db}.nav-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3498db,#2980b9);color:white;text-decoration:none;border-radius:8px;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer}.nav-btn:hover{background:linear-gradient(135deg,#2980b9,#1f77b4);transform:translateY(-2px);box-shadow:0 5px 15px rgba(52,152,219,0.3)}.nav-btn.disabled{background:#6c757d;cursor:not-allowed;opacity:0.6}.nav-btn.disabled:hover{transform:none;box-shadow:none}h1{color:#3498db;font-size:2.5rem;margin-bottom:30px;text-align:center;background:linear-gradient(135deg,#3498db,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{color:#2ecc71;font-size:1.8rem;margin-top:40px;margin-bottom:20px;border-left:4px solid #2ecc71;padding-left:15px}h3{color:#e74c3c;font-size:1.4rem;margin-top:30px;margin-bottom:15px}h4{color:#f39c12;font-size:1.2rem;margin-top:25px;margin-bottom:10px}p{margin-bottom:15px;color:#e0e0e0;font-size:1.1rem}ul,ol{margin-bottom:20px;padding-left:30px}li{margin-bottom:8px;color:#e0e0e0;font-size:1.05rem}pre{background:#1e1e1e;border:1px solid #3498db;border-radius:8px;padding:20px;overflow-x:auto;margin:20px 0;box-shadow:0 4px 15px rgba(0,0,0,0.2)}code{background:#2c3e50;color:#3498db;padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;font-size:0.95rem}pre code{background:transparent;padding:0;color:#e0e0e0}table{width:100%;border-collapse:collapse;margin:20px 0;background:rgba(44,62,80,0.3);border-radius:8px;overflow:hidden}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #34495e}th{background:#3498db;color:white;font-weight:600}tr:hover{background:rgba(52,152,219,0.1)}blockquote{border-left:4px solid #f39c12;background:rgba(243,156,18,0.1);padding:15px 20px;margin:20px 0;border-radius:0 8px 8px 0;font-style:italic}a{color:#3498db;text-decoration:none;transition:color 0.3s ease}a:hover{color:#2ecc71;text-decoration:underline}.overview-section{background:rgba(52,152,219,0.1);border:1px solid #3498db;border-radius:10px;padding:25px;margin:30px 0}.learning-objectives{background:rgba(46,204,113,0.1);border:1px solid #2ecc71;border-radius:10px;padding:20px;margin:25px 0}.warning{background:rgba(231,76,60,0.1);border:1px solid #e74c3c;border-radius:8px;padding:15px;margin:20px 0}.info{background:rgba(52,152,219,0.1);border:1px solid #3498db;border-radius:8px;padding:15px;margin:20px 0}.mermaid{text-align:center;margin:30px 0;background:rgba(255,255,255,0.05);border-radius:10px;padding:20px}@media (max-width:768px){.course-content-wrapper{margin:10px;padding:15px}h1{font-size:2rem}h2{font-size:1.5rem}.module-navigation{flex-direction:column;gap:10px}.nav-btn{width:100%;justify-content:center}pre{padding:15px;font-size:0.9rem}}@media print{body{background:white;color:black}.course-content-wrapper{box-shadow:none;background:white}.nav-btn{display:none}}.courses-section{min-height:100vh;padding:80px 40px;position:relative;overflow:hidden;background-color:var(--bg-color);color:var(--text-color)}.courses-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}.course-card{position:relative;background:rgba(16,18,27,0.4);border-radius:15px;padding:25px;box-shadow:0 8px 32px rgba(2,4,24,0.08);border:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease;overflow:hidden;height:100%;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(2,4,24,0.12);border-color:rgba(255,255,255,0.15)}.course-card .course-shine{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;background:linear-gradient( 135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 50%,rgba(255,255,255,0) 100% );transform:translateX(-100%);animation:shine 3s infinite}.course-card:hover .course-shine{animation:shine 1.5s infinite}@keyframes shine{0%{transform:translateX(-100%)}20%{transform:translateX(100%)}100%{transform:translateX(100%)}}.course-title{font-size:1.5rem;margin-bottom:10px;color:var(--accent-color);font-weight:600}.course-category{display:inline-block;font-size:0.85rem;padding:4px 10px;border-radius:20px;background:rgba(var(--accent-rgb),0.15);color:var(--accent-color);margin-bottom:15px}.course-description{margin-bottom:20px;line-height:1.6;color:var(--text-color);flex-grow:1}.course-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{font-size:0.75rem;padding:3px 8px;border-radius:4px;background:rgba(255,255,255,0.08);color:var(--text-color)}.course-modules{margin-top:15px;font-size:0.9rem}.modules-count{color:var(--accent-color);font-weight:600}.course-action{margin-top:20px;text-align:right}.explore-btn{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,rgba(var(--accent-rgb),0.8),rgba(var(--accent-rgb),0.4));color:var(--text-color);border:none;border-radius:5px;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;text-decoration:none}.explore-btn:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),1),rgba(var(--accent-rgb),0.6));transform:translateY(-2px)}.course-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:1000;overflow-y:auto}.course-modal-content{position:relative;width:90%;max-width:1200px;margin:50px auto;background:var(--bg-color);border-radius:15px;padding:30px;box-shadow:0 15px 50px rgba(0,0,0,0.3);max-height:85vh;overflow-y:auto}.close-modal{position:absolute;top:20px;right:20px;font-size:1.5rem;color:var(--text-color);cursor:pointer;z-index:10}.course-detail-header{margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:20px}.course-detail-title{font-size:2rem;color:var(--accent-color);margin-bottom:10px}.course-detail-description{line-height:1.6;margin-bottom:20px}.module-list{display:flex;flex-direction:column;gap:15px}.module-item{background:rgba(16,18,27,0.4);border-radius:10px;padding:15px;cursor:pointer;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.05)}.module-item:hover{background:rgba(16,18,27,0.6);transform:translateX(5px)}.module-header{display:flex;justify-content:space-between;align-items:center}.module-title{font-size:1.1rem;color:var(--accent-color)}.module-toggle{color:var(--text-color);font-size:1.2rem}.module-content{display:none;padding-top:15px;margin-top:15px;border-top:1px solid rgba(255,255,255,0.05)}.module-content.active{display:block}.markdown-content{line-height:1.8;color:var(--text-color)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--accent-color);margin:1.5em 0 0.8em}.markdown-content h1{font-size:1.8rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.3rem}.markdown-content h4{font-size:1.1rem}.markdown-content p{margin-bottom:1em}.markdown-content ul,.markdown-content ol{margin-bottom:1em;padding-left:2em}.markdown-content li{margin-bottom:0.5em}.markdown-content code{font-family:'Courier New',monospace;background:rgba(255,255,255,0.1);padding:2px 5px;border-radius:3px;font-size:0.9em}.markdown-content pre{background:rgba(0,0,0,0.3);padding:15px;border-radius:5px;overflow-x:auto;margin:1em 0}.markdown-content pre code{background:transparent;padding:0}.markdown-content blockquote{border-left:3px solid var(--accent-color);padding-left:1em;margin-left:0;margin-right:0;font-style:italic;color:rgba(255,255,255,0.7)}.markdown-content img{max-width:100%;border-radius:5px;margin:1em 0}.markdown-content table{width:100%;border-collapse:collapse;margin:1em 0}.markdown-content th,.markdown-content td{padding:8px 12px;border:1px solid rgba(255,255,255,0.1);text-align:left}.markdown-content th{background:rgba(255,255,255,0.05)}.mermaid{background:rgba(0,0,0,0.2);padding:20px;border-radius:8px;margin:20px 0;text-align:center}@media (max-width:768px){.courses-section{padding:60px 20px}.courses-container{grid-template-columns:1fr}.course-modal-content{width:95%;padding:20px;margin:30px auto}.course-detail-title{font-size:1.5rem}}.course-content-wrapper{max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#1e1e2e 0%,#2c3e50 100%);min-height:100vh;color:#f8f9fa;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.module-navigation{display:flex;justify-content:space-between;align-items:center;margin:2rem 0;padding:1rem;background:rgba(52,152,219,0.1);border-radius:12px;border:1px solid rgba(52,152,219,0.3)}.nav-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#ffffff !important;text-decoration:none;border-radius:8px;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,0.3);font-size:0.95rem}.nav-btn:hover{background:linear-gradient(135deg,#2980b9,#1f77b4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,0.3);color:#ffffff !important;text-shadow:0 1px 3px rgba(0,0,0,0.4)}.nav-btn.disabled{background:rgba(108,117,125,0.7) !important;color:rgba(255,255,255,0.9) !important;cursor:not-allowed;pointer-events:none;border:1px solid rgba(108,117,125,0.5);text-shadow:0 1px 2px rgba(0,0,0,0.5)}.nav-btn i{font-size:0.9rem}.course-content-wrapper h1{font-size:2.5rem;font-weight:700;color:#3498db;margin:2rem 0 1.5rem 0;text-align:center;background:linear-gradient(135deg,#3498db,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.course-content-wrapper h2{font-size:1.8rem;font-weight:600;color:#2ecc71;margin:2rem 0 1rem 0;border-left:4px solid #2ecc71;padding-left:1rem}.course-content-wrapper h3{font-size:1.4rem;font-weight:500;color:#e74c3c;margin:1.5rem 0 0.75rem 0}.course-content-wrapper h4{font-size:1.2rem;font-weight:500;color:#f39c12;margin:1rem 0 0.5rem 0}.course-content-wrapper p{margin:1rem 0;font-size:1.1rem;color:#ecf0f1;text-align:justify}.course-content-wrapper strong{color:#3498db;font-weight:600}.course-content-wrapper ul,.course-content-wrapper ol{margin:1rem 0;padding-left:2rem}.course-content-wrapper li{margin:0.5rem 0;color:#ecf0f1;font-size:1.05rem}.course-content-wrapper li::marker{color:#3498db}.course-content-wrapper pre{background:#1a1a2e;border:1px solid #3498db;border-radius:8px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.course-content-wrapper code{font-family:'Fira Code','Consolas','Monaco',monospace;font-size:0.95rem;line-height:1.5}.course-content-wrapper p code{background:rgba(52,152,219,0.2);color:#3498db;padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9rem}.course-content-wrapper table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:rgba(44,62,80,0.5);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.course-content-wrapper th,.course-content-wrapper td{padding:1rem;text-align:left;border-bottom:1px solid rgba(52,152,219,0.3)}.course-content-wrapper th{background:rgba(52,152,219,0.2);color:#3498db;font-weight:600}.course-content-wrapper tr:hover{background:rgba(52,152,219,0.1)}.course-content-wrapper blockquote{border-left:4px solid #f39c12;background:rgba(243,156,18,0.1);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0;font-style:italic;color:#f39c12}.course-content-wrapper a{color:#3498db;text-decoration:none;border-bottom:1px solid transparent;transition:all 0.3s ease}.course-content-wrapper a:hover{color:#2ecc71;border-bottom-color:#2ecc71}.course-content-wrapper h2#knowledge-checkpoint+ul{background:rgba(46,204,113,0.1);border:1px solid rgba(46,204,113,0.3);border-radius:8px;padding:1.5rem;margin:1rem 0}.course-content-wrapper h2#knowledge-checkpoint+ul li{color:#2ecc71;font-weight:500}.course-content-wrapper h2#practical-exercise,.course-content-wrapper h3[id*="exercise"]{color:#e74c3c}.course-content-wrapper h2#practical-exercise+h3+ol,.course-content-wrapper h3[id*="exercise"]+ol{background:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.3);border-radius:8px;padding:1.5rem;margin:1rem 0}@media (max-width:768px){.course-content-wrapper{padding:1rem}.course-content-wrapper h1{font-size:2rem}.course-content-wrapper h2{font-size:1.5rem}.module-navigation{flex-direction:column;gap:1rem}.nav-btn{width:100%;justify-content:center}.course-content-wrapper pre{padding:1rem;font-size:0.85rem}.course-content-wrapper table{font-size:0.9rem}.course-content-wrapper th,.course-content-wrapper td{padding:0.75rem}}@media print{.course-content-wrapper{background:white;color:black;padding:1rem}.module-navigation{display:none}.course-content-wrapper h1,.course-content-wrapper h2,.course-content-wrapper h3{color:black}.course-content-wrapper pre{background:#f5f5f5;border:1px solid #ddd}}.course-content-wrapper:focus-within{outline:2px solid #3498db;outline-offset:4px}.nav-btn:focus{outline:2px solid #2ecc71;outline-offset:2px}html{scroll-behavior:smooth}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(52,152,219,0.3);border-radius:50%;border-top-color:#3498db;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}