/* line 6, app/assets/stylesheets/new_design/_variables.sass */
:root {
  --nd-primary: hsl(181, 100%, 17%);
  --nd-primary-rgb: 0, 87, 88;
  --nd-secondary: hsl(215, 18%, 53%);
  --nd-secondary-rgb: 113, 134, 157;
  --nd-dark: hsl(224, 55%, 17%);
  --nd-dark-rgb: 19, 33, 68;
  --nd-primary-fg: hsl(60, 100%, 98%);
  --nd-dark-fg: hsl(60, 100%, 98%);
  --nd-secondary-fg: hsl(60, 100%, 98%);
  --nd-background: hsl(0, 0%, 99%);
  --nd-foreground: hsl(224, 55%, 17%);
  --nd-card: hsl(0, 0%, 100%);
  --nd-card-fg: hsl(224, 55%, 17%);
  --nd-card-border: hsl(220, 20%, 93%);
  --nd-popover: hsl(0, 0%, 100%);
  --nd-popover-fg: hsl(224, 55%, 17%);
  --nd-popover-rgb: 255, 255, 255;
  --nd-muted: hsl(220, 14%, 96%);
  --nd-muted-fg: hsl(215, 18%, 45%);
  --nd-muted-rgb: 243, 244, 246;
  --nd-accent: hsl(181, 100%, 17%);
  --nd-accent-fg: hsl(60, 100%, 98%);
  --nd-accent-rgb: 0, 85, 87;
  --nd-destructive: hsl(0, 84%, 60%);
  --nd-destructive-fg: hsl(60, 100%, 98%);
  --nd-destructive-rgb: 239, 67, 67;
  --nd-success: hsl(142, 76%, 36%);
  --nd-success-fg: hsl(60, 100%, 98%);
  --nd-success-rgb: 22, 162, 73;
  --nd-warning: hsl(38, 92%, 50%);
  --nd-warning-fg: hsl(60, 100%, 98%);
  --nd-warning-rgb: 245, 159, 10;
  --nd-border: hsl(220, 20%, 93%);
  --nd-input: hsl(220, 20%, 93%);
  --nd-ring: hsl(181, 100%, 17%);
  --nd-radius: 0.5rem;
  --nd-cat-primary-bg: hsl(181, 30%, 95%);
  --nd-cat-secondary-bg: hsl(215, 20%, 95%);
  --nd-cat-dark-bg: hsl(224, 25%, 95%);
}

/* line 6, app/assets/stylesheets/new_design/_overrides.sass */
:root {
  --bs-primary: var(--nd-primary);
  --bs-primary-rgb: var(--nd-primary-rgb);
  --bs-secondary: var(--nd-secondary);
  --bs-secondary-rgb: var(--nd-secondary-rgb);
  --bs-dark: var(--nd-dark);
  --bs-dark-rgb: var(--nd-dark-rgb);
  --bs-body-bg: var(--nd-background);
  --bs-body-color: var(--nd-foreground);
  --bs-card-bg: var(--nd-card);
  --bs-card-color: var(--nd-card-fg);
  --bs-card-border-color: var(--nd-card-border);
  --bs-card-border-radius: var(--nd-radius);
  --bs-border-color: var(--nd-border);
  --bs-border-radius: var(--nd-radius);
  --bs-focus-ring-color: rgba(var(--nd-primary-rgb), 0.25);
  --bs-form-control-border-color: var(--nd-input);
  --bs-form-control-focus-border-color: var(--nd-ring);
  --bs-link-color: var(--nd-primary);
  --bs-link-hover-color: var(--nd-primary);
  --bs-badge-border-radius: var(--nd-radius);
  --bs-popover-bg: var(--nd-popover);
  --bs-dropdown-bg: var(--nd-popover);
  --bs-dropdown-border-color: var(--nd-border);
  --bs-dropdown-border-radius: var(--nd-radius);
  --bs-danger: var(--nd-destructive);
  --bs-success: var(--nd-success);
  --bs-warning: var(--nd-warning);
  --bs-warning-rgb: var(--nd-warning-rgb);
}

/* line 59, app/assets/stylesheets/new_design/_overrides.sass */
.card-hover {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* line 61, app/assets/stylesheets/new_design/_overrides.sass */
.card-hover:hover {
  box-shadow: 0 0.5rem 1.5rem rgba(var(--nd-dark-rgb), 0.12);
  transform: translateY(-2px);
}

/* line 65, app/assets/stylesheets/new_design/_overrides.sass */
.link-primary {
  color: var(--nd-primary);
  font-weight: 600;
}

/* line 68, app/assets/stylesheets/new_design/_overrides.sass */
.link-primary:hover {
  text-decoration: underline;
  color: var(--nd-primary);
}

/* line 72, app/assets/stylesheets/new_design/_overrides.sass */
.letter-spacing-wide {
  letter-spacing: 0.05em;
}

/* line 1, app/assets/stylesheets/new_design/animations.sass */
.animate-fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease-in-out forwards;
}

/* line 6, app/assets/stylesheets/new_design/animations.sass */
.animate-scale-in {
  opacity: 0;
  transform: scale(0.95);
  animation: scaleIn 0.7s ease-in-out forwards;
  animation-delay: 0.2s;
}

/* line 13, app/assets/stylesheets/new_design/animations.sass */
.animate-fade-in-left {
  opacity: 0;
  transform: translateX(-20px);
  animation: fadeInLeft 0.5s ease-in-out forwards;
  animation-delay: 0.6s;
}

