.header{background:linear-gradient(135deg, var(--primary-color,#8a091a) 0%, var(--primary-dark,#1d4ed8) 100%);color:var(--white,#fff);padding:var(--space-6,1.5rem) 0;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);z-index:1000;position:sticky;top:0}.logo{margin:0}.logo-link{color:inherit;gap:var(--space-1,.25rem);flex-direction:column;text-decoration:none;display:flex}.nav-links{gap:var(--space-6,1.5rem);align-items:center;display:flex}.nav-link{color:var(--white,#fff);font-size:var(--font-size-sm,.875rem);align-items:center;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem) var(--space-3,.75rem);border-radius:var(--radius-md,.5rem);align-items:normal;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:#ffffff1a;transform:translateY(-1px)}.nav-icon{font-size:var(--font-size-base,1rem);width:20px}.mobile-menu-toggle{cursor:pointer;width:32px;height:32px;padding:var(--space-2,.5rem);border-radius:var(--radius-md,.5rem);background:0 0;border:none;flex-direction:column;justify-content:space-around;transition:background-color .2s;display:none}.mobile-menu-toggle:hover{background:#ffffff1a}.mobile-menu-toggle span{background:var(--white,#fff);transform-origin:50%;width:20px;height:2px;transition:all .3s;display:block}.student-info{margin-bottom:calc(var(--space-4,1rem) * 3);background-color:var(--primary-color,#8a091a);padding:var(--space-8,2rem);color:var(--white,#fff);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.footer-content{justify-content:space-between;align-items:center;gap:var(--space-4,1rem);flex-wrap:wrap;display:flex}.footer-links{gap:var(--space-6,1.5rem);display:flex}@media (width>=768px){.container{padding:0 var(--space-6,1.5rem)}}@media (width>=769px){.nav-links{box-shadow:none;gap:var(--space-6,1.5rem);background:0 0;border-top:none;flex-direction:row;align-items:center;margin:0;padding:0;position:static;display:flex!important}.mobile-menu-toggle{display:none!important}}@media (width<=768px){.mobile-menu-toggle{z-index:1001;position:relative;display:flex!important}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.header{position:relative}.header-content{position:relative;text-align:left!important;flex-direction:row!important;justify-content:space-between!important}.nav-links{background:var(--primary-color,#8a091a);padding:var(--space-4,1rem);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);z-index:1000;border-top:1px solid #ffffff1a;flex-direction:column;margin:0;animation:.3s ease-out slideDown;position:absolute;top:calc(100% + 1px);left:-1rem;right:-1rem;display:none!important}.nav-links.active{display:flex!important}.nav-links .nav-link{padding:var(--space-3,.75rem) var(--space-4,1rem);margin:var(--space-1,.25rem) 0;border-radius:var(--radius-md,.5rem);justify-content:center}.nav-links .nav-link:hover{background:#ffffff26}.footer-content{text-align:center;flex-direction:column}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-header{background:var(--gray-50,#f9fafb);border-bottom:1px solid var(--gray-200,#e5e7eb);padding:var(--space-6,1.5rem) 0}.page-header-content{align-items:center;gap:var(--space-4,1rem);display:flex}.page-logo{flex-shrink:0;width:48px;height:48px}.page-info{flex:1}.page-title{font-size:var(--font-size-3xl,1.875rem);color:var(--gray-900,#111827);margin:0 0 var(--space-1,.25rem) 0;font-weight:700}.page-subtitle{font-size:var(--font-size-lg,1.125rem);color:var(--gray-600,#4b5563);margin:0}:root{--primary-color:#8a091a;--primary-dark:#1d4ed8;--white:#fff;--gray-50:#f9fafb;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-900:#111827;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-20:5rem;--radius-md:.5rem;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#8a091a;--primary-dark:#1d4ed8;--secondary-color:#10b981;--accent-color:#f59e0b;--success-color:#059669;--warning-color:#d97706;--error-color:#dc2626;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-6)}}.header{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:var(--white);padding:var(--space-6) 0;box-shadow:var(--shadow-md)}.header-content{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.logo{gap:var(--space-1);flex-direction:column;display:flex}.logo-text{font-size:var(--font-size-2xl);letter-spacing:-.025em;font-weight:700}.logo-subtitle{font-size:var(--font-size-sm);opacity:.9;font-weight:500}.header-info{align-items:flex-end;gap:var(--space-1);text-align:right;flex-direction:column;display:flex}.main{padding:var(--space-16) 0}.hero{text-align:center;margin-bottom:var(--space-20)}.hero-title{font-size:var(--font-size-4xl);color:var(--gray-900);margin-bottom:var(--space-6);font-weight:700;line-height:1.2}.hero-description{font-size:var(--font-size-xl);color:var(--gray-600);max-width:768px;margin:0 auto var(--space-12);line-height:1.7}.hero-stats{justify-content:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.stat{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.stat-number{font-size:var(--font-size-3xl);color:var(--primary-color);font-weight:700}.stat-label{font-size:var(--font-size-sm);color:var(--gray-500);font-weight:500}.section-title{font-size:var(--font-size-3xl);color:var(--gray-900);margin-bottom:var(--space-10);text-align:center;font-weight:700}.course-sections{margin-bottom:var(--space-20)}.sections-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.section-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);flex-direction:column;align-items:stretch;transition:all .3s;display:flex;position:relative;overflow:hidden}.section-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.section-card:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.section-card.completed:before{background:var(--success-color)}.section-card.in-progress:before{background:var(--warning-color)}.section-card.upcoming:before{background:var(--gray-300)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-icon{font-size:var(--font-size-2xl);background:var(--gray-100);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.completed .card-status{color:var(--success-color);background:#0596691a}.in-progress .card-status{color:var(--warning-color);background:#d977061a}.upcoming .card-status{background:var(--gray-100);color:var(--gray-500)}.card-title{font-size:var(--font-size-xl);color:var(--gray-900);margin-bottom:var(--space-3);font-weight:600}.card-description{color:var(--gray-600);margin-bottom:var(--space-4);line-height:1.6}.card-projects{margin-bottom:var(--space-6)}.project-count{font-size:var(--font-size-sm);color:var(--gray-700);margin-bottom:var(--space-2);font-weight:600;display:block}.project-list{padding-left:var(--space-4);list-style:none}.project-list li{font-size:var(--font-size-xs);color:var(--gray-600);margin-bottom:var(--space-1);position:relative}.project-list li:before{content:"•";color:var(--primary-color);position:absolute;left:-20px}.project-list ul{margin-top:var(--space-1);margin-bottom:var(--space-2);padding-left:var(--space-6)}.project-list ul li:before{content:"◦";color:var(--gray-400);font-size:var(--font-size-lg)}.card-actions{gap:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--white);color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white)}.btn-disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.btn-disabled:hover{transform:none}.btn.in-progress{background:var(--warning-color);color:var(--white);border-color:var(--gray-300)}.btn.in-progress:hover{color:var(--white);border-color:var(--gray-300);background:#d97706cc}.quick-links{margin-bottom:var(--space-16)}.links-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.link-card{align-items:center;gap:var(--space-4);background:var(--white);padding:var(--space-4);border-radius:var(--radius-lg);color:inherit;border:1px solid var(--gray-200);text-decoration:none;transition:all .2s;display:flex}.link-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.link-icon{font-size:var(--font-size-2xl);background:var(--gray-100);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.link-content h3{font-size:var(--font-size-lg);color:var(--gray-900);margin-bottom:var(--space-1);font-weight:600}.link-content p{font-size:var(--font-size-sm);color:var(--gray-600)}#connect{text-align:center;font-size:var(--font-size-xl)}.social-links{gap:var(--space-6);margin-top:var(--space-6);justify-content:center;align-items:center;display:flex}.social-icon:hover{fill:var(--primary-dark);transition:transform .4s,fill .2s;transform:scale(1.4)}.footer{background:var(--gray-900);color:var(--gray-300);padding:0 0 var(--space-4);margin-top:var(--space-20)}.student-info{margin-bottom:calc(var(--space-4) * 3);background-color:var(--primary-color);padding:var(--space-8) var(--space-8);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.student-name{font-size:var(--font-size-2xl);font-weight:600}.start-date{font-size:var(--font-size-sm);opacity:.9}.footer-content{justify-content:center;align-items:center;gap:var(--space-4);text-align:left;flex-wrap:wrap;display:flex}.footer-links{justify-content:end;align-items:center;gap:var(--space-6);width:47%;display:flex}.footer-links a{color:var(--gray-400);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary-color)}@media (width>=769px){.nav-links{box-shadow:none;gap:var(--space-6);background:0 0;border-top:none;flex-direction:row;margin:0;padding:0;position:static;display:flex!important}.mobile-menu-toggle{display:none!important}}@media (width<=768px){.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-lg)}.sections-grid{grid-template-columns:1fr}.header-content{text-align:left!important;flex-direction:row!important;justify-content:space-between!important}.nav-links{display:none!important}.nav-links.active{background:var(--primary-color);padding:var(--space-4);box-shadow:var(--shadow-lg);z-index:1000;border-top:1px solid #ffffff1a;flex-direction:column;margin:0;position:absolute;top:calc(100% + 1px);left:-1rem;right:-1rem;display:flex!important}.mobile-menu-toggle{display:flex!important}.header-info{align-items:center}.footer-content,.card-actions{flex-direction:column}.btn{width:100%}}@media (width<=480px){.hero-stats{gap:var(--space-4)}.stat-number{font-size:var(--font-size-2xl)}}