/* Modules.css - Styles for Apprentice Sub-Modules */

/* Module Headers */
.module-header {
  background: linear-gradient(135deg, #FEF9C3, #FACC15);
  border-radius: 12px;
  padding: 2rem;
  margin-bottom: 2rem;
  color: #713F12;
}

.module-header h1 {
  margin: 0.5rem 0;
  font-size: 2rem;
}

.module-header p {
  margin: 0;
  opacity: 0.9;
  color: #92400E;
}

/* Job Hunting Module */
.data-center-section {
  margin-bottom: 2rem;
}

.data-alert {
  background: #EFF6FF;
  border: 3px solid #3B82F6;
  border-radius: 12px;
  padding: 2rem;
}

.company-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.company-card {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.company-card h4 {
  margin: 0 0 0.5rem 0;
  color: #1F2937;
}

.projects {
  color: #6B7280;
  font-size: 0.875rem;
  margin: 0.5rem 0;
}

.hiring {
  color: #059669;
  margin: 0.5rem 0;
}

.contractor-list {
  margin-top: 2rem;
}

.contractor-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}

.contractor-badge {
  background: #FACC15;
  color: #713F12;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: bold;
}

.contractor-tip {
  margin-top: 1rem;
  padding: 1rem;
  background: #FEF3C7;
  border-radius: 6px;
  color: #92400E;
}

.required-tickets {
  margin-top: 2rem;
}

.ticket-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}

.ticket-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #E5E7EB;
  position: relative;
  padding-left: 1.5rem;
}

.ticket-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #10B981;
}

.ticket-note {
  background: #ECFDF5;
  color: #065F46;
  padding: 0.75rem;
  border-radius: 6px;
  margin-top: 1rem;
}

/* Where to Look Section */
.where-to-look-section {
  margin-bottom: 2rem;
}

.platforms-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.platform-card {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.reality {
  color: #EF4444;
  font-size: 0.875rem;
  margin: 0.5rem 0;
}

.tip {
  color: #059669;
  font-size: 0.875rem;
  margin: 0.5rem 0;
}

.insider-tip {
  background: #FEF3C7;
  border: 2px solid #F59E0B;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 2rem;
}

/* Application Strategy */
.application-strategy-section {
  margin-bottom: 2rem;
}

.tips-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 1.5rem;
}

.dos-card,
.donts-card {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.dos-card {
  border-left: 4px solid #10B981;
}

.donts-card {
  border-left: 4px solid #EF4444;
}

.tips-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

.tips-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #F3F4F6;
}

.follow-up-guide {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 2rem;
}

.timeline {
  margin: 1rem 0;
}

.timeline-item {
  padding: 0.5rem 0;
  border-left: 3px solid #FACC15;
  padding-left: 1rem;
  margin-left: 0.5rem;
}

.timeline-item .day {
  font-weight: bold;
  color: #92400E;
}

.timeline-note {
  font-style: italic;
  color: #6B7280;
  margin-top: 1rem;
}

/* Resume Guide */
.resume-guide-section {
  margin-bottom: 2rem;
}

