/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

.hero-buttons {
  margin-top: 2.5rem;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-primary {
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover, .navbar-item.is-active a {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

.content h3 {
  margin-top: 2.5rem;
}

.mission-icon {
  font-size: 4rem;
  color: #5f4dea;
  margin-bottom: 1rem;
}

.cta-section {
  background-color: #f5f5f5;
  /* Light grey background */
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
.hero.is-primary {
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

.login-card {
  max-width: 480px;
  margin: 0 auto;
  padding: 2rem;
  border: 1px solid #ededed;
  border-radius: 6px;
  background-color: #fff;
}

.app-links {
  margin-top: 1.5rem;
  border-top: 1px solid #dbdbdb;
  padding-top: 1.5rem;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-primary {
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover, .navbar-item.is-active a {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

/* Pricing Table Styling */
.pricing-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 3rem;
}

.pricing-table th, .pricing-table td {
  padding: 1.25rem 1rem;
  text-align: center;
  border: 1px solid #dbdbdb;
}

.pricing-table th {
  background-color: #f5f5f5;
}

.pricing-table td.feature-name {
  text-align: left;
  font-weight: 500;
}

.pricing-table .fa-check {
  color: #23d160;
  /* Bulma's success color */
  font-size: 1.5rem;
}

.pricing-table .price-del {
  color: #999;
}

.pricing-table .price-sale {
  font-size: 1.75rem;
  font-weight: bold;
}

.pricing-table .price-period {
  font-size: 1rem;
  font-weight: 300;
}

.pricing-table .plan-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.bundle-column {
  border: 3px solid #5f4dea;
  /* Highlight the bundle */
}

.bundle-header {
  background-color: #5f4dea;
  color: #fff;
}

.sale-banner {
  background-color: #ff3860;
  color: #fff;
  padding: 0.5rem;
  font-weight: bold;
}

/* Styles from original pricing page */
.hero.is-primary {
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover, .navbar-item.is-active a {
  color: #209cee;
}

.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

.pricing-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 3rem;
}

.pricing-table th, .pricing-table td {
  padding: 1.25rem 1rem;
  text-align: center;
  border: 1px solid #dbdbdb;
}

.pricing-table th {
  background-color: #f5f5f5;
}

.pricing-table td.feature-name {
  text-align: left;
  font-weight: 500;
}

.pricing-table .fa-check {
  color: #23d160;
  font-size: 1.5rem;
}

.pricing-table .fa-times {
  color: #ff3860;
  font-size: 1.5rem;
}

.pricing-table .price-del {
  color: #999;
}

.pricing-table .price-sale {
  font-size: 1.75rem;
  font-weight: bold;
}

.pricing-table .price-period {
  font-size: 1rem;
  font-weight: 300;
}

.pricing-table .plan-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.sale-banner {
  background-color: #ff3860;
  color: #fff;
  padding: 0.5rem;
  font-weight: bold;
}

.tabs a {
  color: #363636;
}

.tabs.is-boxed a, .tabs.is-toggle a {
  color: #363636;
}

.tabs.is-boxed li.is-active a, .tabs.is-toggle li.is-active a {
  color: #fff;
  background-color: #5f4dea;
  border-color: #5f4dea;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* Styles from original pricing page */
.hero.is-primary {
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover, .navbar-item.is-active a {
  color: #209cee;
}

.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

.pricing-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 3rem;
}

.pricing-table th, .pricing-table td {
  padding: 1.25rem 1rem;
  text-align: center;
  border: 1px solid #dbdbdb;
}

.pricing-table th {
  background-color: #f5f5f5;
}

.pricing-table td.feature-name {
  text-align: left;
  font-weight: 500;
}

.pricing-table .fa-check {
  color: #23d160;
  font-size: 1.5rem;
}

.pricing-table .fa-times {
  color: #ff3860;
  font-size: 1.5rem;
}

.pricing-table .price-del {
  color: #999;
}

.pricing-table .price-sale {
  font-size: 1.75rem;
  font-weight: bold;
}

.pricing-table .price-period {
  font-size: 1rem;
  font-weight: 300;
}

.pricing-table .plan-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.sale-banner {
  background-color: #ff3860;
  color: #fff;
  padding: 0.5rem;
  font-weight: bold;
}

.tabs a {
  color: #363636;
}

.tabs.is-boxed a, .tabs.is-toggle a {
  color: #363636;
}

.tabs.is-boxed li.is-active a, .tabs.is-toggle li.is-active a {
  color: #fff;
  background-color: #5f4dea;
  border-color: #5f4dea;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-primary {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes, .footer .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

.feature-icon {
  font-size: 3rem;
  color: #5f4dea;
}

/* Custom styling for the Powered by Open Source section */
.powered-by-section {
  background-color: #23272d;
  /* Dark slate color from Lux theme */
}

.powered-by-section .title,
.powered-by-section .subtitle,
.powered-by-section .subtitle strong {
  color: #fff;
}

.powered-by-section .subtitle a {
  color: #5f4dea;
  /* Use the brand highlight for the link */
  text-decoration: underline;
}

.powered-by-section .subtitle a:hover {
  color: #fff;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-primary {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes, .footer .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

.feature-icon {
  font-size: 3rem;
  color: #5f4dea;
}

/* Custom styling for the Powered by Open Source section */
.powered-by-section {
  background-color: #23272d;
  /* Dark slate color from Lux theme */
}

.powered-by-section .title,
.powered-by-section .subtitle,
.powered-by-section .subtitle strong {
  color: #fff;
}

.powered-by-section .subtitle a {
  color: #5f4dea;
  /* Use the brand highlight for the link */
  text-decoration: underline;
}

.powered-by-section .subtitle a:hover {
  color: #fff;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-primary {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title, .hero .subtitle {
  color: #fff;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover, .navbar-item.is-active {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-primary {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes, .footer .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

.feature-icon {
  font-size: 3rem;
  color: #5f4dea;
}

/* Custom styling for the Powered by Open Source section */
.powered-by-section {
  background-color: #23272d;
  /* Dark slate color from Lux theme */
}

.powered-by-section .title,
.powered-by-section .subtitle,
.powered-by-section .subtitle strong {
  color: #fff;
}

.powered-by-section .subtitle a {
  color: #5f4dea;
  /* Use the brand highlight for the link */
  text-decoration: underline;
}

.powered-by-section .subtitle a:hover {
  color: #fff;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-primary {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes, .footer .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

.feature-icon {
  font-size: 3rem;
  color: #5f4dea;
}

/* Custom styling for the Powered by Open Source section */
.powered-by-section {
  background-color: #23272d;
  /* Dark slate color from Lux theme */
}

.powered-by-section .title,
.powered-by-section .subtitle,
.powered-by-section .subtitle strong {
  color: #fff;
}

.powered-by-section .subtitle a {
  color: #5f4dea;
  /* Use the brand highlight for the link */
  text-decoration: underline;
}

.powered-by-section .subtitle a:hover {
  color: #fff;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-fullheight {
  /* Image of the Pleiades Star Cluster */
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title {
  /* Explicitly set the font to match the Lux theme's header font */
  font-family: "Nunito Sans", sans-serif;
}

/* Hero animation */
.hero-title {
  animation: fadeInDown 1s ease-out;
  text-transform: uppercase;
  /* Sets text to all caps */
}

.hero-subtitle {
  animation: fadeInUp 1s ease-out 0.5s;
  animation-fill-mode: backwards;
}

/* Product card styling */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ededed;
  /* A subtle border to match the theme */
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.card-content {
  flex-grow: 1;
}

/* Custom margin for the product columns */
.product-columns {
  margin-top: 4.5rem;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#pro .product-card {
  border-color: #7a7a7a;
}

/* The Lux theme handles its own font imports and background colors. */
/* Hero Section Styling */
.hero.is-primary {
  background-image: linear-gradient(rgba(10, 10, 10, 0.6), rgba(10, 10, 10, 0.8)), url("/images/M45-Pleiades-Cluster-1080p.jpg");
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  /* Creates a parallax effect */
}

.hero .title, .hero .subtitle {
  color: #fff;
}

.navbar.is-fixed-top {
  background-color: rgba(10, 10, 10, 0.85);
  /* Slightly darker for better contrast */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Ensure navbar text and brand title is readable and white */
.navbar-item, .navbar-item a, .navbar-brand a, .navbar-brand .title {
  color: #fff;
}

.navbar-item a:hover {
  color: #209cee;
}

/* Set logo icon to the new highlight color */
.navbar-brand .fa-circle-nodes {
  color: #5f4dea !important;
}

.footer .footer-links a {
  margin: 0 10px;
}

/* Sign-up card styling */
.signup-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #ededed;
  padding: 2rem;
  border-radius: 6px;
}

.signup-card .card-title {
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.signup-card .card-price {
  font-size: 2.5rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
}

.signup-card .card-price-period {
  font-size: 1rem;
  color: #7a7a7a;
}

.signup-card .card-description {
  flex-grow: 1;
  margin-bottom: 1.5rem;
}

.bundle-card {
  border: 3px solid #5f4dea;
}

.best-value-banner {
  background-color: #5f4dea;
  color: white;
  text-align: center;
  padding: 0.5rem;
  margin: -2rem -2rem 1.5rem -2rem;
  border-radius: 0;
  font-weight: bold;
}