*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Open Sans',sans-serif;background:#f4f0ed;min-height:100vh;line-height:1.7;color:#2d1e1c;}.page-wrapper{max-width:1000px;margin:0 auto;background:#ffffff;border-radius:5px;box-shadow:0 30px 60px -20px rgba(82,1,3,0.25),0 10px 30px -10px rgba(40,0,0,0.08);padding:2.8rem 2.8rem;position:relative;overflow:hidden;}.page-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#520103 0%,#8b1a1f 60%,#c75a5f 100%);opacity:0.85;}@media (max-width:640px){.page-wrapper{padding:1.8rem 1.2rem;border-radius:28px;}}.main-content{width:100%;}.page-header{margin-bottom:2.2rem;padding-bottom:0.8rem;border-bottom:2px solid #ece2df;}.page-header .title-row{display:flex;align-items:center;flex-wrap:wrap;gap:0.8rem 1.2rem;}.brand-icon{width:52px;height:52px;background:#520103;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 6px 12px rgba(82,1,3,0.20);flex-shrink:0;}.page-header h1{font-weight:300;font-size:2.2rem;letter-spacing:-0.02em;color:#520103;margin:0;line-height:1.2;}.page-header .sub-badge{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#520103;background:#f5edeb;padding:0.3rem 1rem;border-radius:40px;border:1px solid #e0d2ce;margin-left:auto;}.page-header .subtitle{font-size:1.05rem;font-weight:400;color:#7a5a55;margin-top:0.2rem;padding-left:0.2rem;letter-spacing:0.01em;}.page-header .subtitle i{color:#520103;margin-right:0.4rem;opacity:0.6;}@media (max-width:600px){.page-header h1{font-size:1.6rem;}.brand-icon{width:40px;height:40px;font-size:1.2rem;}.page-header .sub-badge{font-size:0.6rem;padding:0.2rem 0.8rem;margin-left:0;}.page-header .subtitle{font-size:0.95rem;}}.section-title{font-size:1.2rem;font-weight:700;color:#520103;margin-top:1.8rem;margin-bottom:0.8rem;display:flex;align-items:center;gap:0.6rem;border-left:4px solid #520103;padding-left:0.9rem;}.section-title i{font-size:1.1rem;opacity:0.8;}.intro-text p{font-size:1rem;color:#2d1e1c;margin-bottom:1rem;}.intro-text strong{color:#520103;font-weight:600;}.modules-highlight{background:#fdfbfa;border-left:4px solid #520103;padding:1rem 1.5rem;border-radius:12px;margin:1rem 0 1.2rem 0;font-size:0.98rem;color:#2d1e1c;border:1px solid #ede4e1;border-left-width:5px;}.modules-highlight strong{color:#520103;}.modules-highlight .module-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem;}.modules-highlight .module-tags span{background:#f5edeb;border:1px solid #e0d2ce;border-radius:30px;padding:0.15rem 0.9rem;font-size:0.8rem;color:#520103;font-weight:500;}.modules-highlight .module-tags span i{margin-right:0.3rem;color:#520103;opacity:0.6;}.objectives-list{list-style:none;padding-left:0;margin-top:0.5rem;}.objectives-list li{padding:0.4rem 0 0.4rem 1.8rem;position:relative;font-size:0.98rem;line-height:1.6;color:#2d1e1c;}.objectives-list li::before{content:'\f00c';font-family:'Font Awesome 5 Free';font-weight:900;color:#520103;position:absolute;left:0;top:0.4rem;font-size:0.9rem;opacity:0.7;}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2rem;margin-top:0.8rem;margin-bottom:0.5rem;}.info-item{background:#fdfbfa;border-radius:16px;padding:1rem 1.2rem;border:1px solid #ede4e1;transition:background 0.2s;}.info-item:hover{background:#f8f2ef;}.info-item .label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.06em;font-weight:700;color:#7a5a55;display:block;margin-bottom:0.2rem;}.info-item .value{font-size:1rem;font-weight:600;color:#520103;}.info-item .value i{margin-right:0.4rem;opacity:0.6;font-size:0.9rem;}.info-item .note{font-size:0.85rem;color:#5a3e3a;margin-top:0.2rem;}@media (max-width:576px){.info-grid{grid-template-columns:1fr;gap:0.8rem;}.info-item{padding:0.8rem 1rem;}}.mode-box{background:#fdfbfa;border-radius:16px;padding:1rem 1.2rem;border:1px solid #ede4e1;margin-top:0.2rem;}.mode-box .mode-row{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 1.2rem;}.mode-box .mode-label{font-weight:600;color:#520103;}.mode-box .mode-tag{font-size:0.9rem;color:#5a3e3a;background:#f5edeb;padding:0.2rem 0.8rem;border-radius:30px;display:inline-block;}.mode-box .mode-tag i{color:#520103;}.note-box{font-size:0.95rem;color:#2d1e1c;background:#faf5f3;padding:0.6rem 1.2rem;border-radius:12px;border:1px dashed #c9a8a3;margin-top:1.2rem;}.note-box i{color:#520103;margin-right:0.5rem;}.capstone-box{background:#f5edeb;border-radius:16px;padding:0.8rem 1.5rem;border:1px solid #e0d2ce;margin:0.8rem 0 1.2rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}.capstone-box i{color:#520103;font-size:1.4rem;}.capstone-box p{margin:0;font-size:0.98rem;color:#2d1e1c;}.capstone-box strong{color:#520103;}@media (max-width:480px){.section-title{font-size:1.05rem;padding-left:0.6rem;}.objectives-list li{font-size:0.92rem;padding-left:1.5rem;}.modules-highlight{padding:0.8rem 1rem;}.mode-box{padding:0.8rem 1rem;}.capstone-box{padding:0.6rem 1rem;}}a:focus-visible{outline:3px solid #520103;outline-offset:3px;border-radius:4px;}