.resume-template {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.resume-section {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #E5E7EB;
}

.resume-section:last-child {
  border-bottom: none;
}

.section-content {
  color: #4B5563;
  margin: 0.5rem 0;
}

.section-example {
  background: #F3F4F6;
  padding: 0.75rem;
  border-radius: 6px;
  font-family: monospace;
  color: #1F2937;
  margin-top: 0.5rem;
}

.resume-tips {
  background: #EFF6FF;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

.cover-letter-hack {
  background: #FEF3C7;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

.hack-note {
  font-weight: bold;
  color: #92400E;
  margin-top: 1rem;
}

/* Networking Section */
.networking-section {
  margin-bottom: 2rem;
}

.networking-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.network-card {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.community-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

.community-list li {
  padding: 0.25rem 0;
  color: #6B7280;
}

.networking-reality {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 2rem;
}

.connection-formula {
  background: white;
  border: 2px solid #10B981;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
}

.final-advice {
  background: #ECFDF5;
  border: 2px solid #10B981;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 2rem;
}

.action-items {
  background: white;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
}

/* Study Guides Module */
.period-breakdown-section {
  margin-bottom: 2rem;
}

.periods-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.period-card {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.period-stats {
  margin: 1rem 0;
}

.stat-item {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 1rem;
  margin: 0.5rem 0;
}

.stat-item .label {
  font-weight: bold;
  color: #6B7280;
}

.stat-item .value.warning {
  color: #EF4444;
  font-weight: bold;
}

.period-tip {
  background: #EFF6FF;
  padding: 0.75rem;
  border-radius: 6px;
  margin-top: 1rem;
}

.period-reality {
  background: #FEF2F2;
  border: 2px solid #EF4444;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1.5rem;
}

/* Free Resources */
.free-resources-section {
  margin-bottom: 2rem;
}

.resources-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.resource-card {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
  text-decoration: none;
  color: #1F2937;
  transition: all 0.3s ease;
}

.resource-card:hover {
  border-color: #FACC15;
  transform: translateY(-2px);
}

.what {
  color: #4B5563;
  margin: 0.5rem 0;
}

.best-for {
  color: #059669;
  margin: 0.5rem 0;
}

.paid-options {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 2rem;
}

/* Study Schedule */
.study-schedule-section {
  margin-bottom: 2rem;
}

.schedule-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.schedule-week {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
}

.focus {
  color: #4B5563;
  margin: 0.5rem 0;
}

.time-commitment {
  background: #FACC15;
  color: #713F12;
  padding: 0.5rem;
  border-radius: 6px;
  margin: 0.5rem 0;
  font-weight: bold;
}

.week-tip {
  font-size: 0.875rem;
  color: #6B7280;
  margin-top: 0.5rem;
}

.schedule-tips {
  background: #EFF6FF;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

/* Exam Hacks */
.exam-hacks-section {
  margin-bottom: 2rem;
}

.hacks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.hack-phase {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.hack-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

.hack-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #F3F4F6;
}

.exam-calculator {
  background: #FEF2F2;
  border: 2px solid #EF4444;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

.fail-costs {
  margin: 1rem 0;
}

.fail-costs p {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid #FCA5A5;
}

.cost {
  font-weight: bold;
  color: #991B1B;
}

.calculator-note {
  font-style: italic;
  color: #7F1D1D;
  margin-top: 1rem;
}

/* Study Groups */
.study-groups-section {
  margin-bottom: 2rem;
}

.groups-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.group-option {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.group-rules {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 2rem;
}

.final-study-advice {
  background: #ECFDF5;
  border: 2px solid #10B981;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 2rem;
}

/* Survival Module */
.budget-breakdown-section {
  margin-bottom: 2rem;
}

.budget-container {
  background: #F9FAFB;
  border-radius: 12px;
  padding: 2rem;
}

.income-display {
  text-align: center;
  margin-bottom: 2rem;
}

.income-amount {
  font-size: 2.5rem;
  font-weight: bold;
  color: #059669;
  margin: 1rem 0;
}

.expense-breakdown {
  background: white;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.expense-list {
  margin-top: 1rem;
}

.expense-item {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid #E5E7EB;
}

.budget-tips {
  background: #EFF6FF;
  border-radius: 8px;
  padding: 1.5rem;
}

.budget-reality {
  background: #FEF3C7;
  border: 2px solid #F59E0B;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1.5rem;
}

/* Meal Prep */
.meal-prep-section {
  margin-bottom: 2rem;
}

.meal-guide {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.weekly-budget,
.meal-ideas,
.avoid-list {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.shopping-list ul,
.meal-ideas ul,
.avoid-items {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

.shopping-list li,
.meal-ideas li,
.avoid-items li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #F3F4F6;
}

.avoid-items li {
  color: #EF4444;
}

.meal-prep-tips {
  background: #ECFDF5;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

.pro-tip {
  background: white;
  border-left: 3px solid #10B981;
  padding: 1rem;
  margin-top: 1rem;
}

/* Fitness Section */
.fitness-section {
  margin-bottom: 2rem;
}

.fitness-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

.free-options,
.cheap-options,
.why-fitness {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.workout-plan {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

.week-schedule {
  display: grid;
  gap: 0.5rem;
  margin: 1rem 0;
}

.day {
  padding: 0.5rem;
  background: white;
  border-radius: 6px;
  border-left: 3px solid #FACC15;
}

.workout-note {
  font-weight: bold;
  color: #059669;
  text-align: center;
  margin-top: 1rem;
}

/* Mental Health */
.mental-health-section {
  margin-bottom: 2rem;
}

.mental-health-container {
  background: #FEF2F2;
  border-radius: 12px;
  padding: 2rem;
}

.struggles-reality,
.solutions-list {
  background: white;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.validation {
  background: #ECFDF5;
  color: #065F46;
  padding: 0.75rem;
  border-radius: 6px;
  margin-top: 1rem;
  font-weight: bold;
}

.help-resources {
  margin-top: 1.5rem;
}

.resource-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.help-card {
  background: white;
  border: 2px solid #10B981;
  border-radius: 8px;
  padding: 1rem;
}

.number {
  font-size: 1.25rem;
  font-weight: bold;
  color: #059669;
  margin: 0.5rem 0;
}

.mental-health-truth {
  background: white;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

/* Screen Time */
.screen-time-section {
  margin-bottom: 2rem;
}

.screen-time-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.reality-check,
.better-use,
.challenges {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.reality-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

.reality-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #F3F4F6;
  color: #EF4444;
}

.better-list,
.challenge-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

.better-list li,
.challenge-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #F3F4F6;
  color: #059669;
}

.screen-math {
  background: #FEF3C7;
  border: 2px solid #F59E0B;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

.time-calc {
  margin: 1rem 0;
}

.highlight {
  font-weight: bold;
  color: #EF4444;
  font-size: 1.25rem;
}

.screen-note {
  font-weight: bold;
  color: #92400E;
  margin-top: 1rem;
}

/* Side Hustles */
.side-hustle-section {
  margin-bottom: 2rem;
}

.hustles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.hustle-card {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
  border-left: 4px solid #10B981;
}

.potential {
  font-weight: bold;
  color: #059669;
  margin: 0.5rem 0;
}

.how {
  color: #6B7280;
  font-size: 0.875rem;
}

.hustle-warning {
  background: #FEF2F2;
  border: 2px solid #EF4444;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

/* Survival Summary */
.survival-summary {
  background: linear-gradient(135deg, #ECFDF5, #10B981);
  border-radius: 12px;
  padding: 2rem;
  margin-bottom: 2rem;
}

.summary-container {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  padding: 2rem;
}

.daily-routine {
  margin-bottom: 2rem;
}

.routine-timeline {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1rem;
}

.time-slot {
  padding: 0.5rem;
  border-bottom: 1px solid #E5E7EB;
}

.weekly-goals {
  margin-bottom: 2rem;
}

.long-game {
  background: #EFF6FF;
  border-radius: 8px;
  padding: 1.5rem;
}

.long-game p {
  padding: 0.25rem 0;
  font-weight: bold;
}

.final-motivation {
  background: #FEF3C7;
  border: 2px solid #F59E0B;
  border-radius: 8px;
  padding: 2rem;
  margin-top: 2rem;
}

/* Future Work Module */
.data-center-deep-dive {
  margin-bottom: 2rem;
}

.dc-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}

.why-alberta,
.scale-info {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.scale-facts {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

.scale-facts li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #F3F4F6;
  color: #4B5563;
}

.trades-breakdown {
  margin-bottom: 2rem;
}

.trades-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.trade-card {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.trade-card.extreme {
  border-color: #EF4444;
}

.trade-card.very-high {
  border-color: #F59E0B;
}

.trade-card.high {
  border-color: #10B981;
}

.demand-badge {
  display: inline-block;
  background: #EF4444;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.tasks-list {
  margin: 1rem 0;
}

.tasks-list ul {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0 0;
}

.tasks-list li {
  padding: 0.25rem 0;
  color: #6B7280;
  font-size: 0.875rem;
}

.pay-range {
  background: #ECFDF5;
  padding: 0.75rem;
  border-radius: 6px;
  margin-top: 1rem;
}

.dc-timeline {
  background: #F9FAFB;
  border-radius: 8px;
  padding: 1.5rem;
}

.timeline-steps {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  position: relative;
}

.timeline-steps::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 2px;
  background: #E5E7EB;
  z-index: 0;
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: white;
  padding: 0.5rem;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}

.step-time {
  font-weight: bold;
  color: #92400E;
  font-size: 0.875rem;
}

.step-action {
  color: #4B5563;
  font-size: 0.75rem;
  text-align: center;
}

/* Green Energy */
.green-energy-section {
  margin-bottom: 2rem;
}

.green-projects {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.project-card {
  background: white;
  border: 2px solid #10B981;
  border-radius: 8px;
  padding: 1.5rem;
}

.project-details p {
  margin: 0.5rem 0;
  color: #4B5563;
}

.green-reality {
  background: #ECFDF5;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

/* Tech Trades */
.tech-trades-section {
  margin-bottom: 2rem;
}

.hybrid-roles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.hybrid-card {
  background: white;
  border: 2px solid #8B5CF6;
  border-radius: 8px;
  padding: 1.5rem;
}

.role-mix {
  color: #6B7280;
  font-size: 0.875rem;
  margin: 0.5rem 0;
}

.pay-range {
  font-weight: bold;
  color: #059669;
}

.learn-path {
  margin-top: 0.5rem;
  color: #4B5563;
}

.tech-advice {
  background: #F3E8FF;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

/* Skills 2030 */
.skills-2030-section {
  margin-bottom: 2rem;
}

.skills-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 1.5rem;
}

.technical-skills,
.soft-skills {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.skills-reality {
  background: #FEF3C7;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1.5rem;
  text-align: center;
}

/* Training Resources */
.training-resources-section {
  margin-bottom: 2rem;
}

.training-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.training-card {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 1.5rem;
}

.free-option {
  color: #059669;
  margin: 0.5rem 0;
}

.time-invest {
  color: #6B7280;
  font-size: 0.875rem;
  margin: 0.5rem 0;
}

.learning-strategy {
  background: #EFF6FF;
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
}

/* Future Summary */
.future-summary {
  margin-bottom: 2rem;
}

.opportunity-matrix {
  background: #F9FAFB;
  border-radius: 12px;
  padding: 2rem;
}

.opportunities-ranked {
  margin-bottom: 2rem;
}

.opportunity-list {
  margin: 1rem 0 0 1.5rem;
}

.opportunity-list li {
  padding: 0.5rem 0;
  color: #1F2937;
}

.action-plan {
  background: white;
  border-radius: 8px;
  padding: 1.5rem;
}

.plan-steps {
  margin-top: 1rem;
}

.plan-step {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #E5E7EB;
}

.plan-step:last-child {
  border-bottom: none;
}

.plan-step .day {
  font-weight: bold;
  color: #92400E;
  display: block;
  margin-bottom: 0.5rem;
}

.final-future-message {
  background: linear-gradient(135deg, #EFF6FF, #3B82F6);
  border-radius: 12px;
  padding: 2rem;
  margin-top: 2rem;
  color: white;
}

.motivation-quote {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 1.5rem;
  margin-top: 1.5rem;
  text-align: center;
}

.resource-links {
  margin-top: 2rem;
}

.links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.resource-link {
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 6px;
  padding: 0.75rem;
  text-align: center;
  text-decoration: none;
  color: #1F2937;
  transition: all 0.3s ease;
}

.resource-link:hover {
  border-color: #FACC15;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 768px) {
  .tips-grid,
  .dc-overview,
  .skills-grid {
    grid-template-columns: 1fr;
  }
  
  .timeline-steps {
    flex-direction: column;
    gap: 1rem;
  }
  
  .timeline-steps::before {
    display: none;
  }
}