:root{
  --accent: #0d6efd;
  --card-bg: #f8f9fa;
}

body {
  background: linear-gradient(180deg,#f3f6ff, #ffffff);
  min-height: 100vh;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.header-card {
  background: linear-gradient(90deg, rgba(13,110,253,0.08), rgba(13,110,253,0.02));
  border-left: 6px solid var(--accent);
}

.card-schedule {
  transition: transform .28s ease, box-shadow .28s ease, opacity .2s ease;
}

.card-schedule.animate-in {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(13,110,253,.08);
}

.code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;
}

@media (max-width: 576px){
  .header-card h1 { font-size: 1.2rem; }
}