*{margin:0;padding:0;box-sizing:border-box;}body{background:#f5f9ff;font-family:'Segoe UI','PingFang SC',Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;}.course-card{max-width:1200px;width:100%;background:#ffffff;border:4px solid #b3d9ff;border-radius:40px 40px 30px 30px;box-shadow:0 20px 40px rgba(0,40,80,0.08),0 8px 20px rgba(0,20,40,0.06);padding:1.5rem;position:relative;transition:all 0.2s ease;}.course-card-inner{background:#fefefe;border:3px solid #ffd966;border-radius:28px 28px 20px 20px;padding:2.2rem 2.5rem;box-shadow:inset 0 2px 8px rgba(255,215,100,0.2);}.header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.8rem;border-bottom:2px dashed #b0d0f0;padding-bottom:0.8rem;}.header h1{font-size:2.4rem;font-weight:700;color:#1f4a7a;letter-spacing:-0.3px;display:flex;align-items:center;gap:0.5rem;}.header h1 small{font-size:1rem;font-weight:400;color:#5f7fa0;background:#e6f0ff;padding:0.2rem 1rem;border-radius:40px;margin-left:0.5rem;}.header .badge{background:#ffb347;padding:0.3rem 1.2rem;border-radius:60px;color:#1f3a4e;font-weight:600;font-size:0.9rem;box-shadow:0 2px 6px rgba(255,180,50,0.3);}.section-title{font-size:1.8rem;font-weight:600;color:#1f4973;margin:2rem 0 1rem 0;border-left:12px solid #ffb347;padding-left:1rem;background:linear-gradient(to right,#f0f9ff,transparent);}.section-title:first-of-type{margin-top:0.2rem;}.concept-grid{display:flex;flex-wrap:wrap;gap:1.8rem;margin:1.5rem 0 1rem;}.concept-item{flex:1 1 200px;background:#fafcff;border-radius:28px;padding:1.5rem 1.2rem;border:2px solid #d9eaff;box-shadow:0 4px 10px rgba(0,30,60,0.03);transition:0.2s;}.concept-item:hover{border-color:#ffb347;background:#fffcf5;}.concept-item h3{font-size:1.4rem;color:#1f4a7a;margin-bottom:0.5rem;display:flex;align-items:center;gap:8px;}.concept-item p{color:#2c405a;line-height:1.5;font-size:1rem;}.emoji-big{font-size:2rem;margin-right:0.2rem;}.styled-table{width:100%;border-collapse:collapse;margin:1.8rem 0;border-radius:24px;overflow:hidden;box-shadow:0 6px 14px rgba(0,20,40,0.05);font-size:0.95rem;}.styled-table thead{background:#b3d9ff;color:#1f3a5e;}.styled-table th{padding:1rem 1.2rem;text-align:left;font-weight:600;}.styled-table td{padding:1rem 1.2rem;background:#ffffff;border-bottom:1px solid #e6f0fa;}.styled-table tbody tr:last-child td{border-bottom:none;}.styled-table tbody tr:hover td{background:#f5faff;}pre{background:#1e2b3c;color:#e4f0fb;padding:1.5rem 1.8rem;border-radius:28px;font-family:'JetBrains Mono','Fira Code','Cascadia Code',monospace;font-size:0.9rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:2px solid #b3d9ff;box-shadow:inset 0 0 0 1px #3a5068;margin:1.5rem 0;}pre .keyword{color:#ffb347;}pre .function{color:#7fc9ff;}pre .annotation{color:#b0e57c;}pre .string{color:#f5b7b1;}.svg-container{background:#f8fcff;border-radius:32px;padding:1.2rem 0.5rem;margin:2rem 0;border:2px solid #d9eaff;display:flex;justify-content:center;}svg text{font-family:'Segoe UI','PingFang SC',sans-serif;}.feature-list{background:#f5faff;padding:1.5rem 2rem 1.5rem 2.8rem;border-radius:28px;border:2px solid #cce4ff;margin:1.2rem 0;list-style-type:"✨ ";line-height:1.8;}.feature-list li{padding-left:0.6rem;margin-bottom:0.3rem;color:#1f3a5e;}.feature-list li strong{color:#1f4a7a;}.note-box{background:#fff7e6;border-left:12px solid #ffb347;padding:1.2rem 1.8rem;border-radius:30px;margin:1.8rem 0;color:#2c3e4e;font-weight:500;}.footer{margin-top:3rem;text-align:center;font-size:1.1rem;color:#3d6184;border-top:2px dashed #b3d9ff;padding-top:1.8rem;font-weight:500;letter-spacing:1px;}.footer span{background:#e6f0ff;padding:0.2rem 2rem;border-radius:60px;display:inline-block;}@media (max-width:700px){.course-card-inner{padding:1.5rem 1rem;}.header h1{font-size:1.8rem;}.concept-grid{flex-direction:column;}}