/* line 19, app/assets/stylesheets/new_design/animations.sass */
.animate-fade-in-right {
  opacity: 0;
  transform: translateX(20px);
  animation: fadeInRight 0.5s ease-in-out forwards;
  animation-delay: 0.7s;
}

/* line 25, app/assets/stylesheets/new_design/animations.sass */
.animate-fade-in-up-delayed {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.5s ease-in-out forwards;
  animation-delay: 0.8s;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* line 1, app/assets/stylesheets/new_design/home.sass */
.hero-bg-image {
  background-image: url(/assets/new/hero-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 7, app/assets/stylesheets/new_design/home.sass */
.hero-bg-gradient {
  background: linear-gradient(to right, rgba(var(--bs-dark-rgb), 0.8), rgba(var(--bs-dark-rgb), 0.5), rgba(var(--bs-dark-rgb), 0.3));
}

/* line 11, app/assets/stylesheets/new_design/home.sass */
.learning-path-card {
  box-shadow: 0 10px 30px -12px rgba(29, 39, 74, 0.18);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* line 15, app/assets/stylesheets/new_design/home.sass */
.learning-path-card:hover {
  box-shadow: 0 20px 40px -12px rgba(29, 39, 74, 0.25);
  transform: translateY(-4px);
}

/* line 20, app/assets/stylesheets/new_design/home.sass */
.home-footer {
  background-color: #1D274A;
  color: #fff;
}

/* line 24, app/assets/stylesheets/new_design/home.sass */
.home-footer-glow {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(29, 39, 74, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(60px);
  pointer-events: none;
}

/* line 32, app/assets/stylesheets/new_design/home.sass */
.home-footer-logo {
  height: 2rem;
  width: auto;
}

/* line 36, app/assets/stylesheets/new_design/home.sass */
.home-footer-link {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.15s ease;
}

/* line 42, app/assets/stylesheets/new_design/home.sass */
.home-footer-link:hover, .home-footer-link:focus {
  color: #fff;
  text-decoration: none;
}

/* line 46, app/assets/stylesheets/new_design/home.sass */
.home-footer-bottom-border {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 50, app/assets/stylesheets/new_design/home.sass */
.stats-banner {
  background: linear-gradient(135deg, #1D274A 0%, #2a3a6b 60%, #1a3050 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 54, app/assets/stylesheets/new_design/home.sass */
.stats-banner-overlay {
  background: linear-gradient(to right, rgba(29, 39, 74, 0.9), rgba(29, 39, 74, 0.75), rgba(29, 39, 74, 0.55));
}

/* line 57, app/assets/stylesheets/new_design/home.sass */
.stats-sparkle-icon {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(4px);
  color: rgba(255, 255, 255, 0.6);
}

/* line 8, app/assets/stylesheets/new_design/index.sass */
body {
  font-size: var(--bs-body-font-size);
  line-height: var(--bs-body-line-height);
  font-family: var(--bs-body-font-family);
}

/* line 13, app/assets/stylesheets/new_design/index.sass */
.btn.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
  --bs-btn-hover-border-color: #003c3d;
  --bs-btn-active-bg: #003c3d;
  --bs-btn-active-border-color: #003c3d;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

/* line 23, app/assets/stylesheets/new_design/index.sass */
.btn.btn-primary:hover {
  box-shadow: 0 4px 11px #003c3d !important;
}

/* line 27, app/assets/stylesheets/new_design/index.sass */
.btn.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003c3d;
  --bs-btn-active-border-color: #003c3d;
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

/* line 39, app/assets/stylesheets/new_design/index.sass */
.btn.btn-outline-primary:hover {
  box-shadow: 0 4px 11px #003c3d !important;
}

/* line 42, app/assets/stylesheets/new_design/index.sass */
.btn.btn-ghost-secondary:hover, .btn.btn-ghost-secondary:focus {
  color: var(--bs-primary);
  background-color: rgba(var(--nd-dark-rgb), 0.1);
}

/* line 46, app/assets/stylesheets/new_design/index.sass */
.btn.btn-ghost-secondary:active {
  border-color: var(--bs-primary) !important;
}

/* line 49, app/assets/stylesheets/new_design/index.sass */
::-moz-selection {
  color: #f59f0a !important;
  background-color: rgba(221, 160, 36, 0.1) !important;
}

/* line 52, app/assets/stylesheets/new_design/index.sass */
::selection {
  color: #f59f0a !important;
  background-color: rgba(221, 160, 36, 0.1) !important;
}

/* line 55, app/assets/stylesheets/new_design/index.sass */
.bg-primary ::-moz-selection {
  color: #f59f0a !important;
  background-color: rgba(221, 160, 36, 0.1) !important;
}

/* line 58, app/assets/stylesheets/new_design/index.sass */
.bg-primary ::selection {
  color: #f59f0a !important;
  background-color: rgba(221, 160, 36, 0.1) !important;
}

/* line 62, app/assets/stylesheets/new_design/index.sass */
html a, a.btn-link {
  color: #142043;
}

/* line 65, app/assets/stylesheets/new_design/index.sass */
html a:hover, a:focus, a:active, a.btn-link:hover, a.btn-link:active, a.btn-link:focus {
  color: rgba(19, 33, 68, 0.8);
}