.hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-text-inverse);padding-block:var(--spacing-2xl);text-align:center}.hero__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);-webkit-margin-after:var(--spacing-sm);margin-block-end:var(--spacing-sm)}.hero__subtitle{font-size:var(--font-size-body);opacity:.9;-webkit-margin-after:var(--spacing-xl);margin-block-end:var(--spacing-xl)}.semester-tabs{display:flex;justify-content:center;gap:var(--spacing-md)}.semester-tabs__btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:rgba(255,255,255,.8);background-color:rgba(255,255,255,.15);border:2px solid transparent;border-radius:var(--radius-full);min-height:48px;min-width:120px;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.semester-tabs__btn:hover{background-color:rgba(255,255,255,.25);color:var(--color-text-inverse)}.semester-tabs__btn[aria-selected=true]{background-color:var(--color-background);color:var(--color-primary);border-color:var(--color-background)}.grades{padding-block:var(--spacing-2xl)}.grades__stage{-webkit-margin-after:var(--spacing-2xl);margin-block-end:var(--spacing-2xl)}.grades__stage:last-child{-webkit-margin-after:0;margin-block-end:0}.grades__stage-header{display:flex;align-items:center;gap:var(--spacing-md);-webkit-margin-after:var(--spacing-lg);margin-block-end:var(--spacing-lg)}.grades__stage-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);font-size:1.5rem;flex-shrink:0}.grades__stage-icon--primary{background-color:var(--color-primary-light)}.grades__stage-icon--secondary{background-color:#e8f5e9}.grades__stage-icon--accent{background-color:#fff3e0}.grades__stage-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.featured{padding-block:var(--spacing-2xl);background-color:var(--color-surface)}.featured__header{display:flex;align-items:center;justify-content:space-between;-webkit-margin-after:var(--spacing-lg);margin-block-end:var(--spacing-lg)}.featured__title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.featured__link{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-primary);min-height:44px;display:inline-flex;align-items:center;transition:opacity var(--transition-fast)}.featured__link:hover{opacity:.8}.quick-access{padding-block:var(--spacing-2xl)}.quick-access__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}.quick-access__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:44px;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.quick-access__item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.quick-access__item-icon{font-size:1.5rem;flex-shrink:0}.quick-access__item-text{font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}@media (min-width:768px){.hero{padding-block:var(--spacing-3xl)}.hero__title{font-size:var(--font-size-h1)}.quick-access__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.quick-access__grid{grid-template-columns:repeat(6,1fr)}}