:root {
  --spacing-lg: 1.5rem;
  --spacing-md: 1rem;
  --spacing-sm: 0.75rem;
  --spacing-xl: 2rem;
  --spacing-xs: 0.5rem;
  --color-scrim: color-mix(in oklab, #000000 65%, transparent);
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 5rem;
  --color-accent: #9b59b6;
  --color-border: color-mix(in oklab, var(--color-neutral) 60%, transparent);
  --font-size-lg: clamp(1.125rem, 1.05rem + 0.2vw, 1.25rem);
  --font-size-sm: clamp(0.875rem, 0.86rem + 0.03vw, 0.95rem);
  --font-size-xl: clamp(1.375rem, 1.3rem + 0.3vw, 1.5rem);
  --font-size-xs: clamp(0.75rem, 0.72rem + 0.02vw, 0.85rem);
  --color-neutral: #bfb5aa;
  --color-outline: color-mix(in oklab, var(--color-neutral) 75%, transparent);
  --color-overlay: color-mix(in oklab, #000000 40%, transparent);
  --color-primary: #59190f;
  --color-surface: #efe6db;
  --divider-value: 1px solid var(--color-outline);
  --font-size-2xl: clamp(1.75rem, 1.6rem + 0.6vw, 2rem);
  --font-size-3xl: clamp(2.5rem, 2.2rem + 1.2vw, 3rem);
  --font-size-4xl: clamp(4rem, 3.6rem + 1.8vw, 5rem);
  --font-size-base: 1rem;
  --gradient_btn_1: linear-gradient(135deg, #ce912c 0%, #e27a1b 100%);
  --shadow-level-1: 0 4px 16px rgba(255, 255, 255, 0.1);
  --shadow-level-2: 0 8px 32px rgba(255, 255, 255, 0.15);
  --shadow-level-3: 0 16px 64px rgba(255, 255, 255, 0.2);
  --color-backplate: color-mix(in oklab, #000000 55%, transparent);
  --color-on-accent: #ffffff;
  --color-secondary: #e27a1b;
  --border-radius-lg: 24px;
  --border-radius-md: 16px;
  --border-radius-sm: 8px;
  --border-radius-xl: 32px;
  --color-on-primary: #ffffff;
  --color-on-surface: #2a1d16;
  --font-family-body: "Roboto", system-ui, -apple-system, "Segoe UI",
      "Helvetica Neue", Arial, sans-serif;
  --font-weight-body: 400;
  --line-height-body: 1.6;
  --content-max-width: 80rem;
  --border-radius-card: var(--border-radius-lg);
  --border-radius-full: 9999px;
  --border-radius-none: 0px;
  --color-on-secondary: #ffffff;
  --contact-spacing-lg: 32px;
  --contact-spacing-md: 24px;
  --contact-spacing-sm: 16px;
  --contact-spacing-xl: 48px;
  --font-style-heading: normal;
  --font-weight-medium: 500;
  --contact-color-white: #ffffff;
  --contact-spacing-2xl: 60px;
  --contact-spacing-3xl: 80px;
  --contact-spacing-4xl: 100px;
  --font-family-heading: "Red Hat Display", system-ui, -apple-system,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-weight-heading: 600;
  --letter-spacing-body: 0.4px;
  --line-height-heading: 1.25;
  --dl-layout-size-large: 144px;
  --dl-layout-size-small: 48px;
  --dl-layout-space-unit: 16px;
  --border-radius-control: var(--border-radius-md);
  --contact-color-neutral: #e8e5e0;
  --contact-color-primary: #5a9b8e;
  --contact-color-twitter: #000000;
  --contact-color-youtube: #ff0000;
  --dl-layout-size-medium: 96px;
  --dl-layout-size-xlarge: 192px;
  --dl-layout-size-xsmall: 16px;
  --font-style-subheading: normal;
  --color-surface-elevated: color-mix(
      in oklab,
      var(--color-surface) 92%,
      var(--color-secondary)
    );
  --contact-color-bg-light: #f8f6f3;
  --contact-color-facebook: #1877f2;
  --contact-color-whatsapp: #25d366;
  --dl-color-theme-accent1: #FFFFFF;
  --dl-color-theme-accent2: #F5D1B0;
  --dl-layout-size-xxlarge: 288px;
  --letter-spacing-heading: 0.2px;
  --text-transform-heading: none;
  --contact-color-bg-subtle: #f0f4f3;
  --contact-color-instagram: #e4405f;
  --contact-color-secondary: #7db5a6;
  --contact-transition-base: all 0.3s ease;
  --dl-color-theme-primary1: #BF4408;
  --dl-color-theme-primary2: #E65103;
  --dl-layout-size-maxwidth: 1400px;
  --contact-border-radius-lg: 20px;
  --contact-border-radius-md: 16px;
  --contact-border-radius-sm: 12px;
  --contact-border-radius-xl: 24px;
  --contact-color-text-muted: #7a8c8a;
  --dl-layout-radius-radius4: 4px;
  --dl-layout-space-halfunit: 8px;
  --dl-layout-space-sixunits: 96px;
  --dl-layout-space-twounits: 32px;
  --dl-color-theme-secondary1: #FFFFFF;
  --dl-color-theme-secondary2: #FBF1EB;
  --dl-layout-space-fiveunits: 80px;
  --dl-layout-space-fourunits: 64px;
  --color-on-surface-secondary: #7e6b5a;
  --contact-color-neutral-dark: #c9c3ba;
  --contact-color-text-primary: #2c3e3c;
  --dl-layout-space-threeunits: 48px;
  --dl-color-theme-neutral-dark: #191818;
  --dl-layout-radius-cardradius: 8px;
  --contact-color-text-secondary: #5a6b69;
  --dl-color-theme-neutral-light: #FBFAF9;
  --dl-layout-radius-imageradius: 8px;
  --dl-layout-radius-inputradius: 24px;
  --dl-layout-radius-buttonradius: 24px;
  --dl-color-testing-color-primary: #ce912cff;
  --dl-layout-space-oneandhalfunits: 24px;
}
 
.button {
  color: var(--dl-color-theme-neutral-dark);
  display: inline-block;
  padding: 0.5rem 1rem;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: 4px;
  background-color: var(--dl-color-theme-neutral-light);
}
 
.input {
  color: var(--dl-color-theme-neutral-dark);
  cursor: auto;
  padding: 0.5rem 1rem;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: 4px;
  background-color: var(--dl-color-theme-neutral-light);
}
 
.textarea {
  color: var(--dl-color-theme-neutral-dark);
  cursor: auto;
  padding: 0.5rem;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: 4px;
  background-color: var(--dl-color-theme-neutral-light);
}
 
.list {
  width: 100%;
  margin: 1em 0px 1em 0px;
  display: block;
  padding: 0px 0px 0px 1.5rem;
  list-style-type: none;
  list-style-position: outside;
}
 
.list-item {
  display: list-item;
}
 
.teleport-show {
  display: flex !important;
}
 
.thq-input {
  color: var(--dl-color-theme-neutral-dark);
  cursor: auto;
  outline: none;
  padding: 0.5rem 1rem;
  align-self: stretch;
  text-align: center;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  border-radius: 24px;
  background-color: var(--dl-color-theme-neutral-light);
}
 
.thq-input:focus {
  outline: 1px solid var(--dl-color-theme-primary1);
}
 
.thq-button-filled {
  gap: var(--dl-layout-space-halfunit);
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  cursor: pointer;
  display: flex;
  transition: 0.3s;
  align-items: center;
  font-weight: bold;
  padding-top: var(--dl-layout-space-halfunit);
  white-space: nowrap;
  border-color: var(--dl-color-theme-primary1);
  border-width: 1px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 24px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: center;
  background-color: var(--dl-color-theme-primary1);
}
 
.thq-button-filled:hover {
  fill: var(--dl-color-theme-secondary2);
  color: var(--dl-color-theme-secondary2);
  border-color: var(--dl-color-theme-primary2);
  background-color: var(--dl-color-theme-primary2);
}
 
.thq-button-outline {
  gap: var(--dl-layout-space-halfunit);
  fill: var(--dl-color-theme-primary1);
  color: var(--dl-color-theme-primary1);
  border: 1px solid;
  cursor: pointer;
  display: flex;
  transition: 0.3s;
  align-items: center;
  font-weight: bold;
  padding-top: var(--dl-layout-space-halfunit);
  white-space: nowrap;
  border-color: linear-gradient(to right, #FFD200 0%, #F7B500 50%, #FF8C00 100%);
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 24px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: center;
}
 
.thq-button-outline:hover {
  fill: var(--dl-color-theme-secondary2);
  color: var(--dl-color-theme-secondary2);
  border-color: var(--dl-color-theme-primary2);
  background-color: var(--dl-color-theme-primary2);
}
 
.thq-button-flat {
  gap: var(--dl-layout-space-halfunit);
  fill: var(--dl-color-theme-primary1);
  color: var(--dl-color-theme-primary1);
  cursor: pointer;
  display: flex;
  transition: 0.3s;
  align-items: center;
  font-weight: bold;
  padding-top: var(--dl-layout-space-halfunit);
  white-space: nowrap;
  border-color: transparent;
  border-width: 1px;
  padding-left: var(--dl-layout-space-oneandhalfunits);
  border-radius: 24px;
  padding-right: var(--dl-layout-space-oneandhalfunits);
  padding-bottom: var(--dl-layout-space-halfunit);
  justify-content: center;
}
 
.thq-button-flat:hover {
  fill: var(--dl-color-theme-secondary1);
  color: var(--dl-color-theme-secondary1);
  border-color: var(--dl-color-theme-primary2);
  background-color: var(--dl-color-theme-primary2);
}
 
.thq-heading-1 {
  font-size: 48px;
  font-family: STIX Two Text;
  font-weight: 700;
  line-height: 1.5;
}
 
.thq-heading-2 {
  font-size: 35px;
  font-family: STIX Two Text;
  font-weight: 600;
  line-height: 1.5;
}
 
.thq-heading-3 {
  font-size: 26px;
  font-family: STIX Two Text;
  font-weight: 600;
  line-height: 1.5;
}
 
.thq-body-large {
  font-size: 18px;
  font-family: Noto Sans;
  line-height: 1.5;
}
 
.thq-body-small {
  font-size: 13;
  font-family: Noto Sans;
  line-height: 1.5;
}
 
.thq-team-image-round {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}
 
.thq-section-padding {
  width: 100%;
  display: flex;
  padding: var(--dl-layout-space-fiveunits);
  position: relative;
  align-items: center;
  flex-direction: column;
}
 
.thq-section-max-width {
  width: 100%;
  max-width: var(--dl-layout-size-maxwidth);
}
 
.thq-img-ratio-1-1 {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 8px;
}
 
.thq-img-ratio-16-9 {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
 
.thq-img-ratio-4-3 {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4/3;
  border-radius: 8px;
}
 
.thq-img-ratio-4-6 {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4/6;
  border-radius: 8px;
}
 
.thq-img-round {
  width: 100%;
  border-radius: 50%;
}
 
.thq-flex-column {
  gap: var(--dl-layout-space-twounits);
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-direction: column;
}
 
.thq-flex-row {
  gap: var(--dl-layout-space-twounits);
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
}
 
.thq-grid-6 {
  display: grid;
  grid-gap: var(--dl-layout-space-twounits);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
 
.thq-grid-5 {
  display: grid;
  grid-gap: var(--dl-layout-space-twounits);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
 
.thq-card {
  gap: var(--dl-layout-space-oneandhalfunits);
  display: flex;
  padding: var(--dl-layout-space-twounits);
  align-items: stretch;
  border-radius: 8px;
  flex-direction: column;
}
 
.thq-box-shadow {
  box-shadow: 0px 0px 5px -2px var(--dl-color-theme-neutral-dark);
}
 
.thq-grid-3 {
  display: grid;
  grid-gap: var(--dl-layout-space-twounits);
  grid-template-columns: 1fr 1fr 1fr;
}
 
.thq-grid-4 {
  display: grid;
  grid-gap: var(--dl-layout-space-twounits);
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
 
.thq-grid-2 {
  width: 100%;
  display: grid;
  grid-gap: var(--dl-layout-space-twounits);
  grid-template-columns: 1fr 1fr;
}
 
.thq-checkbox {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.thq-select {
  cursor: pointer;
  appearance: none;
  padding-top: var(--dl-layout-space-halfunit);
  padding-left: var(--dl-layout-space-unit);
  border-radius: 24px;
  padding-right: var(--dl-layout-space-twounits);
  padding-bottom: var(--dl-layout-space-halfunit);
  background-color: var(--dl-color-theme-neutral-light);
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg width%3D%2220%22 height%3D%2220%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 20 20%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M4.293 7.293a1 1 0 011.414 0L10 11.586l4.293-4.293a1 1 0 111.414 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right 8px center;
}
 
.thq-divider-horizontal {
  width: 100%;
  height: 1px;
  background-color: var(--dl-color-theme-neutral-dark);
}
 
.thq-icon-small {
  width: 24px;
  height: 24px;
}
 
.thq-button-icon {
  fill: var(--dl-color-theme-secondary1);
  padding: 3px;
  transition: 0.3s;
  border-radius: 50%;
}
 
.thq-button-icon:hover {
  fill: var(--dl-color-theme-secondary2);
}
 
.thq-icon-medium {
  width: var(--dl-layout-size-small);
  height: var(--dl-layout-size-small);
}
 
.thq-icon-x-small {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.thq-link {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  background: #fff;
  transition: background-position 300ms ease;
  font-weight: 600;
  background-clip: text;
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-text-fill-color: transparent;
}
 
.thq-link:hover {
  background-position: 0 100%;
}
 
.thq-grid-auto-300 {
  display: grid;
  grid-gap: var(--dl-layout-space-oneandhalfunits);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
 
.thq-animated-group-vertical-reverse {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  animation: scroll-y 20s linear infinite;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-around;
  animation-direction: reverse;
}
 
.thq-animated-group-horizontal-reverse {
  gap: var(--dl-layout-space-unit);
  display: flex;
  animation: scroll-x 20s linear infinite;
  min-width: 100%;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-around;
  animation-direction: reverse;
}
 
.thq-animated-group-vertical {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: flex;
  animation: scroll-y 20s linear infinite;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-around;
}
 
.thq-animated-group-horizontal {
  gap: var(--dl-layout-space-unit);
  display: flex;
  animation: scroll-x 20s linear infinite;
  min-width: 100%;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-around;
}
 
.thq-animated-group-container-vertical {
  gap: var(--dl-layout-space-unit);
  display: flex;
  overflow: hidden;
  flex-direction: column;
}
 
.thq-animated-group-container-horizontal {
  gap: var(--dl-layout-space-unit);
  display: flex;
  overflow: hidden;
}
 
.thq-mask-image-vertical {
  mask-image: linear-gradient(to bottom, transparent, black 1%, black 99%, transparent);
}
 
.thq-mask-image-horizontal {
  mask-image: linear-gradient(to right, transparent, black 1%, black 99%, transparent);
}
 
.thq-img-scale {
  transition: 0.3s;
}
 
.thq-img-scale:hover {
  scale: 1.05;
}
 
.thq-animated-card-bg-1 {
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
  border-radius: 8px;
  background-color: var(--dl-color-theme-accent1);
}
 
.thq-animated-card-bg-2 {
  transition: transform 0.3s;
  border-radius: 8px;
  background-color: var(--dl-color-theme-accent2);
}
 
.thq-button-animated {
  outline: none;
  z-index: 1;
  overflow: hidden;
  position: relative;
  border-width: 2px;
}
 
.thq-input::placeholder {
  text-align: center;
  vertical-align: middle;
}
 
.thq-animated-group-container-vertical:hover div {
  animation-play-state: paused;
}
 
.thq-animated-group-container-horizontal:hover div {
  animation-play-state: paused;
}
 
.thq-animated-card-bg-2:has([data-animated="true"]:hover) {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(3deg) skew(0deg, 0deg);
}
 
.thq-animated-card-bg-1:has([data-animated="true"]:hover) {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-6deg) skew(0deg, 0deg);
}
 
.thq-button-animated:before {
  top: 0;
  left: -20%;
  color: var(--dl-color-theme-neutral-light);
  width: 200%;
  height: 101%;
  content: "";
  z-index: 1;
  position: absolute;
  transform: scaleX(0);
  transition: transform 0.5s;
  border-radius: 24px;
  background-color: var(--dl-color-theme-neutral-dark);
  transform-origin: 0 0;
  transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
}
 
.thq-button-animated:hover::before {
  color: var(--dl-color-theme-neutral-light);
  z-index: -1;
  transform: scaleX(1);
}
 
.btn {
  gap: var(--spacing-xs);
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  box-shadow: var(--shadow-level-1);
  text-align: center;
  transition: all 0.2s ease-in-out;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-body);
  user-select: none;
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  justify-content: center;
  text-decoration: none;
}
 
.btn-primary {
  color: var(--color-on-primary);
  background: var(--color-secondary);
  border-color: var(--color-primary);
}
 
.btn-secondary {
  color: var(--color-on-secondary);
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}
 
.btn-accent {
  color: var(--color-on-accent);
  border-color: var(--color-accent);
  background-color: var(--color-accent);
}
 
.btn-outline {
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  background-color: var(--color-surface);
}
 
.btn-link {
  color: var(--color-primary);
  box-shadow: none;
  border-color: transparent;
  text-decoration: underline;
  background-color: transparent;
}
 
.btn-sm {
  padding: var(--spacing-sm) var(--spacing-md);
}
 
.btn-lg {
  padding: var(--spacing-lg) var(--spacing-xl);
}
 
.btn-xl {
  padding: var(--spacing-xl) var(--spacing-2xl);
}
 
.section-title {
  font-size: var(--font-size-3xl);
  font-style: var(--font-style-heading);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: var(--text-transform-heading);
}
 
.section-subtitle {
  opacity: 0.85;
  font-size: var(--font-size-lg);
  font-style: var(--font-style-subheading);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.section-content {
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.hero-title {
  font-size: var(--spacing-3xl);
  font-style: var(--font-style-heading);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: var(--text-transform-heading);
}
 
.hero-subtitle {
  opacity: 0.85;
  font-size: var(--font-size-lg);
  font-style: var(--font-style-subheading);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
}
 
.btn:focus-visible {
  outline: 2px solid var(--color-outline);
  outline-offset: 2px;
}
 
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
 
.btn-primary:hover:not(:disabled) {
  border-color: color-mix(
      in oklab,
      var(--color-primary) 90%,
      var(--color-surface)
    );
  background-color: color-mix(
      in oklab,
      var(--color-primary) 90%,
      var(--color-surface)
    );
}
 
.btn-secondary:hover:not(:disabled) {
  border-color: color-mix(
      in oklab,
      var(--color-secondary) 90%,
      var(--color-surface)
    );
  background-color: color-mix(
      in oklab,
      var(--color-secondary) 90%,
      var(--color-surface)
    );
}
 
.btn-accent:hover:not(:disabled) {
  border-color: color-mix(
      in oklab,
      var(--color-accent) 90%,
      var(--color-surface)
    );
  background-color: color-mix(
      in oklab,
      var(--color-accent) 90%,
      var(--color-surface)
    );
}
 
.btn-outline:hover:not(:disabled) {
  color: var(--color-on-primary);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
 
.btn-link:hover:not(:disabled) {
  color: color-mix(in oklab, var(--color-primary) 80%, black);
  text-decoration: underline;
}
 
.navigation {
  top: 0;
  left: 0;
  right: 0;
  padding: var(--spacing-md) var(--spacing-xl);
  z-index: 1000;
  position: fixed;
  background: #22150f;
  transition: all 0.4s ease;
  backdrop-filter: blur(24px);
}
 
.navigation-container {
  gap: var(--spacing-xl);
  margin: 0 auto;
  display: flex;
  max-width: var(--content-max-width);
  align-items: center;
  justify-content: space-between;
}
 
.navigation-logo {
  gap: var(--spacing-sm);
  color: var(--color-surface);
  display: flex;
  transition: all 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}
 
.navigation-links {
  gap: var(--spacing-md);
  margin: 0;
  display: flex;
  padding: 0;
  flex-wrap: nowrap;
  list-style: none;
  align-items: center;
}
 
.navigation-toggle {
  color: var(--color-surface);
  border: none;
  cursor: pointer;
  display: none;
  padding: var(--spacing-xs);
  background: transparent;
  transition: all 0.3s ease;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
}
 
.navigation-logo-icon {
  color: var(--color-surface);
  width: 32px;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));
  height: 32px;
}
 
.navigation-brand {
  color: var(--color-surface);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  letter-spacing: 0.5px;
}
 
.navigation-link {
  color: var(--color-surface);
  display: block;
  padding: var(--spacing-xs) var(--spacing-sm);
  position: relative;
  font-size: var(--font-size-sm);
  transition: all 0.3s ease;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-md);
  letter-spacing: 0.3px;
  text-decoration: none;
}
 
.navigation-mobile {
  inset: 0;
  display: none;
  z-index: 1100;
  position: fixed;
  transform: translateX(100%);
  background: var(--color-surface);
  min-height: 100vh;
  overflow-y: auto;
  transition: transform 0.4s ease;
  padding-bottom: var(--spacing-3xl);
}
 
.navigation-mobile-header {
  top: 0;
  display: flex;
  padding: var(--spacing-lg) var(--spacing-xl);
  z-index: 1110;
  position: sticky;
  background: var(--color-surface);
  align-items: center;
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
}
 
.navigation-mobile-links {
  gap: var(--spacing-xs);
  margin: 0;
  display: flex;
  padding: var(--spacing-2xl) var(--spacing-xl);
  list-style: none;
  flex-direction: column;
}
 
.navigation-mobile-logo {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  align-items: center;
  text-decoration: none;
}
 
.navigation-close {
  color: var(--color-on-surface);
  border: none;
  cursor: pointer;
  padding: var(--spacing-xs);
  background: transparent;
  transition: all 0.3s ease;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
}
 
.navigation-mobile-item {
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
 
.navigation-mobile-link {
  color: var(--color-on-surface);
  display: block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-xl);
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-lg);
  letter-spacing: 0.5px;
  text-decoration: none;
}
 
.navigation-logo:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}
 
.navigation-link::after {
  left: 50%;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: var(--color-surface);
  transition: width 0.3s ease;
}
 
.navigation-link:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
}
 
.navigation-link:hover::after {
  width: 80%;
}
 
.navigation-toggle:hover {
  transform: rotate(90deg);
  background: rgba(255, 255, 255, 0.1);
}
 
.navigation-toggle  svg {
  width: 28px;
  height: 28px;
  display: block;
}
 
.navigation-mobile.is-open {
  transform: translateX(0);
}
 
.navigation-mobile.is-open .navigation-mobile-item {
  opacity: 1;
  transform: translateX(0);
}
 
.navigation-mobile.is-open .navigation-mobile-item:nth-child(1) {
  transition-delay: 0.05s;
}
 
.navigation-mobile.is-open .navigation-mobile-item:nth-child(2) {
  transition-delay: 0.1s;
}
 
.navigation-mobile.is-open .navigation-mobile-item:nth-child(3) {
  transition-delay: 0.15s;
}
 
.navigation-mobile.is-open .navigation-mobile-item:nth-child(4) {
  transition-delay: 0.2s;
}
 
.navigation-mobile.is-open .navigation-mobile-item:nth-child(5) {
  transition-delay: 0.25s;
}
 
.navigation-mobile.is-open .navigation-mobile-item:nth-child(6) {
  transition-delay: 0.3s;
}
 
.navigation-mobile.is-open .navigation-mobile-item:nth-child(7) {
  transition-delay: 0.35s;
}
 
.navigation-mobile-logo  .navigation-logo-icon {
  color: var(--color-primary);
  filter: drop-shadow(0 0 8px rgba(var(--color-primary), 0.3));
}
 
.navigation-mobile-logo  .navigation-brand {
  color: var(--color-on-surface);
}
 
.navigation-close:hover {
  transform: rotate(90deg);
  background: var(--color-surface-elevated);
}
 
.navigation-close  svg {
  display: block;
}
 
.navigation-mobile-link:hover {
  background: var(--color-surface-elevated);
  padding-left: var(--spacing-xl);
  border-left-color: var(--color-primary);
}
 
.footer {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-2xl);
}
 
.footer-background-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}
 
.footer-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  background: linear-gradient(90deg, hsla(8, 71%, 20%, 1) 0%, hsla(8, 88%, 22%, 1) 100%);
  backdrop-filter: blur(24px);
}
 
.footer-content {
  color: var(--color-surface);
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
  z-index: 3;
  position: relative;
  max-width: var(--content-max-width);
}
 
.footer-grid {
  gap: var(--spacing-3xl);
  display: flex;
  margin-bottom: var(--spacing-3xl);
}
 
.footer-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--color-surface) 30%, transparent) 50%,
      transparent
    );
  margin-bottom: var(--spacing-xl);
}
 
.footer-bottom {
  gap: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
.footer-column {
  flex: 1;
  min-width: 0;
}
 
.footer-brand-column {
  flex: 1.5;
}
 
.footer-copyright {
  color: var(--color-surface);
  margin: 0;
  opacity: 0.75;
  font-size: var(--font-size-sm);
}
 
.footer-legal-links {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
}
 
.footer-brand {
  margin-bottom: var(--spacing-lg);
}
 
.footer-brand-description {
  color: var(--color-surface);
  margin: 0 0 var(--spacing-xl) 0;
  opacity: 0.85;
  font-size: var(--font-size-base);
  line-height: 1.7;
}
 
.footer-social-links {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
}
 
.footer-column-title {
  color: var(--color-surface);
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
 
.footer-links-list {
  gap: var(--spacing-sm);
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.footer-contact-list {
  gap: var(--spacing-md);
  margin: 0 0 var(--spacing-xl) 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.footer-newsletter {
  border: 1px solid color-mix(in srgb, var(--color-surface) 15%, transparent);
  padding: var(--spacing-lg);
  background: var(--color-backplate);
  border-radius: var(--border-radius-lg);
  backdrop-filter: blur(12px);
}
 
.footer-legal-link {
  color: var(--color-surface);
  opacity: 0.75;
  font-size: var(--font-size-sm);
  transition: all 0.3s ease;
  text-decoration: none;
}
 
.footer-legal-separator {
  color: var(--color-surface);
  opacity: 0.4;
  font-size: var(--font-size-sm);
}
 
.footer-logo-text {
  gap: var(--spacing-md);
  color: var(--color-surface);
  display: flex;
  font-size: var(--font-size-2xl);
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-sm);
  letter-spacing: 0.02em;
}
 
.footer-brand-tagline {
  color: var(--color-surface);
  margin: 0;
  opacity: 0.9;
  font-size: var(--font-size-sm);
  font-style: italic;
}
 
.footer-social-link {
  color: var(--color-surface);
  width: 54px;
  border: 1px solid color-mix(in srgb, var(--color-surface) 15%, transparent);
  height: 54px;
  display: flex;
  background: var(--color-backplate);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
  backdrop-filter: blur(16px);
  justify-content: center;
}
 
.footer-contact-item {
  gap: var(--spacing-sm);
  display: flex;
  align-items: flex-start;
}
 
.footer-newsletter-text {
  color: var(--color-surface);
  margin: 0 0 var(--spacing-md) 0;
  opacity: 0.9;
  font-size: font-size-md;
  font-weight: var(--font-weight-medium);
}
 
.footer-newsletter-form {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.footer-link {
  color: var(--color-surface);
  display: inline-block;
  opacity: 0.85;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.3s ease;
  text-decoration: none;
}
 
.footer-contact-icon {
  color: var(--color-accent);
  width: 24px;
  height: 24px;
  display: flex;
  margin-top: 2px;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.footer-contact-link {
  color: var(--color-surface);
  opacity: 0.85;
  font-size: var(--font-size-base);
  transition: all 0.3s ease;
  line-height: 1.6;
  text-decoration: none;
}
 
.footer-contact-text {
  color: var(--color-surface);
  display: block;
  opacity: 0.85;
  font-size: var(--font-size-base);
  transition: all 0.3s ease;
  line-height: 1.6;
  text-decoration: none;
}
 
.footer-newsletter-input {
  color: var(--color-surface);
  width: 100%;
  border: 1px solid color-mix(in srgb, var(--color-surface) 20%, transparent);
  margin: var(--spacing-sm) auto;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: color-mix(in srgb, var(--color-surface) 10%, transparent);
  box-sizing: border-box;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.footer-newsletter-button {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  margin-top: var(--spacing-sm);
  min-height: 44px;
}
 
.footer-background-image  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
 
.footer-social-link:hover {
  transform: translateY(-3px);
  background: #e17a1a;
  box-shadow: 0 8px 24px
      color-mix(in srgb, var(--color-primary) 30%, transparent);
  border-color: #e17a1a;
}
 
.footer-social-link  svg {
  width: 20px;
  height: 20px;
}
 
.footer-link::after {
  left: 0;
  width: 0;
  bottom: -2px;
  height: 2px;
  content: "";
  position: absolute;
  background: #e17a1a;
  transition: width 0.3s ease;
}
 
.footer-link:hover {
  color: #e17a1a;
  opacity: 1;
  transform: translateX(4px);
}
 
.footer-link:hover::after {
  width: 100%;
}
 
.footer-contact-icon  svg {
  width: 20px;
  height: 20px;
}
 
.footer-contact-link:hover {
  color: var(--color-accent);
  opacity: 1;
}
 
.footer-newsletter-input::placeholder {
  color: var(--color-surface);
  opacity: 0.5;
}
 
.footer-newsletter-input:focus {
  outline: none;
  background: color-mix(in srgb, var(--color-surface) 15%, transparent);
  border-color: var(--color-accent);
}
 
.footer-legal-link:hover {
  color: var(--color-accent);
  opacity: 1;
}
 
.hero-section {
  width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}
 
.hero-video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  object-fit: cover;
}
 
.hero-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  background: var(--color-scrim);
}
 
.hero-content {
  color: var(--color-surface);
  padding: var(--spacing-xl);
  z-index: 3;
  position: relative;
  max-width: 900px;
  text-align: center;
}
 
.home-hero-subtitle {
  color: var(--color-surface);
  margin: var(--spacing-lg) auto;
  opacity: 0.95;
  max-width: 700px;
}
 
.hero-actions {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-2xl);
  justify-content: center;
}
 
.live-courses-section {
  padding: var(--spacing-4xl) auto;
  background: var(--color-surface);
}
 
.live-courses-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.home-section-subtitle {
  color: var(--color-on-surface-secondary);
  margin: var(--spacing-md) auto var(--spacing-3xl);
  max-width: 700px;
  text-align: center;
}
 
.live-courses-grid {
  gap: var(--spacing-xl);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
 
.live-course-card {
  overflow: hidden;
  background: var(--color-surface-elevated);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
}
 
.live-course-image-wrapper {
  width: 100%;
  height: 240px;
  overflow: hidden;
  position: relative;
}
 
.live-course-content {
  padding: var(--spacing-lg);
}
 
.live-course-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.live-course-badge {
  top: var(--spacing-md);
  color: var(--color-on-accent);
  right: var(--spacing-md);
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-sm);
  background: var(--color-accent);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-lg);
}
 
.live-course-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-sm);
}
 
.live-course-description {
  color: var(--color-on-surface-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}
 
.live-course-meta {
  gap: var(--spacing-sm);
  display: flex;
  margin-bottom: var(--spacing-lg);
  flex-direction: column;
}
 
.live-course-meta-item {
  gap: var(--spacing-sm);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
}
 
.selfpaced-section {
  padding: var(--spacing-4xl) 0;
  background: linear-gradient(
      135deg,
      color-mix(in srgb, var(--color-primary) 5%, transparent),
      transparent
    );
}
 
.selfpaced-container {
  width: 100%;
  padding: 0 var(--spacing-xl);
}
 
.selfpaced-accordion {
  gap: var(--spacing-md);
  margin: 0 auto;
  display: flex;
  max-width: 1200px;
  flex-direction: column;
}
 
.selfpaced-item {
  border: 1px solid var(--color-border);
  overflow: hidden;
  background: var(--color-surface-elevated);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-card);
  backdrop-filter: blur(20px);
}
 
.selfpaced-summary {
  cursor: pointer;
  display: flex;
  padding: var(--spacing-lg) var(--spacing-xl);
  list-style: none;
  align-items: center;
  user-select: none;
  justify-content: space-between;
}
 
.selfpaced-content {
  gap: var(--spacing-xl);
  display: flex;
  padding: 0 var(--spacing-xl) var(--spacing-xl);
}
 
.selfpaced-summary-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
}
 
.selfpaced-icon {
  color: var(--color-primary);
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
 
.selfpaced-image {
  width: 280px;
  height: 200px;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
}
 
.selfpaced-details {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.selfpaced-description {
  color: var(--color-on-surface-secondary);
  line-height: 1.6;
}
 
.selfpaced-features {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.selfpaced-feature {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
}
 
.about-section {
  padding: var(--spacing-4xl) 0;
  background: var(--color-surface);
}
 
.about-container {
  width: 100%;
  padding: 0 var(--spacing-xl);
}
 
.about-grid {
  gap: var(--spacing-xl);
  margin: 0 auto;
  display: grid;
  max-width: 1400px;
  grid-template-columns: repeat(2, 1fr);
}
 
.about-item {
  display: flex;
  overflow: hidden;
  position: relative;
  min-height: 400px;
  align-items: center;
  border-radius: var(--border-radius-card);
  justify-content: center;
}
 
.about-mission {
  padding: var(--spacing-2xl);
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-secondary)
    );
}
 
.about-founder {
  position: relative;
}
 
.about-approach {
  padding: var(--spacing-2xl);
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-secondary)
    );
}
 
.about-content-wrapper {
  max-width: 500px;
}
 
.about-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  object-fit: cover;
}
 
.about-overlay {
  left: 0;
  color: var(--color-surface);
  width: 100%;
  bottom: 0;
  padding: var(--spacing-xl);
  z-index: 2;
  position: absolute;
  background: var(--color-scrim);
}
 
.about-text {
  color: var(--color-on-primary);
  opacity: 0.95;
  line-height: 1.7;
}
 
.about-founder-name {
  color: var(--color-surface);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-xs);
}
 
.about-founder-title {
  color: var(--color-surface);
  opacity: 0.9;
  font-size: var(--font-size-lg);
  margin-bottom: var(--spacing-sm);
}
 
.about-founder-bio {
  color: var(--color-surface);
  opacity: 0.85;
  line-height: 1.6;
}
 
.testimonials-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  background: var(--color-surface-elevated);
}
 
.testimonials-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.testimonials-carousel {
  position: relative;
  margin-top: var(--spacing-3xl);
}
 
.testimonials-nav {
  top: 50%;
  width: 48px;
  border: 1px solid var(--color-border);
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 2;
  position: absolute;
  transform: translateY(-50%);
  background: var(--color-surface);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.testimonials-prev {
  left: calc(var(--spacing-xl) * -1);
}
 
.testimonials-track {
  gap: var(--spacing-xl);
  display: flex;
  overflow-x: auto;
  padding-bottom: var(--spacing-md);
  scroll-behavior: smooth;
  scrollbar-width: none;
}
 
.testimonials-next {
  right: calc(var(--spacing-xl) * -1);
}
 
.testimonial-card {
  gap: var(--spacing-lg);
  flex: 0 0 calc(50% - var(--spacing-lg));
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-xl);
  background: var(--color-surface);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.testimonial-video {
  position: relative;
}
 
.testimonial-icon {
  color: var(--color-primary);
  width: 48px;
  height: 48px;
  opacity: 0.3;
}
 
.testimonial-text {
  flex: 1;
  color: var(--color-on-surface);
  line-height: 1.7;
}
 
.testimonial-author {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
}
 
.testimonial-video-wrapper {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-md);
}
 
.testimonial-video-info {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.testimonial-avatar {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: var(--border-radius-full);
}
 
.testimonial-info {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.testimonial-video-element {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.testimonial-play-button {
  top: 50%;
  left: 50%;
  width: 72px;
  border: none;
  cursor: pointer;
  height: 72px;
  display: flex;
  z-index: 2;
  position: absolute;
  transform: translate(-50%, -50%);
  background: var(--color-scrim);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(16px);
  justify-content: center;
}
 
.testimonial-name {
  color: var(--color-on-surface);
  font-weight: var(--font-weight-medium);
}
 
.testimonial-course {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
}
 
.testimonial-rating {
  gap: 4px;
  display: flex;
}
 
.nirvana-app-section {
  width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}
 
.nirvana-app-video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  object-fit: cover;
}
 
.nirvana-app-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  background: var(--color-backplate);
}
 
.nirvana-app-content {
  color: var(--color-surface);
  padding: var(--spacing-xl);
  z-index: 3;
  position: relative;
  max-width: 900px;
  text-align: center;
}
 
.nirvana-app-description {
  color: var(--color-surface);
  margin: var(--spacing-lg) auto var(--spacing-2xl);
  opacity: 0.95;
  max-width: 700px;
  line-height: 1.7;
}
 
.nirvana-app-features {
  gap: var(--spacing-md);
  margin: 0 auto var(--spacing-2xl);
  display: grid;
  max-width: 600px;
  grid-template-columns: repeat(2, 1fr);
}
 
.nirvana-app-actions {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
 
.nirvana-app-feature {
  gap: var(--spacing-sm);
  color: var(--color-surface);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  padding: var(--spacing-md);
  background: rgba(255, 255, 255, 0.1);
  align-items: center;
  border-radius: var(--border-radius-md);
  backdrop-filter: blur(10px);
}
 
.cta-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  background: var(--color-surface);
}
 
.cta-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.cta-split {
  gap: var(--spacing-3xl);
  display: flex;
}
 
.cta-content {
  flex: 1;
}
 
.cta-contact {
  flex: 1;
}
 
.cta-text {
  color: var(--color-on-surface-secondary);
  margin: var(--spacing-lg) 0 var(--spacing-2xl);
  line-height: 1.7;
}
 
.cta-stats {
  gap: var(--spacing-xl);
  display: flex;
  margin-bottom: var(--spacing-2xl);
}
 
.cta-contact-card {
  gap: var(--spacing-lg);
  border: 1px solid var(--color-border);
  height: 100%;
  display: flex;
  padding: var(--spacing-2xl);
  background: var(--color-surface-elevated);
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.cta-stat {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.cta-contact-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-heading);
}
 
.cta-contact-subtitle {
  color: var(--color-on-surface-secondary);
  line-height: 1.6;
}
 
.cta-contact-methods {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-md);
  flex-direction: column;
}
 
.cta-stat-number {
  color: var(--color-primary);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-heading);
  line-height: 1;
}
 
.cta-stat-label {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
}
 
.cta-contact-item {
  gap: var(--spacing-md);
  color: var(--color-on-surface);
  display: flex;
  padding: var(--spacing-md);
  background: var(--color-surface);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.live-course-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}
 
.live-course-card:hover .live-course-image {
  transform: scale(1.08);
}
 
.live-course-meta-item  svg {
  color: var(--color-primary);
  width: 18px;
  height: 18px;
}
 
.selfpaced-item:hover {
  border-color: var(--color-primary);
}
 
.selfpaced-item[open] .selfpaced-icon {
  transform: rotate(180deg);
}
 
.selfpaced-summary::marker {
  display: none;
}
 
.selfpaced-feature  svg {
  color: var(--color-accent);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
 
.about-mission  .section-title {
  color: var(--color-on-primary);
  margin-bottom: var(--spacing-lg);
}
 
.about-approach  .section-title {
  color: var(--color-on-primary);
  margin-bottom: var(--spacing-lg);
}
 
.testimonials-track::-webkit-scrollbar {
  display: none;
}
 
.testimonial-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
 
.testimonial-rating  svg {
  fill: var(--color-accent);
  color: var(--color-accent);
  width: 16px;
  height: 16px;
}
 
.testimonial-play-button  svg {
  color: var(--color-surface);
  width: 32px;
  height: 32px;
  margin-left: 4px;
}
 
.testimonial-play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
 
.testimonials-nav:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
 
.testimonials-nav:hover svg {
  color: var(--color-on-primary);
}
 
.testimonials-nav  svg {
  color: var(--color-on-surface);
  width: 24px;
  height: 24px;
}
 
.nirvana-app-feature  svg {
  color: var(--color-accent);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
 
.nirvana-app-actions  .btn {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
}
 
.nirvana-app-actions  svg {
  width: 20px;
  height: 20px;
}
 
.cta-contact-item:hover {
  color: var(--color-on-primary);
  background: var(--color-primary);
}
 
.cta-contact-item  svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
 

 
.recorded-courses-section {
  padding: var(--spacing-4xl) 0;
}
 
.hero-spiritual {
  display: flex;
  padding: var(--spacing-4xl) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #2d1b4e 0%, #1a0f2e 50%, #0f0820 100%);
  min-height: 100vh;
  align-items: center;
}
 
.hero-spiritual-container {
  gap: var(--spacing-4xl);
  width: 100%;
  margin: 0 auto;
  display: flex;
  z-index: 3;
  position: relative;
  max-width: var(--content-max-width);
  align-items: center;
}
 
.hero-spiritual-mandala-bg {
  top: 50%;
  left: 50%;
  width: 800px;
  height: 800px;
  opacity: 0.3;
  z-index: 1;
  position: absolute;
  animation: rotateMandalaBg 120s linear infinite;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background-size: 40px 40px;
  background-image: radial-gradient(
      circle,
      color-mix(in srgb, var(--color-primary) 8%, transparent) 1px,
      transparent 1px
    );
}
 
.hero-spiritual-content {
  gap: var(--spacing-xl);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.hero-spiritual-visual {
  flex: 1;
  display: flex;
  position: relative;
  min-height: 500px;
  align-items: center;
  justify-content: center;
}
 
.hero-spiritual-text-wrapper {
  gap: var(--spacing-lg);
  display: flex;
  flex-direction: column;
}
 
.hero-spiritual-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 540px;
  aspect-ratio: 4 / 5;
  border-radius: var(--border-radius-xl);
}
 
.hero-spiritual-pattern-decoration {
  top: -10%;
  right: -10%;
  width: 400px;
  filter: blur(40px);
  height: 400px;
  z-index: 1;
  position: absolute;
  background: radial-gradient(
      circle,
      color-mix(in srgb, var(--color-secondary) 15%, transparent) 0%,
      transparent 60%
    );
  border-radius: 50%;
  pointer-events: none;
}
 
.hero-spiritual-badge {
  gap: var(--spacing-sm);
  color: var(--color-surface);
  width: fit-content;
  border: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
  display: inline-flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: var(--color-backplate);
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(16px);
}
 
.hero-spiritual-cta-group {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-lg);
}
 
.hero-spiritual-features {
  gap: var(--spacing-xl);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-xl);
}
 
.hero-spiritual-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.hero-spiritual-glow-accent {
  inset: 0;
  z-index: 2;
  position: absolute;
  background: radial-gradient(
      circle at 50% 50%,
      color-mix(in srgb, var(--color-primary) 20%, transparent) 0%,
      transparent 70%
    );
  pointer-events: none;
}
 
.hero-spiritual-feature {
  gap: var(--spacing-sm);
  color: var(--color-surface);
  display: flex;
  opacity: 0.85;
  font-size: var(--font-size-sm);
  align-items: center;
}
 
.hero-spiritual-badge  svg {
  color: var(--color-primary);
}
 
.hero-spiritual  .hero-title {
  color: var(--color-surface);
  background: linear-gradient(
      135deg,
      var(--color-surface) 0%,
      var(--color-primary) 100%
    );
  margin-bottom: var(--spacing-md);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.hero-spiritual  .hero-subtitle {
  color: var(--color-surface);
  opacity: 0.9;
  max-width: 560px;
}
 
.hero-spiritual-feature  svg {
  color: var(--color-primary);
  flex-shrink: 0;
}
 

 
.home-hero-spiritual {
  height: 100vh;
  display: flex;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #2d1b4e 0%, #1a0f2e 50%, #0f0820 100%);
  align-items: center;
  border-color: var(--color-on-surface);
  border-style: hidden;
  border-width: 0px;
  border-radius: var(--dl-layout-radius-radius4);
}
 
.home-hero-spiritual-container {
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 3;
  position: relative;
  align-items: stretch;
  flex-direction: row;
}
 
.home-hero-spiritual-content {
  flex: 1;
  display: flex;
  align-items: center;
  padding-left: var(--spacing-4xl);
  justify-content: center;
}
 
.home-hero-spiritual-visual {
  flex: 1;
  display: flex;
  position: relative;
  align-items: center;
  padding-right: var(--spacing-4xl);
  justify-content: center;
}
 
.home-hero-spiritual-text-wrapper {
  gap: var(--spacing-lg);
  display: flex;
  max-width: 600px;
  flex-direction: column;
}
 
.home-hero-spiritual-image-wrapper {
  width: 100%;
  border: 2px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
  overflow: hidden;
  position: relative;
  max-width: 540px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  aspect-ratio: 4 / 5;
  border-style: hidden;
  border-radius: var(--border-radius-xl);
}
 
.home-hero-spiritual-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-color: var(--color-on-surface);
  border-style: hidden;
  border-width: 0px;
  border-radius: var(--dl-layout-radius-radius4);
}
 
.container1 {
  width: 100%;
  margin: 0;
  display: none;
  max-width: none;
}
 
.home-section-title {
  font-size: var(--font-size-3xl);
  font-style: var(--font-style-heading);
  text-align: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: var(--text-transform-heading);
}
 
.carousel-wrapper {
  gap: var(--spacing-lg);
  display: flex;
  position: relative;
  align-items: center;
}
 
.carousel-indicators {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-xl);
  justify-content: center;
}
 
.container2 {
  display: contents;
}
 
.carousel-nav-btn {
  color: var(--color-primary);
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: flex;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: all 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 

 
.live-courses-carousel {
  gap: var(--spacing-xl);
  flex: 1;
  display: flex;
  padding: var(--spacing-md) 0;
  overflow-x: auto;
  touch-action: pan-x;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
}
 

 
.carousel-indicator {
  width: 10px;
  border: none;
  cursor: pointer;
  height: 10px;
  opacity: 0.4;
  padding: 0;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-full);
}
 

 
.home-live-course-card {
  flex: 0 0 calc((100% - (2 * var(--spacing-xl))) / 3);
  overflow: hidden;
  background: var(--color-surface-elevated);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  scroll-snap-align: start;
}
 
.live-courses-carousel::-webkit-scrollbar {
  display: none;
}
 
.carousel-nav-btn:hover {
  color: var(--color-on-primary);
  transform: scale(1.1);
  background: var(--color-primary);
  box-shadow: var(--shadow-level-3);
}
 
.carousel-nav-btn:active {
  transform: scale(0.95);
}
 
.carousel-prev  svg {
  transform: rotate(-90deg);
}
 
.carousel-next  svg {
  transform: rotate(-90deg);
}
 
.carousel-indicator:hover {
  opacity: 0.7;
  transform: scale(1.2);
}
 
.carousel-indicator.active {
  width: 24px;
  opacity: 1;
  background: var(--color-primary);
}
 
.live-courses-carousel-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      135deg,
      color-mix(in srgb, var(--color-primary) 5%, transparent),
      color-mix(in srgb, var(--color-secondary) 3%, transparent)
    );
}
 
.live-courses-carousel-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.carousel-header {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.home-carousel-wrapper {
  gap: var(--spacing-lg);
  display: flex;
  position: relative;
  align-items: center;
}
 
.carousel-pagination {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-2xl);
  justify-content: center;
}
 
.home-carousel-nav-btn {
  top: 50%;
  color: var(--color-on-surface);
  width: 48px;
  border: 2px solid var(--color-border);
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 3;
  position: absolute;
  transform: translateY(-50%);
  background: var(--color-surface-elevated);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(12px);
  justify-content: center;
}
 
.home-carousel-prev {
  left: -24px;
}
 
.carousel-track-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}
 
.home-carousel-next {
  right: -24px;
}
 
.carousel-track {
  gap: var(--spacing-xl);
  display: flex;
  transition: transform 0.5s ease-in-out;
}
 
.carousel-slide {
  flex: 0 0 calc(33.333% - (var(--spacing-xl) * 2 / 3));
  min-width: 0;
}
 
.course-card {
  border: 1px solid var(--color-border);
  height: 100%;
  display: flex;
  overflow: hidden;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
  backdrop-filter: blur(20px);
}
 
.course-image-wrapper {
  width: 100%;
  height: 240px;
  overflow: hidden;
  position: relative;
}
 
.course-content {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.course-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.course-badge {
  top: var(--spacing-md);
  color: var(--color-on-secondary);
  right: var(--spacing-md);
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-sm);
  background: var(--color-secondary);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.course-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.course-description {
  flex: 1;
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.course-instructor {
  gap: var(--spacing-sm);
  color: var(--color-primary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
  font-weight: var(--font-weight-medium);
}
 
.course-meta {
  gap: var(--spacing-lg);
  display: flex;
  border-top: var(--divider-value);
  padding-top: var(--spacing-md);
}
 
.course-cta {
  width: 100%;
  margin-top: var(--spacing-md);
}
 
.course-meta-item {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
}
 
.carousel-dot {
  width: 12px;
  border: none;
  cursor: pointer;
  height: 12px;
  padding: 0;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-full);
}
 
.course-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
}
 
.course-card:hover .course-image {
  transform: scale(1.05);
}
 
.home-carousel-nav-btn:hover {
  color: var(--color-on-primary);
  transform: translateY(-50%) scale(1.1);
  background: var(--color-primary);
  border-color: var(--color-primary);
}
 
.home-carousel-nav-btn:active {
  transform: translateY(-50%) scale(0.95);
}
 
.home-carousel-nav-btn:disabled {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
 
.home-carousel-prev  svg {
  transform: rotate(-90deg);
}
 
.home-carousel-next  svg {
  transform: rotate(90deg);
}
 
.carousel-dot:hover {
  transform: scale(1.2);
  background: var(--color-primary);
}
 
.carousel-dot.active {
  width: 32px;
  background: var(--color-primary);
}
 
.live-workshops-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  position: relative;
  background: var(--color-surface);
}
 
.live-workshops-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.live-workshops-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.workshops-grid {
  gap: var(--spacing-2xl);
  display: flex;
  flex-wrap: wrap;
}
 
.workshop-card {
  flex: 1;
  display: flex;
  overflow: hidden;
  position: relative;
  max-width: calc(33.333% - var(--spacing-2xl) * 2 / 3);
  min-width: 300px;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.workshop-badge {
  gap: var(--spacing-xs);
  top: var(--spacing-md);
  color: var(--color-on-primary);
  right: var(--spacing-md);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-sm);
  background: var(--color-primary);
  box-shadow: var(--shadow-level-2);
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
}
 
.workshop-image-wrapper {
  width: 100%;
  height: 280px;
  overflow: hidden;
  position: relative;
}
 
.workshop-content {
  gap: var(--spacing-md);
  display: flex;
  padding: var(--spacing-xl);
  flex-grow: 1;
  flex-direction: column;
}
 
.workshop-badge-waitlist {
  color: var(--color-on-secondary);
  background: var(--color-secondary);
}
 
.workshop-badge-special {
  color: var(--color-on-accent);
  background: var(--color-accent);
}
 
.workshop-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.workshop-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.workshop-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  flex-grow: 1;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.workshop-meta {
  gap: var(--spacing-lg);
  display: flex;
  padding: var(--spacing-md) 0;
  flex-wrap: wrap;
  border-top: var(--divider-value);
  border-bottom: var(--divider-value);
}
 
.workshop-instructor {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  font-style: italic;
  align-items: center;
}
 
.workshop-cta {
  width: 100%;
  margin-top: var(--spacing-sm);
}
 
.meta-item {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
  font-weight: var(--font-weight-medium);
}
 
.workshop-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
}
 
.workshop-card:hover .workshop-image {
  transform: scale(1.08);
}
 
.workshop-badge  svg {
  width: 16px;
  height: 16px;
}
 
.meta-item  svg {
  color: var(--color-primary);
  width: 18px;
  height: 18px;
}
 
.workshop-instructor  svg {
  color: var(--color-secondary);
  width: 18px;
  height: 18px;
}
 
.app-download-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      135deg,
      var(--color-surface) 0%,
      color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)) 100%
    );
}
 
.app-download-container {
  gap: var(--spacing-4xl);
  margin: 0 auto;
  display: flex;
  max-width: var(--content-max-width);
  align-items: center;
}
 
.app-download-content {
  gap: var(--spacing-xl);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.app-download-visual {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.app-download-badge {
  color: var(--color-on-primary);
  width: fit-content;
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-lg);
  font-size: var(--font-size-sm);
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-secondary)
    );
  box-shadow: var(--shadow-level-1);
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 1px;
  text-transform: uppercase;
}
 
.app-download-title {
  margin: 0;
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-secondary)
    );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.app-download-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  max-width: 540px;
  line-height: var(--line-height-body);
}
 
.app-benefits-grid {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-md);
  flex-direction: column;
}
 
.app-store-buttons {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-md);
}
 
.app-mockup-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.app-benefit-card {
  gap: var(--spacing-md);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--color-surface);
  transition: all 0.3s ease;
  align-items: flex-start;
  border-radius: var(--border-radius-md);
}
 
.app-store-button {
  gap: var(--spacing-sm);
  color: var(--color-surface);
  border: 2px solid var(--color-on-surface);
  display: flex;
  padding: var(--spacing-md) var(--spacing-xl);
  background: var(--color-on-surface);
  box-shadow: var(--shadow-level-2);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.app-store-apple {
  background: var(--color-on-surface);
}
 
.app-store-google {
  color: var(--color-on-primary);
  background: var(--color-primary);
  border-color: var(--color-primary);
}
 
.app-mockup-glow {
  width: 400px;
  filter: blur(60px);
  height: 400px;
  position: absolute;
  animation: pulseGlow 4s ease-in-out infinite;
  background: radial-gradient(
      circle,
      color-mix(in srgb, var(--color-primary) 30%, transparent) 0%,
      transparent 70%
    );
  border-radius: 50%;
}
 
.app-mockup-image {
  width: 100%;
  height: auto;
  position: relative;
  max-width: 500px;
  transform: perspective(1000px) rotateY(-5deg);
  transition: transform 0.3s ease;
}
 
.app-benefit-icon {
  color: var(--color-primary);
  width: 48px;
  height: 48px;
  display: flex;
  background: linear-gradient(
      135deg,
      color-mix(in srgb, var(--color-primary) 15%, transparent),
      color-mix(in srgb, var(--color-secondary) 10%, transparent)
    );
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.app-benefit-content {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.app-store-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.app-store-text {
  gap: 2px;
  display: flex;
  flex-direction: column;
}
 
.app-benefit-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-heading);
}
 
.app-benefit-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-body);
}
 
.app-store-label {
  opacity: 0.9;
  font-size: var(--font-size-xs);
}
 
.app-store-name {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-heading);
}
 
.app-benefit-card:hover {
  transform: translateX(8px);
  box-shadow: var(--shadow-level-2);
  border-color: var(--color-primary);
}
 
.app-benefit-icon  svg {
  width: 24px;
  height: 24px;
}
 
.app-store-button:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-3);
}
 
.app-store-icon  svg {
  width: 28px;
  height: 28px;
}
 
.app-mockup-image:hover {
  transform: perspective(1000px) rotateY(0deg) scale(1.05);
}
 
.hero-section-hero-section {
  display: flex;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  min-height: 100vh;
  align-items: center;
}
 
.hero-background-video-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}
 
.hero-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
  z-index: 3;
  position: relative;
  max-width: var(--content-max-width);
}
 
.hero-background-video {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  position: absolute;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
 
.hero-video-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
      135deg,
      color-mix(in srgb, var(--color-primary) 8%, transparent) 0%,
      color-mix(in srgb, var(--color-secondary) 5%, transparent) 100%
    );
}
 
.hero-content-wrapper {
  gap: var(--spacing-4xl);
  display: flex;
  align-items: center;
}
 
.hero-text-content {
  gap: var(--spacing-xl);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.hero-image-content {
  flex: 1;
  position: relative;
}
 
.hero-badge {
  gap: var(--spacing-sm);
  width: fit-content;
  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
  display: inline-flex;
  padding: var(--spacing-sm) var(--spacing-lg);
  animation: hero-badge-float 3s ease-in-out infinite;
  background: var(--color-scrim);
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(24px);
}
 
.hero-section-hero-title {
  max-width: 600px;
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-accent)
    );
  line-height: 1.1;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.hero-section-hero-subtitle {
  color: var(--color-on-surface);
  opacity: 0.9;
  font-size: var(--font-size-lg);
  max-width: 540px;
  line-height: 1.7;
}
 
.hero-stats-grid {
  gap: var(--spacing-md);
  margin: var(--spacing-md) 0;
  display: flex;
}
 
.hero-cta-wrapper {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-lg);
}
 
.hero-trust-indicators {
  gap: var(--spacing-lg);
  display: flex;
  border-top: 1px solid
      color-mix(in srgb, var(--color-border) 30%, transparent);
  margin-top: var(--spacing-md);
  padding-top: var(--spacing-lg);
}
 
.hero-image-main-wrapper {
  width: 100%;
  position: relative;
  aspect-ratio: 4 / 5;
}
 
.hero-badge-text {
  color: var(--color-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
 
.hero-stat-card {
  flex: 1;
  border: 1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--color-scrim);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-lg);
  backdrop-filter: blur(20px);
}
 
.hero-cta-primary {
  gap: var(--spacing-sm);
  display: flex;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: center;
}
 
.hero-cta-secondary {
  gap: var(--spacing-sm);
  display: flex;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: center;
}
 
.hero-trust-item {
  gap: var(--spacing-xs);
  display: flex;
  align-items: center;
}
 
.hero-image-glass-card {
  width: 100%;
  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
  height: 100%;
  overflow: hidden;
  position: relative;
  animation: hero-image-float 6s ease-in-out infinite;
  background: var(--color-scrim);
  box-shadow: 0 24px 64px
      color-mix(in srgb, var(--color-primary) 20%, transparent);
  border-radius: var(--border-radius-xl);
  backdrop-filter: blur(16px);
}
 
.hero-floating-card {
  gap: var(--spacing-md);
  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
  display: flex;
  padding: var(--spacing-md) var(--spacing-lg);
  z-index: 5;
  position: absolute;
  background: var(--color-scrim);
  box-shadow: 0 12px 32px
      color-mix(in srgb, var(--color-primary) 15%, transparent);
  align-items: center;
  border-radius: var(--border-radius-lg);
  backdrop-filter: blur(24px);
}
 
.hero-floating-card-1 {
  top: 12%;
  right: -10%;
  animation: hero-float-1 4s ease-in-out infinite;
}
 
.hero-floating-card-2 {
  left: -12%;
  bottom: 15%;
  animation: hero-float-2 5s ease-in-out infinite;
}
 
.hero-decorative-element {
  filter: blur(60px);
  opacity: 0.6;
  z-index: 1;
  position: absolute;
  border-radius: var(--border-radius-full);
}
 
.hero-decorative-1 {
  top: -15%;
  right: -10%;
  width: 300px;
  height: 300px;
  animation: hero-decorative-rotate 15s linear infinite;
  background: linear-gradient(135deg, var(--color-accent), transparent);
}
 
.hero-decorative-2 {
  left: -8%;
  width: 250px;
  bottom: -10%;
  height: 250px;
  animation: hero-decorative-rotate 20s linear infinite reverse;
  background: linear-gradient(135deg, var(--color-primary), transparent);
}
 
.hero-stat-number {
  color: var(--color-surface);
  font-size: var(--font-size-3xl);
  background: linear-gradient(
      135deg,
      var(--color-accent),
      var(--color-primary)
    );
  font-weight: var(--font-weight-heading);
  line-height: 1.2;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.hero-stat-label {
  color: var(--color-surface);
  opacity: 0.8;
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-xs);
}
 
.hero-trust-icon {
  color: var(--color-on-accent);
  width: 24px;
  height: 24px;
  display: flex;
  font-size: var(--font-size-xs);
  background: linear-gradient(
      135deg,
      var(--color-accent),
      var(--color-primary)
    );
  align-items: center;
  font-weight: var(--font-weight-heading);
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.hero-trust-text {
  color: var(--color-on-surface);
  opacity: 0.9;
  font-size: var(--font-size-sm);
}
 
.hero-image-main {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.hero-floating-icon {
  width: 48px;
  height: 48px;
  display: flex;
  background: linear-gradient(
      135deg,
      var(--color-accent),
      var(--color-primary)
    );
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.hero-floating-content {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.hero-floating-title {
  color: var(--color-surface);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-heading);
  line-height: 1.2;
}
 
.hero-floating-subtitle {
  color: var(--color-surface);
  opacity: 0.8;
  font-size: var(--font-size-xs);
}
 
.hero-badge  svg {
  color: var(--color-accent);
  width: 20px;
  height: 20px;
}
 
.hero-stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px
      color-mix(in srgb, var(--color-primary) 15%, transparent);
}
 
.hero-cta-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px
      color-mix(in srgb, var(--color-primary) 25%, transparent);
}
 
.hero-cta-primary  svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
 
.hero-cta-primary:hover svg {
  transform: translateX(4px);
}
 
.hero-cta-secondary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px
      color-mix(in srgb, var(--color-primary) 25%, transparent);
}
 
.hero-cta-secondary  svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
 
.hero-floating-icon  svg {
  color: var(--color-on-accent);
  width: 24px;
  height: 24px;
}
 
.spiritual-courses-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  background: var(--color-surface);
  min-height: 100vh;
}
 
.courses-grid {
  gap: var(--spacing-2xl);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  max-width: var(--content-max-width);
}
 
.home-course-card {
  flex: 1 1 calc(33.333% - var(--spacing-2xl));
  display: flex;
  overflow: hidden;
  min-width: 320px;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: var(--border-radius-xl);
  flex-direction: column;
}
 
.course-banner {
  height: 180px;
  overflow: hidden;
  position: relative;
}
 
.home-course-content {
  gap: var(--spacing-lg);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.banner-pattern {
  width: 100%;
  height: 100%;
  opacity: 0.25;
  object-fit: cover;
  mix-blend-mode: overlay;
}
 
.home-course-title {
  color: var(--color-primary);
  margin: 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.home-course-description {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.course-highlights {
  gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
}
 
.home-course-cta {
  gap: var(--spacing-md);
  display: flex;
  margin-top: auto;
  padding-top: var(--spacing-lg);
}
 
.course-instructions {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-style: italic;
  text-align: center;
  line-height: 1.5;
}
 
.highlight-item {
  gap: var(--spacing-md);
  display: flex;
  padding: var(--spacing-sm);
  background: color-mix(in srgb, var(--color-primary) 5%, transparent);
  transition: background 0.3s ease, transform 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
}
 
.highlight-icon {
  width: 48px;
  height: 48px;
  object-fit: cover;
  transition: transform 0.3s ease;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
}
 
.highlight-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
}
 
.home-course-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
}
 
.highlight-item:hover {
  transform: translateX(4px);
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
}
 
.highlight-item:hover .highlight-icon {
  transform: scale(1.08);
}
 
.course-cards-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  background: var(--color-surface);
}
 
.course-cards-container {
  margin: 0 auto;
  position: relative;
  max-width: var(--content-max-width);
}
 
.swipe-indicator {
  display: none;
  text-align: center;
  margin-bottom: var(--spacing-lg);
}
 
.course-cards-grid {
  gap: var(--spacing-xl);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
 
.pagination-dots {
  display: none;
  margin-top: var(--spacing-lg);
  justify-content: center;
}
 
.swipe-text {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: 1px;
}
 
.home-course-card1 {
  display: flex;
  overflow: hidden;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.pagination-indicator {
  color: var(--color-on-surface);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-sm);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.course-card-header {
  padding: var(--spacing-xl);
  position: relative;
  background: linear-gradient(
      135deg,
      var(--color-accent) 0%,
      var(--color-primary) 100%
    );
}
 
.course-card-body {
  gap: var(--spacing-lg);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.course-card-title {
  color: var(--color-on-accent);
  margin: 0;
  z-index: 1;
  position: relative;
  font-size: 24px;
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.3;
}
 
.course-card-subheading {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: 14px;
  line-height: var(--line-height-body);
}
 
.course-cta-group {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: auto;
}
 
.course-helper-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  line-height: var(--line-height-body);
}
 
.course-highlight-item {
  gap: var(--spacing-sm);
  display: flex;
  align-items: flex-start;
}
 
.course-icon {
  color: var(--color-on-primary);
  width: 30;
  height: 50px;
  display: flex;
  min-width: 50px;
  background: linear-gradient(
      135deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    );
  box-shadow: var(--shadow-level-1);
  min-height: 50px;
  align-items: center;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.course-highlight-text {
  flex: 1;
  color: var(--color-on-surface);
  font-size: 16px;
  line-height: 1.5;
  padding-top: 12px;
}
 
.home-course-card1:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-3);
}
 
.course-card-header::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background: linear-gradient(
      135deg,
      transparent 0%,
      rgba(255, 255, 255, 0.1) 100%
    );
  pointer-events: none;
}
 
.course-icon  svg {
  width: 24px;
  height: 24px;
}
 

 

 
.home-live-courses-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  background: var(--color-surface);
}
 
.home-live-courses-container {
  margin: 0 auto;
  position: relative;
  max-width: var(--content-max-width);
}
 
.home-carousel-header {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-xl);
  justify-content: center;
}
 
.courses-carousel {
  gap: var(--spacing-xl);
  display: grid;
  overflow: visible;
  grid-template-columns: repeat(3, 1fr);
}
 
.carousel-dots {
  gap: var(--spacing-sm);
  display: none;
  margin-top: var(--spacing-xl);
  align-items: center;
  justify-content: center;
}
 
.home-swipe-indicator {
  color: var(--color-on-surface-secondary);
  display: none;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.05em;
}
 
.home-live-course-card1 {
  height: 100%;
  display: flex;
  overflow: hidden;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-full);
}
 
.home-live-course-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      135deg,
      color-mix(in srgb, var(--color-primary) 10%, transparent),
      transparent
    );
  aspect-ratio: 16 / 9;
}
 
.home-live-course-content {
  gap: var(--spacing-lg);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.home-course-title1 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.course-subheading {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-body);
}
 
.home-course-highlights {
  gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
}
 
.course-cta-buttons {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: auto;
  flex-direction: column;
}
 
.home-course-helper-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-xs);
  text-align: center;
  line-height: 1.4;
}
 
.home-highlight-item {
  gap: var(--spacing-sm);
  display: flex;
  align-items: flex-start;
}
 
.home-highlight-icon {
  color: var(--color-primary);
  width: 28px;
  height: 28px;
  display: flex;
  padding: 4px;
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.home-highlight-text {
  flex: 1;
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  line-height: 1.5;
}
 
.home-live-course-card1:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
}
 
.home-live-course-card1:hover .live-course-image {
  transform: scale(1.05);
}
 
.home-highlight-icon  svg {
  width: 20px;
  height: 20px;
}
 
.dot.active {
  width: 24px;
  background: var(--color-primary);
}
 

 
.courses-carousel-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  background: var(--color-surface);
}
 
.courses-carousel-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.courses-carousel-title {
  text-align: center;
  margin-bottom: var(--spacing-2xl);
}
 
.courses-carousel-swipe-hint {
  display: none;
  text-align: center;
  margin-bottom: var(--spacing-lg);
}
 
.courses-carousel-track {
  gap: var(--spacing-xl);
  display: flex;
  overflow-x: auto;
  padding-bottom: var(--spacing-md);
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
 
.courses-carousel-pagination {
  display: flex;
  margin-top: var(--spacing-xl);
  align-items: center;
  justify-content: center;
}
 
.swipe-hint-text {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.05em;
}
 
.home-course-card2 {
  flex: 1;
  overflow: hidden;
  max-width: 380px;
  min-width: 340px;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  scroll-snap-align: center;
}
 
.pagination-text {
  color: var(--color-on-surface);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.course-card-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
}
 
.course-card-content {
  gap: var(--spacing-lg);
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.course-banner-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.course-badge-closing {
  top: var(--spacing-md);
  color: var(--color-surface);
  right: var(--spacing-md);
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-xs);
  background: var(--color-scrim);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.03em;
  backdrop-filter: blur(8px);
}
 
.home-course-card-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.course-card-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.course-details-row {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.course-highlights-list {
  gap: var(--spacing-sm);
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.home-course-cta-buttons {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
}
 
.home-course-helper-text1 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  text-align: center;
  line-height: var(--line-height-body);
}
 
.course-detail-pill {
  gap: var(--spacing-xs);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-surface);
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.course-cta-btn {
  flex: 1;
  min-width: 140px;
}
 
.detail-icon {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.detail-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-highlight-icon1 {
  color: var(--color-secondary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.home-highlight-text1 {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.courses-carousel-track::-webkit-scrollbar {
  display: none;
}
 
.home-course-card2:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-3);
}
 
.upcoming-courses-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  background: var(--color-surface);
}
 
.upcoming-courses-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.upcoming-courses-title {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.courses-carousel-wrapper {
  position: relative;
}
 
.home-courses-carousel {
  gap: var(--spacing-xl);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}
 
.carousel-controls {
  gap: var(--spacing-md);
  display: none;
  margin-top: var(--spacing-xl);
  align-items: center;
  flex-direction: column;
}
 
.home-course-card3 {
  display: flex;
  overflow: hidden;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
  scroll-snap-align: start;
}
 
.home-carousel-pagination {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.carousel-counter {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  text-align: center;
  font-weight: var(--font-weight-medium);
}
 
.carousel-swipe-hint {
  color: var(--color-on-surface-secondary);
  opacity: 0.7;
  font-size: var(--font-size-sm);
  text-align: center;
  letter-spacing: 2px;
}
 
.course-banner-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  aspect-ratio: 16 / 9;
}
 
.home-course-card-content {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.home-course-banner-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.home-course-badge {
  top: var(--spacing-md);
  color: var(--color-on-primary);
  right: var(--spacing-md);
  padding: var(--spacing-xs) var(--spacing-md);
  position: absolute;
  font-size: var(--font-size-sm);
  background: var(--color-primary);
  box-shadow: var(--shadow-level-1);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
 
.home-course-description1 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.home-course-details-row {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.home-course-highlights1 {
  gap: var(--spacing-sm);
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.home-course-cta-buttons1 {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-sm);
}
 
.home-course-helper-text2 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-style: italic;
  line-height: 1.5;
}
 
.home-course-detail-pill {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.home-course-highlight-item {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-base);
  align-items: flex-start;
}
 
.course-btn-primary {
  flex: 1;
}
 
.course-btn-secondary {
  flex: 1;
}
 
.course-detail-icon {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-highlight-icon2 {
  color: var(--color-secondary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.home-highlight-text2 {
  flex: 1;
  line-height: var(--line-height-body);
}
 
.pagination-dot {
  width: 10px;
  border: none;
  cursor: pointer;
  height: 10px;
  padding: 0;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-full);
}
 
.home-course-card3:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-3);
}
 
.home-course-card3:hover .course-banner-image {
  transform: scale(1.05);
}
 
.pagination-dot.active {
  width: 28px;
  background: var(--color-primary);
  border-radius: var(--border-radius-full);
}
 

 
.home-courses-carousel1 {
  gap: var(--spacing-xl);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}
 
.home-course-card4 {
  display: flex;
  overflow: hidden;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
  scroll-snap-align: start;
}
 
.home-carousel-pagination1 {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.home-course-card-content1 {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.home-course-banner-image1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.home-course-badge1 {
  top: var(--spacing-md);
  color: var(--color-on-primary);
  right: var(--spacing-md);
  padding: var(--spacing-xs) var(--spacing-md);
  position: absolute;
  font-size: var(--font-size-sm);
  background: var(--color-primary);
  box-shadow: var(--shadow-level-1);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
 
.home-course-description2 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.home-course-details-row1 {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.home-course-highlights2 {
  gap: var(--spacing-sm);
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.home-course-cta-buttons2 {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-sm);
}
 
.home-course-helper-text3 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-style: italic;
  line-height: 1.5;
}
 
.home-course-detail-pill1 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.home-course-highlight-item1 {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-base);
  align-items: flex-start;
}
 
.home-highlight-icon3 {
  color: var(--color-secondary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.home-highlight-text3 {
  flex: 1;
  line-height: var(--line-height-body);
}
 
.home-course-card4:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-3);
}
 
.home-course-card4:hover .course-banner-image {
  transform: scale(1.05);
}
 

 
.home-home-courses-carousel1 {
  gap: var(--spacing-xl);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}
 

 
.home-home-course-card4 {
  display: flex;
  overflow: hidden;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 

 
.course-detail-icon10 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text10 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon11 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text11 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon12 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text12 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon13 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text13 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon14 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text14 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon15 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text15 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon16 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text16 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon17 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text17 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon18 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text18 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon19 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text19 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon20 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text20 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon21 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text21 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon22 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text22 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon23 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text23 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon24 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text24 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon25 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text25 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon26 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text26 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.course-detail-icon27 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.course-detail-text27 {
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 

 
.home-home-courses-carousel11 {
  gap: var(--spacing-xl);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}
 

 
.home-home-course-card41 {
  display: flex;
  overflow: hidden;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 

 
.home-upcoming-courses-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  background: var(--color-surface);
}
 
.home-upcoming-courses-container {
  gap: var(--spacing-3xl);
  margin: 0 auto;
  display: flex;
  max-width: var(--content-max-width);
  flex-direction: column;
}
 
.home-courses-carousel-wrapper {
  width: 100%;
  position: relative;
}
 
.home-carousel-swipe-hint {
  color: var(--color-on-surface-secondary);
  display: none;
  font-size: var(--font-size-sm);
  text-align: center;
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-md);
  letter-spacing: 1px;
}
 
.course-cards-track {
  gap: var(--spacing-xl);
  display: flex;
  flex-direction: column;
}
 
.home-course-card11 {
  width: 100%;
  border: 1px solid var(--color-border);
  display: flex;
  overflow: hidden;
  background: var(--color-surface-elevated);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.home-home-carousel-pagination1 {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
}
 
.home-carousel-counter {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
 
.home-course-banner-wrapper {
  width: 100%;
  height: 240px;
  overflow: hidden;
  position: relative;
}
 
.home-home-course-card-content1 {
  gap: var(--spacing-lg);
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.home-pagination-dot {
  width: 10px;
  cursor: pointer;
  height: 10px;
  background: var(--color-outline);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.home-home-course-banner-image1 {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.home-home-course-badge1 {
  top: var(--spacing-md);
  color: var(--color-on-secondary);
  right: var(--spacing-md);
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-xs);
  background: var(--color-secondary);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.home-course-title2 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.home-home-course-description2 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.home-home-course-details-row1 {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.home-home-course-cta-buttons2 {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
}
 
.home-home-course-helper-text3 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-body);
}
 
.home-home-course-detail-pill1 {
  gap: var(--spacing-xs);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-surface);
  transition: border-color 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.home-home-course-highlight-item1 {
  gap: var(--spacing-sm);
  display: flex;
  align-items: flex-start;
}
 
.home-course-btn-primary {
  flex: 1;
  min-width: 140px;
}
 
.home-course-btn-secondary {
  flex: 1;
  min-width: 140px;
}
 
.home-course-detail-text10 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text11 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text12 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-home-highlight-icon3 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.home-home-highlight-text3 {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.home-course-detail-text13 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text14 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text15 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text16 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text17 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text18 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text19 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text20 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text21 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text22 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text23 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text24 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text25 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text26 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-detail-text27 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-course-card11:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2);
}
 
.home-home-course-detail-pill1:hover {
  border-color: var(--color-primary);
}
 
.home-pagination-dot.active {
  width: 12px;
  height: 12px;
  background: var(--color-primary);
}
 

 
.popular-workshops-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.popular-workshops-container {
  gap: var(--spacing-2xl);
  margin: 0 auto;
  display: flex;
  max-width: var(--content-max-width);
  flex-direction: column;
}
 
.popular-workshops-header {
  gap: var(--spacing-md);
  margin: 0 auto;
  display: flex;
  max-width: 800px;
  text-align: center;
  flex-direction: column;
}
 
.mobile-carousel-hint {
  display: flex;
  padding: var(--spacing-sm) 0;
  align-items: center;
  justify-content: center;
}
 
.workshops-carousel-wrapper {
  gap: var(--spacing-xl);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
 
.carousel-controls-mobile {
  gap: var(--spacing-md);
  display: none;
  margin-top: var(--spacing-lg);
  align-items: center;
  flex-direction: column;
}
 
.home-swipe-hint-text {
  color: var(--color-on-surface-secondary);
  animation: pulseHint 2s ease-in-out infinite;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: 1px;
}
 
.home-workshop-card {
  border: 1px solid var(--color-border);
  display: flex;
  overflow: hidden;
  background: linear-gradient(
      135deg,
      color-mix(
        in srgb,
        var(--color-surface-elevated) 90%,
        var(--color-primary) 10%
      ),
      var(--color-surface-elevated)
    );
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: column;
  backdrop-filter: blur(20px);
}
 
.home-carousel-pagination2 {
  gap: var(--spacing-sm);
  display: flex;
}
 
.home-carousel-counter1 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
 
.workshop-card-image-wrapper {
  width: 100%;
  height: 240px;
  overflow: hidden;
  position: relative;
}
 
.workshop-card-content {
  gap: var(--spacing-lg);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.workshop-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.home-workshop-badge {
  top: var(--spacing-md);
  color: var(--color-on-secondary);
  right: var(--spacing-md);
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-xs);
  background: var(--color-secondary);
  box-shadow: var(--shadow-level-1);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.workshop-card-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.workshop-card-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.workshop-details-row {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.workshop-highlights-list {
  gap: var(--spacing-sm);
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.workshop-cta-buttons {
  gap: var(--spacing-md);
  display: flex;
  margin-top: auto;
}
 
.workshop-helper-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-xs);
  text-align: center;
  line-height: 1.4;
}
 
.workshop-detail-pill {
  gap: var(--spacing-xs);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-surface);
  transition: background 0.3s ease, border-color 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.workshop-highlight-item {
  gap: var(--spacing-sm);
  display: flex;
  align-items: flex-start;
}
 
.workshop-btn-start {
  flex: 1;
}
 
.workshop-btn-waitlist {
  flex: 1;
}
 
.workshop-detail-icon {
  color: var(--color-primary);
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
 
.workshop-detail-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.workshop-highlight-icon {
  color: var(--color-primary);
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex-shrink: 0;
}
 
.workshop-highlight-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  line-height: 1.5;
}
 
.home-pagination-dot1 {
  width: 8px;
  cursor: pointer;
  height: 8px;
  background: var(--color-border);
  transition: background 0.3s ease, transform 0.3s ease;
  border-radius: 50%;
}
 
.home-workshop-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2);
}
 
.home-workshop-card:hover .workshop-card-image {
  transform: scale(1.05);
}
 
.workshop-detail-pill:hover {
  background: var(--color-surface-elevated);
  border-color: var(--color-primary);
}
 
.home-pagination-dot1.active {
  transform: scale(1.2);
  background: var(--color-primary);
}
 

 
.workshops-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  background: var(--color-surface);
}
 
.workshops-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.home-workshops-carousel-wrapper {
  position: relative;
  margin-top: var(--spacing-3xl);
}
 
.workshops-carousel {
  gap: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
}
 
.workshops-mobile-controls {
  display: none;
}
 
.home-workshop-card1 {
  gap: 0;
  display: flex;
  overflow: hidden;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: row;
}
 
.workshops-swipe-hint {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-md);
  text-align: center;
  margin-bottom: var(--spacing-sm);
}
 
.workshops-counter {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  text-align: center;
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-sm);
}
 
.workshops-pagination {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.workshop-banner-wrapper {
  flex: 2;
  position: relative;
  max-width: 40%;
  min-width: 35%;
}
 
.home-workshop-content {
  gap: var(--spacing-lg);
  flex: 3;
  display: flex;
  padding: var(--spacing-2xl);
  flex-direction: column;
}
 
.workshops-dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.workshop-banner-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.home-workshop-badge1 {
  top: var(--spacing-md);
  color: var(--color-on-secondary);
  right: var(--spacing-md);
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-sm);
  background: var(--color-secondary);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.home-workshop-title {
  color: var(--color-on-surface);
  margin: 0;
}
 
.home-workshop-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--line-height-body);
}
 
.workshop-highlights {
  gap: var(--spacing-sm);
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.home-workshop-cta-buttons {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
}
 
.home-workshop-helper-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-body);
}
 
.home-workshop-detail-pill {
  gap: var(--spacing-xs);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-surface);
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.workshop-cta-primary {
  flex: 1;
  min-width: 150px;
}
 
.workshop-cta-secondary {
  flex: 1;
  min-width: 150px;
}
 
.home-workshop-highlight-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.home-workshop-card1:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-3);
}
 
.workshops-dot.active {
  width: 24px;
  background: var(--color-primary);
  border-radius: var(--border-radius-full);
}
 

 
.nirvana-stats-strip {
  width: 100%;
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      135deg,
      color-mix(in oklab, var(--color-surface) 95%, var(--color-primary)),
      color-mix(in oklab, var(--color-surface) 98%, var(--color-secondary))
    );
}
 
.stats-row-container {
  gap: var(--spacing-lg);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  max-width: var(--content-max-width);
  align-items: stretch;
  justify-content: center;
}
 
.stats-marquee-container {
  width: 100%;
  display: none;
  padding: var(--spacing-md) 0;
  overflow: hidden;
  position: relative;
}
 
.stat-card-wrapper {
  flex: 1;
  max-width: 280px;
  min-width: 220px;
  perspective: 1000px;
}
 
.stats-marquee-track {
  gap: var(--spacing-lg);
  display: flex;
  animation: marqueeScroll 40s linear infinite;
  will-change: transform;
}
 
.stat-card {
  gap: var(--spacing-sm);
  border: 1px solid color-mix(in oklab, var(--color-primary) 20%, transparent);
  height: 100%;
  display: flex;
  padding: var(--spacing-xl) var(--spacing-lg);
  position: relative;
  background: color-mix(in oklab, var(--color-surface) 60%, transparent);
  box-shadow: 0 4px 20px
      color-mix(in oklab, var(--color-primary) 8%, transparent);
  text-align: center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: var(--border-radius-xl);
  flex-direction: column;
  backdrop-filter: blur(10px);
  justify-content: center;
}
 
.marquee-pill {
  color: var(--color-on-surface);
  border: 1px solid color-mix(in oklab, var(--color-primary) 25%, transparent);
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-surface) 70%, transparent);
  box-shadow: 0 2px 12px
      color-mix(in oklab, var(--color-primary) 8%, transparent);
  transition: all 0.3s ease;
  flex-shrink: 0;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
}
 
.stat-icon-wrapper {
  width: 48px;
  height: 48px;
  display: flex;
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-secondary)
    );
  box-shadow: 0 4px 16px
      color-mix(in oklab, var(--color-primary) 25%, transparent);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: var(--border-radius-full);
  margin-bottom: var(--spacing-xs);
  justify-content: center;
}
 
.stat-number {
  color: var(--color-on-surface);
  z-index: 1;
  position: relative;
  font-size: var(--font-size-3xl);
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-secondary)
    );
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.5px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.stat-label {
  color: var(--color-on-surface-secondary);
  z-index: 1;
  position: relative;
  font-size: var(--font-size-sm);
  max-width: 200px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.stat-icon {
  color: var(--color-on-primary);
  width: 24px;
  height: 24px;
}
 
.nirvana-stats-strip::before {
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  opacity: 0.3;
  position: absolute;
  background: linear-gradient(
      90deg,
      transparent,
      var(--color-primary),
      transparent
    );
}
 
.nirvana-stats-strip::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  content: "";
  opacity: 0.3;
  position: absolute;
  background: linear-gradient(
      90deg,
      transparent,
      var(--color-secondary),
      transparent
    );
}
 
.stat-card::before {
  inset: 0;
  content: "";
  opacity: 0;
  position: absolute;
  background: linear-gradient(
      135deg,
      color-mix(in oklab, var(--color-primary) 10%, transparent),
      transparent
    );
  transition: opacity 0.4s ease;
  border-radius: var(--border-radius-xl);
}
 
.stat-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px
      color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
 
.stat-card:hover::before {
  opacity: 1;
}
 
.stat-card:hover .stat-icon-wrapper {
  transform: scale(1.1) rotate(5deg);
}
 
.stats-marquee-container::before {
  top: 0;
  width: 80px;
  bottom: 0;
  content: "";
  z-index: 2;
  position: absolute;
  pointer-events: none;
}
 
.stats-marquee-container::after {
  top: 0;
  width: 80px;
  bottom: 0;
  content: "";
  z-index: 2;
  position: absolute;
  pointer-events: none;
}
 
.marquee-pill:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-surface) 85%, transparent);
  border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
 
.nirvana-hero-section {
  width: 100%;
  overflow: hidden;
  position: relative;
}
 
.nirvana-hero-desktop {
  display: block;
  position: relative;
  background: linear-gradient(135deg, #1a0f2e 0%, #2d1b4e 50%, #4a2c6d 100%);
  min-height: 100vh;
}
 
.nirvana-hero-mobile {
  display: none;
}
 
.nirvana-hero-container {
  gap: var(--spacing-4xl, 5rem);
  margin: 0 auto;
  display: grid;
  padding: var(--spacing-4xl, 5rem) var(--spacing-xl, 2rem);
  max-width: var(--content-max-width, 80rem);
  min-height: 100vh;
  align-items: stretch;
  grid-template-columns: 1fr 1fr;
}
 
.nirvana-mobile-image-section {
  display: flex;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a0f2e 0%, #2d1b4e 50%, #4a2c6d 100%);
  min-height: 60vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}
 
.nirvana-mobile-content-section {
  gap: var(--spacing-xl, 2rem);
  display: flex;
  padding: var(--spacing-2xl, 3rem) var(--spacing-lg, 1.5rem);
  background: var(--color-surface, #efe6db);
  flex-direction: column;
}
 
.nirvana-mobile-stats-section {
  padding: var(--spacing-2xl, 3rem) 0;
  overflow: hidden;
  background: linear-gradient(135deg, #1a0f2e 0%, #2d1b4e 50%, #4a2c6d 100%);
}
 
.nirvana-hero-content {
  gap: var(--spacing-2xl, 3rem);
  display: flex;
  z-index: 2;
  flex-direction: column;
  justify-content: center;
}
 
.nirvana-hero-image-column {
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
}
 
.nirvana-mobile-image-glow {
  left: 50%;
  width: 300px;
  bottom: 0;
  height: 300px;
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  background: radial-gradient(
      circle,
      rgba(203, 166, 247, 0.3) 0%,
      transparent 70%
    );
  pointer-events: none;
}
 
.nirvana-mobile-instructor-image {
  width: 100%;
  height: auto;
  z-index: 2;
  position: relative;
  max-height: 60vh;
  object-fit: cover;
  object-position: bottom center;
}
 
.nirvana-mobile-pill {
  gap: var(--spacing-xs, 0.5rem);
  width: fit-content;
  border: 1px solid rgba(206, 145, 44, 0.3);
  display: inline-flex;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.5rem);
  background: rgba(206, 145, 44, 0.1);
  align-items: center;
  border-radius: var(--border-radius-full, 9999px);
}
 
.nirvana-mobile-heading {
  color: var(--color-on-surface, #2a1d16);
  margin: 0;
  font-size: clamp(2rem, 6vw, 2.5rem);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading, 600);
  line-height: var(--line-height-heading, 1.25);
}
 
.nirvana-mobile-paragraph {
  color: var(--color-on-surface-secondary, #7e6b5a);
  margin: 0;
  font-size: var(--font-size-base, 1rem);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body, 1.6);
}
 
.nirvana-mobile-buttons {
  gap: var(--spacing-md, 1rem);
  display: flex;
  flex-direction: column;
}
 
.nirvana-stats-marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
}
 
.nirvana-hero-pill {
  gap: var(--spacing-xs, 0.5rem);
  width: fit-content;
  border: 1px solid rgba(203, 166, 247, 0.3);
  display: inline-flex;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.5rem);
  background: rgba(74, 44, 109, 0.4);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full, 9999px);
  backdrop-filter: blur(10px);
}
 
.nirvana-hero-heading {
  color: #ffffff;
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading, 600);
  line-height: var(--line-height-heading, 1.25);
  letter-spacing: -0.5px;
}
 
.nirvana-hero-paragraph {
  color: #d4c5e8;
  margin: 0;
  font-size: var(--font-size-lg, 1.125rem);
  max-width: 540px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body, 1.6);
}
 
.nirvana-hero-buttons {
  gap: var(--spacing-md, 1rem);
  display: flex;
  flex-wrap: wrap;
}
 
.nirvana-stats-row {
  gap: var(--spacing-lg, 1.5rem);
  display: flex;
  flex-wrap: nowrap;
  margin-top: var(--spacing-xl, 2rem);
}
 
.nirvana-image-glow {
  right: 50%;
  width: 400px;
  bottom: 0;
  height: 400px;
  z-index: 1;
  position: absolute;
  transform: translateX(50%);
  background: radial-gradient(
      circle,
      rgba(203, 166, 247, 0.3) 0%,
      transparent 70%
    );
  pointer-events: none;
}
 
.nirvana-instructor-image {
  width: 100%;
  height: auto;
  z-index: 2;
  position: relative;
  max-height: 85vh;
  object-fit: cover;
  border-radius: var(--border-radius-xl, 32px) var(--border-radius-xl, 32px) 0
      0;
  object-position: bottom center;
}
 
.nirvana-mobile-pill-icon {
  color: var(--color-primary, #ce912c);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.nirvana-mobile-pill-text {
  color: var(--color-primary, #ce912c);
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium, 500);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.nirvana-mobile-btn-primary {
  color: var(--color-on-primary, #ffffff);
  width: 100%;
  border: none;
  cursor: pointer;
  padding: var(--spacing-lg, 1.5rem) var(--spacing-xl, 2rem);
  font-size: var(--font-size-base, 1rem);
  background: var(--color-primary, #ce912c);
  box-shadow: 0 4px 20px rgba(206, 145, 44, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
}
 
.nirvana-mobile-btn-secondary {
  color: var(--color-primary, #ce912c);
  width: 100%;
  border: 2px solid var(--color-primary, #ce912c);
  cursor: pointer;
  padding: var(--spacing-lg, 1.5rem) var(--spacing-xl, 2rem);
  font-size: var(--font-size-base, 1rem);
  background: transparent;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
}
 
.nirvana-marquee-track {
  gap: var(--spacing-lg, 1.5rem);
  display: flex;
  animation: marqueeScroll 40s linear infinite;
  will-change: transform;
}
 
.nirvana-pill-icon {
  color: #cba6f7;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.nirvana-pill-text {
  color: #e9d5ff;
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium, 500);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.nirvana-btn-primary {
  color: #1a0f2e;
  border: none;
  cursor: pointer;
  padding: var(--spacing-md, 1rem) var(--spacing-2xl, 3rem);
  font-size: var(--font-size-base, 1rem);
  background: linear-gradient(135deg, #cba6f7 0%, #b794f6 100%);
  box-shadow: 0 4px 20px rgba(203, 166, 247, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
}
 
.nirvana-btn-secondary {
  color: #ffffff;
  border: 2px solid rgba(203, 166, 247, 0.4);
  cursor: pointer;
  padding: var(--spacing-md, 1rem) var(--spacing-2xl, 3rem);
  font-size: var(--font-size-base, 1rem);
  background: transparent;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
}
 
.nirvana-stat-card {
  flex: 1;
  border: 1px solid rgba(203, 166, 247, 0.2);
  padding: var(--spacing-lg, 1.5rem);
  min-width: 0;
  background: rgba(74, 44, 109, 0.3);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-lg, 24px);
  backdrop-filter: blur(10px);
}
 
.nirvana-mobile-stat-card {
  flex: 0 0 280px;
  border: 1px solid rgba(203, 166, 247, 0.2);
  padding: var(--spacing-lg, 1.5rem);
  background: rgba(74, 44, 109, 0.3);
  border-radius: var(--border-radius-lg, 24px);
  backdrop-filter: blur(10px);
}
 
.nirvana-stat-number {
  color: #cba6f7;
  font-size: var(--font-size-2xl, 1.75rem);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading, 600);
  line-height: 1.2;
  margin-bottom: var(--spacing-xs, 0.5rem);
}
 
.nirvana-stat-label {
  color: #d4c5e8;
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body);
  line-height: 1.4;
}
 
.nirvana-mobile-stat-number {
  color: #cba6f7;
  font-size: var(--font-size-2xl, 1.75rem);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading, 600);
  line-height: 1.2;
  margin-bottom: var(--spacing-xs, 0.5rem);
}
 
.nirvana-mobile-stat-label {
  color: #d4c5e8;
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body);
  line-height: 1.4;
}
 
.stat-value {
  color: #cba6f7;
}
 
.stat-suffix {
  color: #cba6f7;
}
 
.mobile-stat-value {
  color: #cba6f7;
}
 
.mobile-stat-suffix {
  color: #cba6f7;
}
 
.mobile-stat-duplicate {
  color: #cba6f7;
}
 
.nirvana-hero-pill:hover {
  transform: translateY(-2px);
  background: rgba(74, 44, 109, 0.6);
  border-color: rgba(203, 166, 247, 0.5);
}
 
.nirvana-btn-primary:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #d4b5ff 0%, #c9a8ff 100%);
  box-shadow: 0 8px 30px rgba(203, 166, 247, 0.5);
}
 
.nirvana-btn-secondary:hover {
  transform: translateY(-3px);
  background: rgba(203, 166, 247, 0.1);
  border-color: rgba(203, 166, 247, 0.7);
}
 
.nirvana-stat-card:hover {
  transform: translateY(-5px);
  background: rgba(74, 44, 109, 0.5);
  border-color: rgba(203, 166, 247, 0.4);
}
 
.nirvana-mobile-btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(206, 145, 44, 0.5);
}
 
.nirvana-mobile-btn-secondary:hover {
  transform: translateY(-3px);
  background: rgba(206, 145, 44, 0.1);
}
 
.nirvana-hero {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a0f2e 0%, #2d1b4e 50%, #4a2c6d 100%);
}
 
.home-nirvana-hero-container {
  gap: var(--spacing-4xl);
  margin: 0 auto;
  display: grid;
  padding: var(--spacing-4xl) var(--spacing-xl);
  max-width: var(--content-max-width);
  min-height: 85vh;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
 
.home-nirvana-hero-content {
  gap: var(--spacing-xl);
  display: flex;
  z-index: 2;
  flex-direction: column;
}
 
.nirvana-hero-visual {
  height: 100%;
  display: flex;
  position: relative;
  min-height: 600px;
  align-items: flex-end;
  justify-content: center;
}
 
.nirvana-hero-mobile-image-section {
  display: flex;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a0f2e 0%, #2d1b4e 50%, #4a2c6d 100%);
  min-height: 50vh;
  align-items: flex-end;
}
 
.nirvana-hero-mobile-content {
  gap: var(--spacing-lg);
  display: flex;
  padding: var(--spacing-2xl) var(--spacing-lg);
  background: linear-gradient(135deg, #1a0f2e 0%, #2d1b4e 100%);
  flex-direction: column;
}
 
.nirvana-hero-mobile-stats {
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a0f2e 0%, #2d1b4e 100%);
}
 
.home-nirvana-hero-pill {
  gap: var(--spacing-xs);
  color: #cba6f7;
  width: fit-content;
  border: 1px solid rgba(203, 166, 247, 0.3);
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: rgba(203, 166, 247, 0.15);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
  backdrop-filter: blur(8px);
}
 
.home-nirvana-hero-heading {
  color: var(--color-on-primary);
  margin: 0;
  font-size: var(--font-size-4xl);
  font-style: var(--font-style-heading);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: var(--text-transform-heading);
}
 
.nirvana-hero-description {
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-hero-cta-group {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-sm);
}
 
.nirvana-hero-stats-grid {
  gap: var(--spacing-md);
  display: grid;
  margin-top: var(--spacing-lg);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
 
.nirvana-hero-glow {
  top: 50%;
  left: 50%;
  width: 500px;
  filter: blur(60px);
  height: 500px;
  z-index: 1;
  position: absolute;
  transform: translate(-50%, -50%);
  background: radial-gradient(
      circle,
      rgba(206, 145, 44, 0.3) 0%,
      rgba(203, 166, 247, 0.2) 40%,
      transparent 70%
    );
  pointer-events: none;
}
 
.nirvana-hero-image {
  width: 100%;
  filter: brightness(1.05) contrast(1.05);
  height: auto;
  z-index: 2;
  position: relative;
  max-width: 500px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  object-fit: cover;
  border-radius: var(--border-radius-xl);
  object-position: center bottom;
}
 
.nirvana-hero-mobile-glow {
  left: 50%;
  width: 300px;
  bottom: 0;
  filter: blur(50px);
  height: 300px;
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  background: radial-gradient(
      circle,
      rgba(206, 145, 44, 0.3) 0%,
      rgba(203, 166, 247, 0.2) 40%,
      transparent 70%
    );
  pointer-events: none;
}
 
.nirvana-hero-mobile-image {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  z-index: 2;
  position: relative;
  max-width: 400px;
  object-fit: cover;
  object-position: center bottom;
}
 
.nirvana-hero-mobile-cta-group {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-sm);
  flex-direction: column;
}
 
.nirvana-hero-mobile-stats-track {
  gap: var(--spacing-lg);
  width: fit-content;
  display: flex;
  animation: nirvana-marquee 30s linear infinite;
}
 
.nirvana-hero-pill-icon {
  color: #cba6f7;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.nirvana-hero-pill-text {
  line-height: 1;
}
 
.nirvana-hero-btn {
  border: none;
  cursor: pointer;
  outline: none;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-hero-btn-primary {
  color: var(--color-on-primary);
  background: var(--color-primary);
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.3);
}
 
.nirvana-hero-btn-secondary {
  color: var(--color-on-primary);
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: transparent;
}
 
.nirvana-hero-stat-card {
  gap: var(--spacing-sm);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  padding: var(--spacing-lg);
  background: rgba(255, 255, 255, 0.08);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-lg);
  flex-direction: column;
  backdrop-filter: blur(8px);
  background-color: #59190f;
}
 
.nirvana-hero-stat-number {
  gap: 2px;
  color: var(--color-primary);
  display: flex;
  font-size: var(--font-size-3xl);
  align-items: baseline;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.2;
}
 
.nirvana-hero-stat-label {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-hero-stat-suffix {
  color: #cba6f7;
  font-size: var(--font-size-xl);
}
 

 

 

 

 
.nirvana-hero-btn-primary:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-primary) 90%, white);
  box-shadow: 0 6px 24px rgba(206, 145, 44, 0.4);
}
 
.nirvana-hero-btn-secondary:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}
 
.nirvana-hero-stat-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(203, 166, 247, 0.4);
}
 

 
.home-nirvana-hero-container1 {
  gap: var(--spacing-4xl);
  margin: 0 auto;
  display: grid;
  padding: var(--spacing-4xl) var(--spacing-xl);
  max-width: var(--content-max-width);
  min-height: 85vh;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
 
.home-nirvana-hero-content1 {
  gap: var(--spacing-xl);
  display: flex;
  z-index: 2;
  flex-direction: column;
}
 
.home-nirvana-hero-pill1 {
  gap: var(--spacing-xs);
  color: #cba6f7;
  width: fit-content;
  border: 1px solid rgba(203, 166, 247, 0.3);
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: rgba(203, 166, 247, 0.15);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
  backdrop-filter: blur(8px);
}
 
.home-nirvana-hero-heading1 {
  color: var(--color-on-primary);
  margin: 0;
  font-size: var(--font-size-4xl);
  font-style: var(--font-style-heading);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: var(--text-transform-heading);
}
 
.home-nirvana-hero {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a0b2e 0%, #2d1b4e 50%, #3d2a5f 100%);
}
 
.home-nirvana-hero-container2 {
  margin: 0 auto;
  padding: 0 32px;
  max-width: 1200px;
}
 
.home-nirvana-hero-desktop {
  gap: var(--spacing-4xl);
  display: flex;
  min-height: 600px;
  align-items: stretch;
}
 
.home-nirvana-hero-content2 {
  gap: var(--spacing-xl);
  flex: 1;
  display: flex;
  z-index: 2;
  flex-direction: column;
  justify-content: center;
}
 
.home-nirvana-hero-visual {
  flex: 0 0 45%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: center;
}
 
.home-nirvana-hero-mobile-image-section {
  width: 100%;
  display: flex;
  padding: var(--spacing-2xl) 0 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      180deg,
      rgba(26, 11, 46, 0.8) 0%,
      rgba(45, 27, 78, 0.9) 100%
    );
  align-items: flex-end;
  justify-content: center;
}
 
.home-nirvana-hero-mobile-content {
  gap: var(--spacing-lg);
  display: flex;
  padding: var(--spacing-2xl) 16px;
  background: linear-gradient(180deg, #2d1b4e 0%, #3d2a5f 100%);
  flex-direction: column;
}
 
.home-nirvana-hero-mobile-stats {
  padding: var(--spacing-xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a0b2e 0%, #251447 100%);
}
 
.home-nirvana-hero-pill2 {
  gap: 8px;
  width: fit-content;
  border: 1px solid rgba(155, 89, 182, 0.4);
  display: inline-flex;
  padding: 8px 16px;
  background: rgba(155, 89, 182, 0.1);
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-heading2 {
  color: var(--color-on-primary);
  margin: 0;
  font-size: clamp(32px, 4vw, 40px);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-nirvana-hero-description {
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-size: clamp(16px, 1.5vw, 18px);
  max-width: 560px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-hero-cta-buttons {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
}
 
.home-nirvana-hero-stats-grid {
  gap: var(--spacing-lg);
  display: grid;
  margin-top: var(--spacing-lg);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
 
.home-nirvana-hero-glow {
  left: 50%;
  width: 400px;
  bottom: 0;
  filter: blur(60px);
  height: 400px;
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  background: radial-gradient(
      circle,
      rgba(206, 145, 44, 0.3) 0%,
      transparent 70%
    );
  pointer-events: none;
}
 
.home-nirvana-hero-image {
  width: 100%;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));
  height: auto;
  display: block;
  z-index: 2;
  position: relative;
  max-width: 450px;
  object-fit: contain;
}
 
.home-nirvana-hero-mobile-glow {
  left: 50%;
  width: 280px;
  bottom: 0;
  filter: blur(50px);
  height: 280px;
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  background: radial-gradient(
      circle,
      rgba(206, 145, 44, 0.25) 0%,
      transparent 70%
    );
  pointer-events: none;
}
 
.home-nirvana-hero-mobile-image {
  width: 100%;
  height: auto;
  display: block;
  z-index: 2;
  position: relative;
  max-width: 320px;
  object-fit: contain;
}
 
.home-nirvana-hero-mobile-cta-group {
  gap: 12px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
 
.home-nirvana-hero-mobile-stats-track {
  gap: var(--spacing-lg);
  display: flex;
  animation: marqueeScroll 30s linear infinite;
  will-change: transform;
}
 
.nirvana-hero-pill-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.nirvana-hero-pill-text-content {
  color: var(--color-on-primary);
  font-size: 13px;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.3px;
}
 
.home-nirvana-hero-btn {
  border: none;
  cursor: pointer;
  padding: 14px 24px;
  font-size: 15px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-control);
  letter-spacing: 0.3px;
}
 
.home-nirvana-hero-stat-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-md);
  backdrop-filter: blur(10px);
}
 
.nirvana-hero-pill-icon-svg {
  color: var(--color-accent);
  stroke: currentColor;
}
 
.nirvana-hero-stat-number-wrapper {
  margin-bottom: 8px;
}
 
.home-nirvana-hero-stat-label {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  font-size: 13px;
  font-family: var(--font-family-body);
  line-height: 1.4;
  letter-spacing: 0.2px;
}
 
.home-nirvana-hero-stat-number {
  color: var(--color-primary);
  display: block;
  font-size: 24px;
  font-family: var(--font-family-heading);
  font-weight: 600;
  letter-spacing: -0.5px;
}
 
.home-nirvana-hero-stat-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(155, 89, 182, 0.4);
}
 
.home-nirvana-hero-mobile-cta-group  .nirvana-hero-btn {
  width: 100%;
  justify-content: center;
}
 
.home-nirvana-hero-mobile-stats  .nirvana-hero-stat-card {
  flex: 0 0 280px;
  min-width: 280px;
}
 
.home-nirvana-hero-mobile-stats  .nirvana-hero-stat-number {
  font-size: 20px;
}
 
.home-nirvana-hero-mobile-stats  .nirvana-hero-stat-label {
  font-size: 12px;
}
 
.home-nirvana-hero1 {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a0b2e 0%, #2d1b4e 50%, #3d2a5f 100%);
}
 
.home-nirvana-hero-container3 {
  margin: 0 auto;
  padding: 0 32px;
  max-width: 1200px;
}
 
.home-nirvana-hero-desktop1 {
  gap: var(--spacing-4xl);
  display: flex;
  min-height: 600px;
  align-items: stretch;
}
 
.home-nirvana-hero-content3 {
  gap: var(--spacing-xl);
  flex: 1;
  display: flex;
  z-index: 2;
  flex-direction: column;
  justify-content: center;
}
 
.home-nirvana-hero-visual1 {
  flex: 0 0 45%;
  height: 100%;
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: center;
}
 
.home-nirvana-hero-mobile-image-section1 {
  width: 100%;
  display: flex;
  padding: var(--spacing-2xl) 0 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      180deg,
      rgba(26, 11, 46, 0.8) 0%,
      rgba(45, 27, 78, 0.9) 100%
    );
  align-items: flex-end;
  justify-content: center;
}
 
.home-nirvana-hero-mobile-content1 {
  gap: var(--spacing-lg);
  display: flex;
  padding: var(--spacing-2xl) 16px;
  background: linear-gradient(180deg, #2d1b4e 0%, #3d2a5f 100%);
  flex-direction: column;
}
 
.home-nirvana-hero-mobile-stats1 {
  padding: var(--spacing-xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a0b2e 0%, #251447 100%);
}
 
.home-nirvana-hero-pill3 {
  gap: 8px;
  width: fit-content;
  border: 1px solid rgba(155, 89, 182, 0.4);
  display: inline-flex;
  padding: 8px 16px;
  background: rgba(155, 89, 182, 0.1);
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-heading3 {
  color: var(--color-on-primary);
  margin: 0;
  font-size: clamp(32px, 4vw, 40px);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-nirvana-hero-description1 {
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-size: clamp(16px, 1.5vw, 18px);
  max-width: 560px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-nirvana-hero-stats-grid1 {
  gap: var(--spacing-lg);
  display: grid;
  margin-top: var(--spacing-lg);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
 
.home-nirvana-hero-glow1 {
  left: 50%;
  width: 400px;
  bottom: 0;
  filter: blur(60px);
  height: 400px;
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  background: radial-gradient(
      circle,
      rgba(206, 145, 44, 0.3) 0%,
      transparent 70%
    );
  pointer-events: none;
}
 
.home-nirvana-hero-image1 {
  width: 100%;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));
  height: auto;
  display: block;
  z-index: 2;
  position: relative;
  max-width: 450px;
  object-fit: contain;
}
 
.home-nirvana-hero-mobile-glow1 {
  left: 50%;
  width: 280px;
  bottom: 0;
  filter: blur(50px);
  height: 280px;
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  background: radial-gradient(
      circle,
      rgba(206, 145, 44, 0.25) 0%,
      transparent 70%
    );
  pointer-events: none;
}
 
.home-nirvana-hero-mobile-image1 {
  width: 100%;
  height: auto;
  display: block;
  z-index: 2;
  position: relative;
  max-width: 320px;
  object-fit: contain;
}
 
.home-nirvana-hero-mobile-cta-group1 {
  gap: 12px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
 
.home-nirvana-hero-mobile-stats-track1 {
  gap: var(--spacing-lg);
  display: flex;
  animation: marqueeScroll 30s linear infinite;
  will-change: transform;
}
 
.home-nirvana-hero-btn1 {
  border: none;
  cursor: pointer;
  padding: 14px 24px;
  font-size: 15px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-control);
  letter-spacing: 0.3px;
}
 
.home-nirvana-hero-stat-card1 {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-md);
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-stat-label1 {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  font-size: 13px;
  font-family: var(--font-family-body);
  line-height: 1.4;
  letter-spacing: 0.2px;
}
 
.home-nirvana-hero-stat-number1 {
  color: var(--color-primary);
  display: block;
  font-size: 24px;
  font-family: var(--font-family-heading);
  font-weight: 600;
  letter-spacing: -0.5px;
}
 
.home-nirvana-hero-stat-card1:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(155, 89, 182, 0.4);
}
 
.home-nirvana-hero-mobile-cta-group1  .nirvana-hero-btn {
  width: 100%;
  justify-content: center;
}
 
.home-nirvana-hero-mobile-stats1  .nirvana-hero-stat-card {
  flex: 0 0 280px;
  min-width: 280px;
}
 
.home-nirvana-hero-mobile-stats1  .nirvana-hero-stat-number {
  font-size: 20px;
}
 
.home-nirvana-hero-mobile-stats1  .nirvana-hero-stat-label {
  font-size: 12px;
}
 
.nirvana-hero-spiritual {
  width: 100%;
  padding: 30px 80px 30px 80px;
  overflow: hidden;
  position: relative;
  background: #59190f;
}
 
.nirvana-hero-spiritual-container {
  margin: 0 auto;
  padding: 0 12px;
  max-width: 1200px;
}
 
.nirvana-hero-spiritual-image-mobile {
  display: none;
}
 
.nirvana-hero-spiritual-grid {
  gap: 64px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 0.85fr;
}
 

 
.nirvana-hero-spiritual-content {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
 
.nirvana-hero-spiritual-image-wrapper {
  height: 100%;
  display: flex;
  position: relative;
  min-height: 500px;
  align-items: flex-end;
  justify-content: center;
}
 
.nirvana-hero-spiritual-pill {
  gap: 8px;
  width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: inline-flex;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.05);
  align-items: center;
  border-radius: 24px;
  backdrop-filter: blur(10px);
}
 
.nirvana-hero-spiritual-heading {
  color: #ffffff;
  margin: 0;
  font-size: 40px;
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.5px;
}
 
.nirvana-hero-spiritual-paragraph {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  font-size: 18px;
  max-width: 560px;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.7;
}
 
.nirvana-hero-spiritual-cta-row {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
}
 

 
.nirvana-hero-spiritual-stats-desktop {
  gap: 12px;
  display: flex;
  margin-top: 16px;
  flex-direction: column;
}
 
.nirvana-hero-spiritual-stats-mobile {
  display: none;
}
 
.nirvana-hero-spiritual-instructor-image {
  width: 100%;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));
  height: auto;
  max-height: 600px;
  object-fit: contain;
  object-position: bottom center;
}
 
.nirvana-hero-spiritual-pill-icon {
  color: #d4af37;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.nirvana-hero-spiritual-pill-text {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-family: var(--font-family-body);
  font-weight: 500;
  letter-spacing: 0.3px;
}
 
.nirvana-hero-spiritual-btn {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 14px 24px;
  font-size: 16px;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: 500;
  white-space: nowrap;
  border-radius: 12px;
}
 
.nirvana-hero-spiritual-btn-primary {
  color: #1a0b2e;
  background: linear-gradient(135deg, #d4af37 0%, #c19a2e 100%);
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.3);
}
 
.nirvana-hero-spiritual-btn-secondary {
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.25);
  background: transparent;
}
 
.stats-row-top {
  gap: 12px;
  display: flex;
  justify-content: space-between;
}
 
.stats-row-bottom {
  gap: 12px;
  display: flex;
  justify-content: center;
}
 
.nirvana-hero-spiritual-stat-card {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  padding: 16px 20px;
  min-width: 0;
  background: #59190f;
  text-align: center;
  align-items: center;
  border-radius: 16px;
  flex-direction: column;
  backdrop-filter: blur(10px);
  background-color: #59190f;
}
 
.nirvana-hero-spiritual-stat-card-wide {
  max-width: 400px;
  background-color: #59190f;
}
 
.nirvana-hero-spiritual-stat-number {
  color: #d4af37;
  font-size: 32px;
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
}
 
.nirvana-hero-spiritual-stat-label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.4;
}
 
.nirvana-hero-spiritual-pill-icon  svg {
  width: 16px;
  height: 16px;
}
 
.nirvana-hero-spiritual-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(212, 175, 55, 0.4);
}
 
.nirvana-hero-spiritual-btn-secondary:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.4);
}
 

 

 
.home-nirvana-hero-spiritual-stats-desktop {
  gap: 16px;
  display: flex;
  margin-top: 16px;
  flex-direction: column;
}
 
.home-stats-row-top {
  gap: 16px;
  display: flex;
  justify-content: space-between;
}
 
.home-stats-row-bottom {
  display: flex;
  justify-content: center;
}
 
.home-nirvana-hero-spiritual-stat-card {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  padding: 16px 20px;
  min-width: 0;
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
  align-items: center;
  border-radius: 16px;
  flex-direction: column;
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-spiritual {
  width: 100%;
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a1147 0%, #2d1b69 50%, #4a2c7e 100%);
  min-height: 600px;
}
 
.home-nirvana-hero-spiritual-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1180px;
}
 
.home-nirvana-hero-spiritual-image-mobile {
  display: none;
}
 
.home-nirvana-hero-spiritual-grid {
  gap: var(--spacing-3xl);
  display: grid;
  z-index: 2;
  position: relative;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
 
.home-nirvana-hero-spiritual-instructor-image-mobile {
  width: 100%;
  height: auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  border-radius: var(--border-radius-md);
}
 
.home-nirvana-hero-spiritual-content {
  gap: var(--spacing-lg);
  display: flex;
  flex-direction: column;
}
 
.home-nirvana-hero-spiritual-image-wrapper {
  height: 100%;
  display: flex;
  position: relative;
  min-height: 500px;
  align-items: flex-end;
  justify-content: flex-end;
}
 
.home-nirvana-hero-spiritual-pill {
  gap: var(--spacing-xs);
  width: fit-content;
  border: 1px solid rgba(206, 145, 44, 0.3);
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-md);
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-spiritual-heading {
  color: #ffffff;
  margin: 0;
  font-size: clamp(28px, 4vw, 40px);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  text-shadow: 0 2px 20px rgba(206, 145, 44, 0.2);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-nirvana-hero-spiritual-paragraph {
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-size: clamp(15px, 1.5vw, 18px);
  max-width: 540px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-nirvana-hero-spiritual-cta-row {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-xs);
}
 
.home-stats-row {
  gap: var(--spacing-md);
  width: 100%;
  display: flex;
  margin-top: var(--spacing-xl);
  flex-direction: column;
}
 
.home-nirvana-hero-spiritual-instructor-image {
  width: 100%;
  border: 1px solid rgba(206, 145, 44, 0.2);
  height: auto;
  max-width: 450px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  object-fit: cover;
  transition: all 0.4s ease;
  border-radius: var(--border-radius-lg);
}
 
.home-nirvana-hero-pill-icon-wrapper {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.home-nirvana-hero-pill-text-content {
  display: flex;
  align-items: center;
}
 
.home-nirvana-hero-spiritual-btn {
  border: none;
  cursor: pointer;
  padding: 14px 24px;
  font-size: clamp(14px, 1.2vw, 16px);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-control);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-nirvana-hero-spiritual-btn-primary {
  color: var(--color-on-primary);
  background: var(--color-primary);
  box-shadow: 0 4px 20px rgba(206, 145, 44, 0.3);
}
 
.home-nirvana-hero-spiritual-btn-secondary {
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: transparent;
}
 
.home-stats-row-top1 {
  gap: var(--spacing-md);
  display: flex;
  justify-content: space-between;
}
 
.home-stats-row-bottom1 {
  display: flex;
  justify-content: center;
}
 
.home-nirvana-hero-pill-icon-svg {
  color: var(--color-primary);
  width: 16px;
  filter: drop-shadow(0 0 8px rgba(206, 145, 44, 0.4));
  height: 16px;
}
 
.home-nirvana-hero-pill-text {
  color: var(--color-primary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-nirvana-hero-spiritual-stat-card1 {
  gap: var(--spacing-xs);
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  padding: var(--spacing-md);
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
  flex-direction: column;
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-spiritual-stat-card-wide {
  max-width: 65%;
}
 
.home-nirvana-hero-spiritual-stat-number {
  color: var(--color-primary);
  display: inline;
  font-size: clamp(20px, 2.5vw, 24px);
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1;
}
 
.home-nirvana-hero-stat-suffix {
  color: var(--color-primary);
  display: inline;
  font-size: clamp(20px, 2.5vw, 24px);
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1;
  margin-left: 2px;
}
 
.home-nirvana-hero-spiritual-stat-label {
  color: rgba(255, 255, 255, 0.75);
  font-size: clamp(12px, 1vw, 14px);
  margin-top: var(--spacing-xs);
  font-family: var(--font-family-body);
  line-height: 1.4;
}
 
.home-nirvana-hero-spiritual::before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  content: "";
  z-index: 1;
  position: absolute;
  animation: spiritual-glow 15s ease-in-out infinite;
  background: radial-gradient(
      circle at 30% 50%,
      rgba(155, 89, 182, 0.15) 0%,
      transparent 50%
    );
}
 
.home-nirvana-hero-spiritual-pill:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(206, 145, 44, 0.5);
}
 
.home-nirvana-hero-spiritual-btn-primary:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-primary) 90%, white);
  box-shadow: 0 6px 25px rgba(206, 145, 44, 0.4);
}
 
.home-nirvana-hero-spiritual-btn-secondary:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}
 
.home-nirvana-hero-spiritual-stat-card1:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(206, 145, 44, 0.3);
}
 
.home-nirvana-hero-spiritual-instructor-image:hover {
  transform: scale(1.02);
  box-shadow: 0 25px 70px rgba(206, 145, 44, 0.3);
}
 

 
.home-nirvana-hero-spiritual-container1 {
  margin: auto;
  padding: 0 32px;
  max-width: 1180px;
}
 
.container3 {
  display: none;
}
 
.container5 {
  display: none;
}
 
.container4 {
  display: contents;
}
 
.container6 {
  display: contents;
}
 

 
.home-nirvana-hero-spiritual-pill1 {
  gap: 8px;
  width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: inline-flex;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.05);
  align-items: center;
  border-radius: 24px;
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-spiritual-stats-mobile {
  display: none;
}
 
.home-nirvana-hero-spiritual-pill-icon {
  color: #d4af37;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.home-nirvana-hero-spiritual-pill-text {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-family: var(--font-family-body);
  font-weight: 500;
  letter-spacing: 0.3px;
}
 
.home-nirvana-hero-spiritual-btn1 {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 14px 24px;
  font-size: 16px;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: 500;
  white-space: nowrap;
  border-radius: 12px;
}
 
.home-nirvana-hero-spiritual-stat-card2 {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  padding: 16px 20px;
  min-width: 0;
  background: #5e2a22;
  text-align: center;
  align-items: center;
  border-radius: 16px;
  flex-direction: column;
  backdrop-filter: blur(10px);
  background-color: #4a1410;
}
 
.home-nirvana-hero-spiritual-stat-label1 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.4;
}
 

 
.home-app-download-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a1625 0%, #2d1b3d 50%, #1a1625 100%);
}
 
.home-app-download-badge {
  color: #ffffff;
  width: fit-content;
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-lg);
  font-size: var(--font-size-sm);
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-secondary)
    );
  box-shadow: 0 8px 24px rgba(206, 145, 44, 0.4);
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 1px;
  text-transform: uppercase;
}
 
.home-app-download-title {
  margin: 0;
  background: linear-gradient(
      135deg,
      #f4d03f,
      var(--color-primary),
      var(--color-secondary)
    );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.home-app-download-description {
  color: #c7c3d1;
  margin: 0;
  font-size: var(--font-size-lg);
  max-width: 540px;
  line-height: var(--line-height-body);
}
 
.home-app-benefit-card {
  gap: var(--spacing-md);
  border: 1px solid rgba(206, 145, 44, 0.2);
  display: flex;
  padding: var(--spacing-md) var(--spacing-lg);
  background: linear-gradient(
      135deg,
      rgba(45, 27, 61, 0.6),
      rgba(26, 22, 37, 0.4)
    );
  transition: all 0.3s ease;
  align-items: flex-start;
  border-radius: var(--border-radius-md);
  backdrop-filter: blur(10px);
}
 
.home-app-mockup-glow {
  width: 400px;
  filter: blur(80px);
  height: 400px;
  position: absolute;
  animation: pulseGlow 4s ease-in-out infinite;
  background: radial-gradient(
      circle,
      rgba(206, 145, 44, 0.4) 0%,
      rgba(226, 122, 27, 0.3) 40%,
      transparent 70%
    );
  border-radius: 50%;
}
 
.home-app-mockup-image {
  width: 100%;
  height: auto;
  position: relative;
  max-width: 400px;
  transform: perspective(1000px) rotateY(-5deg);
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.6), 0 0 40px rgba(206, 145, 44, 0.2);
  transition: transform 0.3s ease;
  border-radius: var(--border-radius-xl);
}
 
.home-app-benefit-icon {
  color: #f4d03f;
  width: 48px;
  height: 48px;
  display: flex;
  background: linear-gradient(
      135deg,
      rgba(206, 145, 44, 0.25),
      rgba(226, 122, 27, 0.15)
    );
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.2);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.home-app-store-button {
  gap: var(--spacing-sm);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.15);
  display: flex;
  padding: var(--spacing-md) var(--spacing-xl);
  background: rgba(45, 27, 61, 0.8);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
  backdrop-filter: blur(10px);
  text-decoration: none;
}
 
.home-app-store-apple {
  background: rgba(45, 27, 61, 0.8);
}
 
.home-app-store-google {
  color: #ffffff;
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-secondary)
    );
  border-color: transparent;
}
 
.home-app-benefit-title {
  color: #ffffff;
  margin: 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-heading);
}
 
.home-app-benefit-text {
  color: #a89fb3;
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-body);
}
 
.home-app-store-label {
  opacity: 0.8;
  font-size: var(--font-size-xs);
}
 
.home-app-benefit-card:hover {
  transform: translateY(-2px);
  background: linear-gradient(
      135deg,
      rgba(45, 27, 61, 0.8),
      rgba(26, 22, 37, 0.6)
    );
  box-shadow: 0 8px 32px rgba(206, 145, 44, 0.2);
  border-color: rgba(206, 145, 44, 0.5);
}
 
.home-app-store-button:hover {
  transform: translateY(-2px);
  background: rgba(45, 27, 61, 1);
  box-shadow: 0 12px 36px rgba(206, 145, 44, 0.3);
  border-color: rgba(206, 145, 44, 0.6);
}
 
.home-app-store-google:hover {
  background: linear-gradient(135deg, #d89b2a, #c96d18);
  box-shadow: 0 12px 36px rgba(206, 145, 44, 0.4);
}
 
.home-app-mockup-image:hover {
  transform: perspective(1000px) rotateY(0deg);
}
 
.upcoming-workshops-section {
  padding: 72px 16px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #2a1d16 0%, #3d2e23 100%);
}
 
.upcoming-workshops-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.workshops-header {
  animation: fadeInUp 0.8s ease-out;
  text-align: center;
  margin-bottom: 48px;
}
 
.home-workshops-carousel-wrapper1 {
  position: relative;
}
 
.workshops-main-title {
  color: var(--color-on-primary);
  margin: 0 0 12px 0;
  display: inline-block;
  position: relative;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.workshops-subtitle {
  color: var(--color-neutral);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-workshops-grid {
  gap: 32px;
  display: grid;
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
 
.home-workshops-pagination {
  gap: 10px;
  display: none;
  margin-top: 32px;
  justify-content: center;
}
 
.home-workshops-swipe-hint {
  gap: 8px;
  color: var(--color-neutral);
  display: none;
  animation: fadeInOut 2s ease-in-out infinite;
  font-size: var(--font-size-sm);
  margin-top: 16px;
  align-items: center;
  font-family: var(--font-family-body);
  justify-content: center;
}
 
.home-workshop-card2 {
  display: flex;
  padding: 20px;
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.home-swipe-hint-text1 {
  font-style: italic;
}
 
.swipe-hint-arrow {
  animation: slideLeft 1.5s ease-in-out infinite;
  font-size: var(--font-size-lg);
}
 
.home-workshop-badge2 {
  top: 20px;
  left: 20px;
  padding: 6px 14px;
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
 
.workshop-badge-live {
  color: var(--color-on-secondary);
  animation: pulseBadge 2s ease-in-out infinite;
  background: linear-gradient(
      135deg,
      rgba(226, 122, 27, 0.95),
      rgba(206, 145, 44, 0.95)
    );
  box-shadow: 0 4px 12px rgba(226, 122, 27, 0.3);
}
 
.home-workshop-card-content {
  flex: 1;
  display: flex;
  padding-top: 36px;
  flex-direction: column;
}
 
.workshop-badge-closing {
  color: var(--color-on-accent);
  background: linear-gradient(
      135deg,
      rgba(155, 89, 182, 0.95),
      rgba(142, 68, 173, 0.95)
    );
  box-shadow: 0 4px 12px rgba(155, 89, 182, 0.3);
}
 
.workshop-badge-new {
  color: var(--color-on-primary);
  background: linear-gradient(
      135deg,
      rgba(52, 152, 219, 0.95),
      rgba(41, 128, 185, 0.95)
    );
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}
 
.home-workshop-card-title {
  color: var(--color-on-surface);
  margin: 0 0 12px 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-workshop-card-description {
  color: var(--color-on-surface-secondary);
  margin: 0 0 20px 0;
  flex-grow: 1;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.workshop-details-grid {
  gap: 12px;
  display: grid;
  padding: 16px 0;
  border-top: var(--divider-value);
  border-bottom: var(--divider-value);
  margin-bottom: 20px;
  grid-template-columns: repeat(3, 1fr);
}
 
.workshop-cta-group {
  gap: 12px;
  display: flex;
  margin-bottom: 12px;
}
 
.home-workshop-helper-text1 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-xs);
  font-style: italic;
  text-align: center;
  font-family: var(--font-family-body);
  line-height: 1.4;
}
 
.workshop-detail-item {
  gap: 8px;
  display: flex;
  align-items: center;
}
 
.workshop-btn {
  flex: 1;
  border: none;
  cursor: pointer;
  padding: 14px 24px;
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
  letter-spacing: 0.3px;
}
 
.workshop-btn-primary {
  color: var(--color-on-primary);
  background: linear-gradient(
      135deg,
      var(--color-primary),
      var(--color-secondary)
    );
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.25);
}
 
.workshop-btn-secondary {
  color: var(--color-on-surface);
  border: 2px solid var(--color-border);
  background: transparent;
}
 
.workshop-icon {
  color: var(--color-primary);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.home-workshop-detail-text {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
}
 
.workshop-pagination-dot {
  width: 10px;
  border: none;
  cursor: pointer;
  height: 10px;
  padding: 0;
  background: rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.upcoming-workshops-section::before {
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  opacity: 0.3;
  position: absolute;
  background: linear-gradient(
      90deg,
      transparent,
      var(--color-primary),
      transparent
    );
}
 
.workshops-main-title::after {
  left: 50%;
  width: 60px;
  bottom: -8px;
  height: 3px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: var(--color-primary);
  border-radius: var(--border-radius-full);
}
 
.home-workshop-card2::before {
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  content: "";
  position: absolute;
  transform: scaleX(0);
  background: linear-gradient(
      90deg,
      var(--color-primary),
      var(--color-secondary)
    );
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: left;
}
 
.home-workshop-card2:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 48px rgba(206, 145, 44, 0.25);
}
 
.home-workshop-card2:hover::before {
  transform: scaleX(1);
}
 
.workshop-btn::before {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.15);
  transition: width 0.5s, height 0.5s;
  border-radius: 50%;
}
 
.workshop-btn:hover::before {
  width: 300px;
  height: 300px;
}
 
.workshop-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(206, 145, 44, 0.35);
}
 
.workshop-btn-primary:active {
  transform: translateY(0);
}
 
.workshop-btn-secondary:hover {
  color: var(--color-primary);
  background: rgba(206, 145, 44, 0.05);
  border-color: var(--color-primary);
}
 
.workshop-pagination-dot:hover {
  transform: scale(1.2);
  background: rgba(255, 255, 255, 0.5);
}
 
.workshop-pagination-dot.active {
  width: 32px;
  background: var(--color-primary);
  border-radius: var(--border-radius-full);
}
 

 
.home-workshops-carousel-wrapper2 {
  position: relative;
}
 
.home-workshops-grid1 {
  gap: 32px;
  display: grid;
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
 
.home-workshops-pagination1 {
  gap: 10px;
  display: none;
  margin-top: 32px;
  justify-content: center;
}
 
.home-workshops-swipe-hint1 {
  gap: 8px;
  color: var(--color-neutral);
  display: none;
  animation: fadeInOut 2s ease-in-out infinite;
  font-size: var(--font-size-sm);
  margin-top: 16px;
  align-items: center;
  font-family: var(--font-family-body);
  justify-content: center;
}
 
.home-workshop-card3 {
  display: flex;
  padding: 20px;
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.home-swipe-hint-text2 {
  font-style: italic;
}
 
.home-workshop-badge3 {
  top: 20px;
  left: 20px;
  padding: 6px 14px;
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
 
.home-workshop-card-content1 {
  flex: 1;
  display: flex;
  padding-top: 36px;
  flex-direction: column;
}
 
.home-workshop-card-title1 {
  color: var(--color-on-surface);
  margin: 0 0 12px 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-workshop-card-description1 {
  color: var(--color-on-surface-secondary);
  margin: 0 0 20px 0;
  flex-grow: 1;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-workshop-helper-text2 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-xs);
  font-style: italic;
  text-align: center;
  font-family: var(--font-family-body);
  line-height: 1.4;
}
 
.home-workshop-detail-text1 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
}
 
.home-workshop-card3::before {
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  content: "";
  position: absolute;
  transform: scaleX(0);
  background: linear-gradient(
      90deg,
      var(--color-primary),
      var(--color-secondary)
    );
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: left;
}
 
.home-workshop-card3:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 48px rgba(206, 145, 44, 0.25);
}
 
.home-workshop-card3:hover::before {
  transform: scaleX(1);
}
 

 
.home-workshops-carousel-wrapper3 {
  position: relative;
}
 
.home-workshops-grid2 {
  gap: 32px;
  display: grid;
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
 
.home-workshops-pagination2 {
  gap: 10px;
  display: none;
  margin-top: 32px;
  justify-content: center;
}
 
.home-workshops-swipe-hint2 {
  gap: 8px;
  color: var(--color-neutral);
  display: none;
  animation: fadeInOut 2s ease-in-out infinite;
  font-size: var(--font-size-sm);
  margin-top: 16px;
  align-items: center;
  font-family: var(--font-family-body);
  justify-content: center;
}
 
.home-workshop-card4 {
  display: flex;
  padding: 20px;
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.home-swipe-hint-text3 {
  font-style: italic;
}
 
.home-workshop-badge4 {
  top: 20px;
  left: 20px;
  padding: 6px 14px;
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
 
.home-workshop-card-content2 {
  flex: 1;
  display: flex;
  padding-top: 36px;
  flex-direction: column;
}
 
.home-workshop-card-title2 {
  color: var(--color-on-surface);
  margin: 0 0 12px 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-workshop-card-description2 {
  color: var(--color-on-surface-secondary);
  margin: 0 0 20px 0;
  flex-grow: 1;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-workshop-helper-text3 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-xs);
  font-style: italic;
  text-align: center;
  font-family: var(--font-family-body);
  line-height: 1.4;
}
 
.home-workshop-detail-text2 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
}
 
.home-workshop-card4::before {
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  content: "";
  position: absolute;
  transform: scaleX(0);
  background: linear-gradient(
      90deg,
      var(--color-primary),
      var(--color-secondary)
    );
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: left;
}
 
.home-workshop-card4:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 48px rgba(206, 145, 44, 0.25);
}
 
.home-workshop-card4:hover::before {
  transform: scaleX(1);
}
 

 
.home-workshops-section {
  padding: 72px 32px;
  background: var(--color-surface);
}
 
.home-container2 {
  display: none;
}
 
.home-container3 {
  display: contents;
}
 
.home-section-title1 {
  font-size: var(--font-size-3xl);
  font-style: var(--font-style-heading);
  text-align: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: var(--text-transform-heading);
}
 
.home-home-workshops-carousel-wrapper {
  position: relative;
  margin-top: 32px;
}
 
.home-workshops-carousel {
  gap: 32px;
  display: flex;
  flex-direction: column;
}
 
.workshop-content1 {
  width: 857px;
  padding: 20px;
}
 
.home-home-workshop-content {
  gap: 20px;
  flex: 3;
  display: flex;
  padding: 20px;
  flex-direction: column;
}
 
.workshop-content2 {
  width: 857px;
  padding: 20px;
}
 
.home-home-workshop-badge1 {
  top: var(--spacing-md);
  color: var(--color-on-secondary);
  right: var(--spacing-md);
  padding: 6px 12px;
  z-index: 2;
  position: absolute;
  font-size: 12px;
  background: var(--color-secondary);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.home-home-workshop-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}
 
.home-home-workshop-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: var(--line-height-body);
}
 
.home-workshop-details-row {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.home-home-workshop-cta-buttons {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
}
 
.home-home-workshop-helper-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: var(--line-height-body);
}
 
.home-home-workshop-detail-pill {
  gap: var(--spacing-xs);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-surface);
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.home-workshop-cta-primary {
  flex: 1;
  padding: 12px 20px;
  font-size: 16px;
  min-width: 150px;
  background: linear-gradient(to right, #D69600 0%, #BA5D00 100%);
  font-weight: 500;
}
 
.home-workshop-cta-secondary {
  flex: 1;
  padding: 12px 20px;
  font-size: 16px;
  min-width: 150px;
  font-weight: 500;
}
 
.home-workshop-detail-text3 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.starting-soon-workshops-section {
  padding: 64px 32px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      135deg,
      var(--color-surface) 0%,
      color-mix(in oklab, var(--color-surface) 95%, var(--color-primary)) 100%
    );
}
 
.starting-soon-workshops-container {
  margin: 0 auto;
  z-index: 1;
  position: relative;
  max-width: 1200px;
}
 
.starting-soon-workshops-header {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.featured-workshop-card {
  gap: var(--spacing-3xl);
  border: 1px solid color-mix(in oklab, var(--color-primary) 15%, transparent);
  display: grid;
  padding: var(--spacing-3xl);
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      135deg,
      #ffffff 0%,
      color-mix(in oklab, #ffffff 96%, var(--color-primary)) 100%
    );
  box-shadow: 0 4px 6px
        color-mix(in oklab, var(--color-neutral) 8%, transparent),
      0 12px 40px color-mix(in oklab, var(--color-primary) 12%, transparent);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
      box-shadow 0.4s ease;
  border-radius: var(--border-radius-xl);
  margin-bottom: var(--spacing-4xl);
  grid-template-columns: 1fr 1fr;
}
 
.other-workshops-grid {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
 
.starting-soon-main-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.starting-soon-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.featured-workshop-image-wrapper {
  z-index: 2;
  overflow: hidden;
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: var(--border-radius-lg);
}
 
.featured-workshop-content {
  gap: var(--spacing-lg);
  display: flex;
  z-index: 2;
  position: relative;
  flex-direction: column;
  justify-content: center;
}
 
.other-workshop-card {
  border: 1px solid color-mix(in oklab, var(--color-neutral) 20%, transparent);
  display: flex;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 2px 4px
        color-mix(in oklab, var(--color-neutral) 6%, transparent),
      0 8px 24px color-mix(in oklab, var(--color-neutral) 10%, transparent);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
      box-shadow 0.4s ease;
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.featured-workshop-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
 
.featured-workshop-badges {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.featured-workshop-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.featured-workshop-subheading {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.featured-workshop-details {
  gap: var(--spacing-md) var(--spacing-lg);
  display: flex;
  flex-wrap: wrap;
}
 
.featured-workshop-cta-block {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-sm);
  flex-direction: column;
}
 
.other-workshop-image-wrapper {
  overflow: hidden;
  position: relative;
  aspect-ratio: 4 / 3;
}
 
.other-workshop-content {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.workshop-badge-featured {
  gap: 6px;
  display: inline-flex;
  padding: 8px 16px;
  font-size: var(--font-size-sm);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.workshop-badge-starting {
  color: var(--color-on-primary);
  background: linear-gradient(
      135deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    );
  box-shadow: 0 4px 12px
      color-mix(in oklab, var(--color-primary) 25%, transparent);
}
 
.workshop-badge-live-indicator {
  color: #ffffff;
  animation: pulse-badge 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background: #ef4444;
  box-shadow: 0 4px 12px color-mix(in oklab, #ef4444 25%, transparent);
}
 
.workshop-badge-limited {
  color: var(--color-on-accent);
  background: var(--color-accent);
  box-shadow: 0 4px 12px
      color-mix(in oklab, var(--color-accent) 25%, transparent);
}
 
.featured-detail-item {
  gap: 8px;
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.featured-cta-buttons {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
}
 
.featured-reassurance-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.other-workshop-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
 
.other-workshop-badge {
  top: 16px;
  left: 16px;
  padding: 6px 14px;
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-xs);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
  backdrop-filter: blur(12px);
}
 
.badge-new {
  color: var(--color-on-primary);
  background: linear-gradient(
      135deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    );
}
 
.other-workshop-title {
  color: var(--color-on-surface);
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
  letter-spacing: var(--letter-spacing-heading);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.other-workshop-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.other-workshop-details {
  gap: var(--spacing-xs);
  display: flex;
  border-top: 1px solid var(--color-outline);
  padding-top: var(--spacing-sm);
  flex-direction: column;
}
 
.other-workshop-cta {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: auto;
  padding-top: var(--spacing-md);
  flex-direction: column;
}
 
.badge-filling-fast {
  color: var(--color-on-accent);
  background: var(--color-accent);
}
 
.badge-popular {
  color: #ffffff;
  background: #ef4444;
}
 
.badge-icon {
  flex-shrink: 0;
}
 
.featured-workshop-btn-primary {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: 16px 32px;
  font-size: var(--font-size-base);
  background: linear-gradient(
      135deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    );
  box-shadow: 0 4px 16px
      color-mix(in oklab, var(--color-primary) 30%, transparent);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
      box-shadow 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.featured-workshop-btn-secondary {
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  padding: 16px 32px;
  font-size: var(--font-size-base);
  background: transparent;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.other-detail-item {
  gap: 8px;
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-xs);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.other-workshop-btn-primary {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-sm);
  background: linear-gradient(
      135deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    );
  box-shadow: 0 2px 8px
      color-mix(in oklab, var(--color-primary) 25%, transparent);
  text-align: center;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
      box-shadow 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.other-workshop-btn-secondary {
  color: var(--color-primary);
  border: 2px solid var(--color-outline);
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-sm);
  background: transparent;
  text-align: center;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.other-detail-icon {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.starting-soon-workshops-section::before {
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  content: "";
  position: absolute;
  background: radial-gradient(
      circle,
      color-mix(in oklab, var(--color-primary) 8%, transparent) 0%,
      transparent 70%
    );
  border-radius: var(--border-radius-full);
  pointer-events: none;
}
 
.featured-workshop-card::before {
  top: -50%;
  left: -20%;
  width: 400px;
  height: 400px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(
      circle,
      color-mix(in oklab, var(--color-secondary) 6%, transparent) 0%,
      transparent 70%
    );
  border-radius: var(--border-radius-full);
  pointer-events: none;
}
 
.featured-workshop-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 12px
        color-mix(in oklab, var(--color-neutral) 12%, transparent),
      0 20px 60px color-mix(in oklab, var(--color-primary) 18%, transparent);
}
 
.featured-workshop-card:hover .featured-workshop-image {
  transform: scale(1.05);
}
 
.workshop-badge-featured:hover {
  transform: translateY(-2px);
}
 
.featured-workshop-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px
      color-mix(in oklab, var(--color-primary) 40%, transparent);
}
 
.featured-workshop-btn-primary:active {
  transform: translateY(0);
}
 
.featured-workshop-btn-secondary:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-primary) 8%, transparent);
}
 
.featured-workshop-btn-secondary:active {
  transform: translateY(0);
}
 
.other-workshop-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 4px 8px
        color-mix(in oklab, var(--color-neutral) 8%, transparent),
      0 16px 40px color-mix(in oklab, var(--color-primary) 15%, transparent);
}
 
.other-workshop-card:hover .other-workshop-image {
  transform: scale(1.08);
}
 
.other-workshop-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px
      color-mix(in oklab, var(--color-primary) 35%, transparent);
}
 
.other-workshop-btn-primary:active {
  transform: translateY(0);
}
 
.other-workshop-btn-secondary:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-primary) 6%, transparent);
  border-color: var(--color-primary);
}
 
.other-workshop-btn-secondary:active {
  transform: translateY(0);
}
 
.app-download-promo-section {
  width: 100%;
  padding: 72px 32px;
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.app-download-promo-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1180px;
}
 
.app-download-promo-card {
  gap: 64px;
  display: grid;
  padding: 64px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #1a2642 0%, #2d4563 50%, #1e3a52 100%);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.2), 0 8px 32px rgba(0, 0, 0, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
      box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: var(--border-radius-xl);
  grid-template-columns: 1fr 1fr;
}
 
.app-download-promo-content {
  gap: 28px;
  display: flex;
  z-index: 3;
  position: relative;
  flex-direction: column;
}
 
.app-download-promo-visual {
  height: 500px;
  margin: -32px -32px -32px 0;
  display: flex;
  z-index: 3;
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.app-promo-title {
  color: var(--color-on-primary);
  margin: 0;
  font-size: clamp(2rem, 2vw + 1.5rem, 3rem);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: -0.5px;
}
 
.app-promo-subtitle {
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.app-promo-benefits {
  gap: 16px;
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.app-promo-download-buttons {
  gap: 16px;
  display: flex;
  margin-top: 8px;
}
 
.app-mockup-primary {
  top: 50%;
  right: 10%;
  width: 280px;
  height: 560px;
  z-index: 2;
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.3),
      inset 0 0 0 2px rgba(255, 255, 255, 0.1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 32px;
}
 
.app-mockup-secondary {
  top: 55%;
  left: 5%;
  width: 240px;
  height: 480px;
  opacity: 0.9;
  z-index: 1;
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%) rotate(-8deg);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), 0 6px 20px rgba(0, 0, 0, 0.25),
      inset 0 0 0 2px rgba(255, 255, 255, 0.1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
  border-radius: 28px;
}
 
.app-promo-glow-accent {
  right: -10%;
  width: 400px;
  bottom: -20%;
  filter: blur(60px);
  height: 400px;
  z-index: 1;
  position: absolute;
  animation: pulse-glow 4s ease-in-out infinite;
  background: radial-gradient(
      circle,
      rgba(206, 145, 44, 0.2) 0%,
      transparent 70%
    );
  pointer-events: none;
}
 
.app-promo-title-accent {
  color: var(--color-primary);
  display: inline-block;
  position: relative;
}
 
.app-promo-benefit-item {
  gap: 14px;
  color: rgba(255, 255, 255, 0.9);
  display: flex;
  font-size: var(--font-size-base);
  transition: transform 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  line-height: 1.5;
}
 
.home-app-store-button1 {
  gap: 12px;
  color: #000000;
  border: 2px solid transparent;
  display: flex;
  padding: 14px 24px;
  overflow: hidden;
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 

 

 
.app-mockup-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.benefit-icon {
  color: var(--color-primary);
  width: 40px;
  height: 40px;
  display: flex;
  min-width: 40px;
  background: rgba(206, 145, 44, 0.15);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.benefit-text {
  flex: 1;
  letter-spacing: var(--letter-spacing-body);
}
 
.store-button-icon {
  width: 32px;
  height: 32px;
  display: flex;
  background: rgba(0, 0, 0, 0.05);
  align-items: center;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.store-button-content {
  gap: 2px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.store-button-label {
  opacity: 0.7;
  font-size: 10px;
  font-weight: var(--font-weight-body);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.store-button-name {
  font-size: 16px;
  font-weight: var(--font-weight-heading);
  letter-spacing: -0.2px;
}
 
.app-download-promo-card::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(
        circle at 20% 50%,
        rgba(206, 145, 44, 0.15) 0%,
        transparent 50%
      ),radial-gradient(
        circle at 80% 30%,
        rgba(226, 122, 27, 0.12) 0%,
        transparent 50%
      );
  pointer-events: none;
}
 
.app-download-promo-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.25), 0 12px 40px rgba(0, 0, 0, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
 
.app-promo-title-accent::after {
  left: 0;
  right: 0;
  bottom: 2px;
  height: 3px;
  content: "";
  opacity: 0.5;
  position: absolute;
  background: linear-gradient(
      90deg,
      var(--color-primary),
      var(--color-secondary)
    );
  border-radius: 2px;
}
 
.app-promo-benefit-item:hover {
  transform: translateX(4px);
}
 
.app-promo-benefit-item:hover .benefit-icon {
  transform: rotate(5deg) scale(1.05);
  background: rgba(206, 145, 44, 0.25);
}
 
.benefit-icon  svg {
  width: 22px;
  height: 22px;
}
 
.home-app-store-button1::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(
      90deg,
      transparent,
      rgba(206, 145, 44, 0.1),
      transparent
    );
  transition: left 0.5s ease;
}
 
.home-app-store-button1:hover::before {
  left: 100%;
}
 
.home-app-store-button1:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  border-color: var(--color-primary);
}
 
.store-button-icon  svg {
  width: 20px;
  height: 20px;
}
 
.app-mockup-primary:hover {
  transform: translateY(-50%) scale(1.02) rotate(-1deg);
}
 
.app-mockup-secondary:hover {
  opacity: 1;
  transform: translateY(-50%) rotate(-5deg) scale(1.02);
}
 
.home-live-workshops-section {
  width: 100%;
  padding: 4rem 2rem;
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.home-live-workshops-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.home-live-workshops-header {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}
 
.live-workshops-grid {
  gap: var(--spacing-2xl);
  display: grid;
  align-items: start;
  grid-template-columns: 1.6fr 1fr;
}
 
.live-workshops-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.live-workshops-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.workshop-card-feature {
  border: 1px solid var(--color-border);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-xl);
}
 
.workshop-cards-stack {
  gap: var(--spacing-xl);
  display: flex;
  flex-direction: column;
}
 
.workshop-card-feature-image-wrapper {
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  aspect-ratio: 16 / 9;
}
 
.workshop-card-feature-content {
  padding: var(--spacing-2xl);
}
 
.workshop-card-small {
  gap: var(--spacing-lg);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
}
 
.workshop-card-feature-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.workshop-card-feature-image-overlay {
  left: 0;
  right: 0;
  bottom: 0;
  height: 120px;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
      to top,
      color-mix(in oklab, var(--color-surface-elevated) 90%, transparent),
      transparent
    );
  pointer-events: none;
}
 
.workshop-card-category {
  color: var(--color-secondary);
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-secondary) 12%, transparent);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.workshop-card-feature-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
  letter-spacing: var(--letter-spacing-heading);
}
 
.workshop-card-feature-description {
  color: var(--color-on-surface-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.workshop-card-meta-row {
  gap: var(--spacing-lg);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-xl);
}
 
.workshop-card-cta {
  color: var(--color-on-primary);
  display: inline-block;
  padding: 0.875rem 2rem;
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, #F2C94C 0%, #F2994A 100%);
  box-shadow: 0 2px 8px
      color-mix(in oklab, var(--color-primary) 25%, transparent);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
  letter-spacing: var(--letter-spacing-body);
  text-decoration: none;
}
 
.workshop-card-helper-text {
  gap: 0.5rem;
  color: var(--color-on-surface-secondary);
  margin: var(--spacing-md) 0 0 0;
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.workshop-card-small-image-wrapper {
  width: 120px;
  height: 120px;
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
}
 
.workshop-card-small-content {
  flex: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
}
 
.workshop-card-meta-item {
  gap: 0.5rem;
  display: flex;
  align-items: center;
}
 
.workshop-card-small-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.workshop-card-category-small {
  color: var(--color-secondary);
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: var(--font-size-xs);
  align-self: flex-start;
  background: color-mix(in oklab, var(--color-secondary) 12%, transparent);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.workshop-card-small-title {
  color: var(--color-on-surface);
  margin: 0 0 0.5rem 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-heading);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.workshop-card-small-meta {
  color: var(--color-on-surface-secondary);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.workshop-card-cta-small {
  color: var(--color-primary);
  border: 1px solid color-mix(in oklab, var(--color-primary) 25%, transparent);
  display: inline-block;
  padding: 0.625rem 1.25rem;
  font-size: var(--font-size-sm);
  align-self: flex-start;
  background: color-mix(in oklab, var(--color-primary) 10%, transparent);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
  letter-spacing: var(--letter-spacing-body);
  text-decoration: none;
}
 
.workshop-card-meta-icon {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.workshop-card-meta-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-live-workshops-section::before {
  top: -10%;
  left: -5%;
  width: 500px;
  height: 500px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(
      circle,
      color-mix(in oklab, var(--color-primary) 8%, transparent) 0%,
      transparent 70%
    );
  border-radius: 50%;
  pointer-events: none;
}
 
.home-live-workshops-section::after {
  right: -8%;
  width: 600px;
  bottom: -15%;
  height: 600px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(
      circle,
      color-mix(in oklab, var(--color-secondary) 6%, transparent) 0%,
      transparent 70%
    );
  border-radius: 50%;
  pointer-events: none;
}
 
.workshop-card-feature:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-3);
  border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
 
.workshop-card-feature:hover .workshop-card-feature-image {
  transform: scale(1.05);
}
 
.workshop-card-meta-icon  svg {
  width: 20px;
  height: 20px;
}
 
.workshop-card-cta:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-primary) 90%, black);
  box-shadow: 0 4px 16px
      color-mix(in oklab, var(--color-primary) 35%, transparent);
}
 
.workshop-card-helper-text  svg {
  color: var(--color-secondary);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
 
.workshop-card-small::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  content: "";
  z-index: 3;
  position: absolute;
  background: linear-gradient(
      to bottom,
      var(--color-primary),
      var(--color-secondary)
    );
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.workshop-card-small:hover {
  transform: translateX(4px);
  box-shadow: var(--shadow-level-2);
  border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
}
 
.workshop-card-small:hover::before {
  height: 100%;
}
 
.workshop-card-small:hover .workshop-card-small-image {
  transform: scale(1.08);
}
 

 
.workshop-card-cta-small:hover {
  color: var(--color-on-primary);
  transform: translateY(-1px);
  background: var(--color-primary);
  border-color: var(--color-primary);
}
 
.home-testimonials-section {
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.home-testimonials-container {
  margin: 0 auto;
  padding: 0 2rem;
  max-width: 1200px;
}
 
.testimonials-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.testimonials-panel-wrapper {
  margin: 0 auto;
  display: block;
  max-width: 900px;
}
 
.testimonials-carousel-wrapper {
  display: none;
}
 
.testimonials-cta {
  margin-top: var(--spacing-3xl);
  text-align: center;
}
 
.testimonials-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
}
 
.testimonials-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto var(--spacing-lg);
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.testimonials-rating-line {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-base);
  margin-top: var(--spacing-lg);
  align-items: center;
  font-family: var(--font-family-body);
  justify-content: center;
}
 
.testimonials-panel {
  border: 1px solid var(--color-border);
  height: 550px;
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: color-mix(
      in oklab,
      var(--color-surface) 50%,
      var(--color-surface-elevated)
    );
  box-shadow: var(--shadow-level-1);
  border-radius: var(--border-radius-card);
}
 

 
.testimonials-view-more-btn {
  color: var(--color-on-secondary);
  border: 2px solid var(--color-secondary);
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: var(--font-size-base);
  background: var(--color-secondary);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
  justify-content: center;
  text-decoration: none;
}
 
.rating-star-aggregate {
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
}
 
.rating-aggregate-text {
  font-weight: var(--font-weight-medium);
}
 
.home-testimonials-track {
  gap: var(--spacing-md);
  display: flex;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  flex-direction: column;
}
 

 
.home-testimonial-card {
  border: 1px solid var(--color-outline);
  padding: var(--spacing-lg);
  position: relative;
  background: var(--color-surface);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
}
 
.testimonial-card-header {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-md);
  justify-content: space-between;
}
 
.testimonial-quote {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md);
  position: relative;
  font-size: var(--font-size-base);
  font-style: italic;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.home-testimonial-author {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.home-testimonial-rating {
  gap: var(--spacing-xs);
  color: var(--color-primary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.platform-icon {
  color: var(--color-on-surface-secondary);
  width: 24px;
  height: 24px;
  display: flex;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.rating-star-icon {
  color: var(--color-primary);
  width: 16px;
  height: 16px;
}
 
.rating-text {
  color: var(--color-on-surface);
  font-weight: var(--font-weight-medium);
}
 
.home-testimonial-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.home-testimonial-card:hover .platform-icon {
  opacity: 1;
}
 
.testimonials-view-more-btn:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-secondary) 90%, black);
  box-shadow: var(--shadow-level-2);
}
 

 

 

 

 

 

 
.home-testimonials-section1 {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      135deg,
      var(--color-surface) 0%,
      color-mix(in oklab, var(--color-surface) 95%, var(--color-primary)) 100%
    );
}
 
.home-testimonials-container1 {
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.home-testimonials-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.testimonials-content-grid {
  gap: var(--spacing-3xl);
  display: grid;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: 42% 58%;
}
 
.testimonials-mobile-carousel {
  display: none;
  padding: var(--spacing-md) 0;
  overflow: hidden;
  margin-bottom: var(--spacing-2xl);
}
 
.testimonials-cta-wrapper {
  margin-top: var(--spacing-2xl);
  text-align: center;
}
 
.testimonials-heading {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-testimonials-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  margin-left: auto;
  margin-right: auto;
}
 
.testimonials-aggregate-rating {
  gap: var(--spacing-xs);
  border: 1px solid color-mix(in oklab, var(--color-primary) 25%, transparent);
  display: inline-flex;
  padding: var(--spacing-sm) var(--spacing-lg);
  background: color-mix(
      in oklab,
      var(--color-primary) 15%,
      var(--color-surface)
    );
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.testimonials-image-column {
  position: relative;
}
 
.testimonials-scroll-column {
  position: relative;
}
 
.testimonials-mobile-track {
  gap: var(--spacing-md);
  display: flex;
  padding: 0 var(--spacing-md);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.testimonials-cta-btn {
  color: var(--color-on-primary);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 16px
      color-mix(in oklab, var(--color-primary) 30%, transparent);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
  justify-content: center;
  text-decoration: none;
}
 
.home-rating-star-icon {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.aggregate-rating-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.testimonials-image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12),
      0 0 0 1px color-mix(in oklab, var(--color-primary) 20%, transparent);
  min-height: 600px;
  border-radius: var(--border-radius-xl);
}
 
.testimonials-scroll-wrapper {
  height: 600px;
  padding: var(--spacing-sm);
  overflow: hidden;
  position: relative;
  background: color-mix(in oklab, var(--color-surface) 40%, transparent);
  border-radius: var(--border-radius-lg);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
 
.testimonials-static-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.6s ease;
}
 
.testimonials-image-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
      180deg,
      transparent 0%,
      color-mix(in oklab, var(--color-primary) 20%, transparent) 100%
    );
  pointer-events: none;
}
 
.home-testimonials-track1 {
  gap: var(--spacing-md);
  display: flex;
  animation: scrollTestimonials 40s linear infinite;
  flex-direction: column;
}
 
.home-testimonial-card1 {
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  flex-shrink: 0;
  border-radius: var(--border-radius-card);
}
 
.testimonial-header-row {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-md);
  justify-content: space-between;
}
 
.home-testimonial-quote {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  position: relative;
  font-size: var(--font-size-base);
  font-style: italic;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  padding-left: var(--spacing-md);
}
 
.testimonial-author-info {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
}
 
.testimonial-rating-group {
  gap: var(--spacing-xs);
  display: flex;
  align-items: center;
}
 
.testimonial-platform-icon {
  width: 22px;
  height: 22px;
  opacity: 0.7;
  object-fit: contain;
  transition: opacity 0.3s ease;
  flex-shrink: 0;
}
 
.testimonial-author-name {
  color: var(--color-on-surface);
  font-weight: var(--font-weight-medium);
}
 
.testimonial-context {
  font-weight: var(--font-weight-body);
}
 
.testimonial-star-icon {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.testimonial-rating-text {
  color: var(--color-primary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.home-testimonials-section1::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(
        circle at 20% 30%,
        color-mix(in oklab, var(--color-primary) 8%, transparent) 0%,
        transparent 50%
      ),radial-gradient(
        circle at 80% 70%,
        color-mix(in oklab, var(--color-secondary) 8%, transparent) 0%,
        transparent 50%
      );
  pointer-events: none;
}
 
.testimonials-image-wrapper:hover .testimonials-static-image {
  transform: scale(1.05);
}
 
.home-testimonials-track1:hover {
  animation-play-state: paused;
}
 
.home-testimonial-card1::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(
      180deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    );
  transition: opacity 0.3s ease;
}
 
.home-testimonial-card1:hover {
  transform: translateX(4px);
  box-shadow: var(--shadow-level-3);
  border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
 
.home-testimonial-card1:hover::before {
  opacity: 1;
}
 
.home-testimonial-card1:hover .testimonial-platform-icon {
  opacity: 1;
}
 
.home-testimonial-quote::before {
  top: -4px;
  left: 0;
  color: var(--color-primary);
  content: '"';
  opacity: 0.3;
  position: absolute;
  font-size: var(--font-size-2xl);
  font-family: Georgia, serif;
}
 
.testimonials-cta-btn:hover {
  transform: translateY(-2px);
  background: var(--color-secondary);
  box-shadow: 0 8px 24px
      color-mix(in oklab, var(--color-secondary) 35%, transparent);
  border-color: var(--color-secondary);
}
 
.testimonials-cta-btn:active {
  transform: translateY(0);
}
 
.home-testimonials-section2 {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      135deg,
      var(--color-surface) 0%,
      color-mix(in oklab, var(--color-surface) 95%, var(--color-primary)) 100%
    );
}
 
.home-testimonials-container2 {
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.home-testimonials-header1 {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.home-testimonials-subtitle1 {
  color: var(--color-on-surface-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  margin-left: auto;
  margin-right: auto;
}
 
.home-rating-star-icon1 {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.home-testimonials-track2 {
  gap: var(--spacing-md);
  display: flex;
  animation: scrollTestimonials 40s linear infinite;
  flex-direction: column;
}
 
.home-testimonial-card2 {
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  flex-shrink: 0;
  border-radius: var(--border-radius-card);
}
 
.home-testimonial-quote1 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  position: relative;
  font-size: var(--font-size-base);
  font-style: italic;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  padding-left: var(--spacing-md);
}
 
.home-testimonials-section2::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(
        circle at 20% 30%,
        color-mix(in oklab, var(--color-primary) 8%, transparent) 0%,
        transparent 50%
      ),radial-gradient(
        circle at 80% 70%,
        color-mix(in oklab, var(--color-secondary) 8%, transparent) 0%,
        transparent 50%
      );
  pointer-events: none;
}
 
.home-testimonials-track2:hover {
  animation-play-state: paused;
}
 
.home-testimonial-card2::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(
      180deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    );
  transition: opacity 0.3s ease;
}
 
.home-testimonial-card2:hover {
  transform: translateX(4px);
  box-shadow: var(--shadow-level-3);
  border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
 
.home-testimonial-card2:hover::before {
  opacity: 1;
}
 
.home-testimonial-card2:hover .testimonial-platform-icon {
  opacity: 1;
}
 
.home-testimonial-quote1::before {
  top: -4px;
  left: 0;
  color: var(--color-primary);
  content: '"';
  opacity: 0.3;
  position: absolute;
  font-size: var(--font-size-2xl);
  font-family: Georgia, serif;
}
 
.video-testimonials-section {
  padding: 4rem 1rem;
  overflow: hidden;
  position: relative;
  background-color: var(--color-surface);
}
 
.video-testimonials-container {
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  max-width: 1200px;
}
 
.video-modal {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
  position: fixed;
  align-items: center;
  justify-content: center;
}
 
.video-testimonials-header {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.video-testimonials-grid {
  gap: var(--spacing-2xl);
  display: grid;
  margin-bottom: var(--spacing-4xl);
  grid-template-columns: 1fr 0.6fr;
}
 
.video-testimonials-cta {
  border: 1px solid var(--color-border);
  padding: var(--spacing-3xl) var(--spacing-xl);
  background: linear-gradient(
      135deg,
      rgba(206, 145, 44, 0.08) 0%,
      rgba(226, 122, 27, 0.06) 100%
    );
  text-align: center;
  border-radius: var(--border-radius-card);
}
 
.video-modal-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  backdrop-filter: blur(8px);
  background-color: rgba(0, 0, 0, 0.9);
}
 
.video-modal-content {
  width: 90%;
  z-index: 3;
  overflow: hidden;
  position: relative;
  max-width: 1100px;
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.5);
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius-lg);
  background-color: #000;
}
 
.video-testimonials-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-heading);
}
 
.video-testimonials-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 600px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.video-hero-column {
  width: 100%;
}
 
.video-strip-column {
  width: 100%;
}
 
.video-mobile-carousel {
  display: none;
}
 
.video-cta-heading {
  color: var(--color-on-surface);
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-lg);
}
 
.video-cta-button {
  color: var(--color-on-primary);
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: var(--font-size-base);
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  text-decoration: none;
  background-color: var(--color-primary);
}
 
.video-modal-close {
  top: -48px;
  right: 0;
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 4;
  position: absolute;
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 50%;
  backdrop-filter: blur(8px);
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.1);
}
 
.video-modal-embed {
  width: 100%;
  height: 100%;
}
 
.video-card {
  cursor: pointer;
  overflow: hidden;
  box-shadow: var(--shadow-level-2);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-card);
  background-color: var(--color-surface-elevated);
}
 
.video-card-hero {
  height: 100%;
  display: flex;
  flex-direction: column;
}
 
.video-strip-viewport {
  height: 600px;
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius-card);
}
 

 
.video-thumbnail-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  background-color: var(--color-neutral);
}
 
.video-card-content {
  padding: var(--spacing-lg);
}
 
.video-strip-track {
  gap: var(--spacing-lg);
  display: flex;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  flex-direction: column;
}
 

 
.video-thumbnail {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.video-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.4) 100%
    );
  transition: opacity 0.3s ease;
}
 
.video-label-pill {
  top: var(--spacing-md);
  color: var(--color-on-primary);
  right: var(--spacing-md);
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 3;
  position: absolute;
  font-size: var(--font-size-sm);
  box-shadow: 0 2px 12px rgba(206, 145, 44, 0.3);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
  background-color: var(--color-primary);
}
 
.video-play-button {
  top: 50%;
  left: 50%;
  width: 72px;
  border: none;
  cursor: pointer;
  height: 72px;
  display: flex;
  z-index: 3;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.95);
}
 
.video-card-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
  margin-bottom: var(--spacing-sm);
}
 
.video-card-meta {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: 1.5;
}
 
.video-card-small {
  flex-shrink: 0;
}
 

 
.video-play-button-small {
  width: 56px;
  height: 56px;
}
 
.video-card-title-small {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  margin-bottom: var(--spacing-xs);
}
 
.video-card-meta-small {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  line-height: 1.4;
}
 
.video-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-3);
}
 
.video-card:hover .video-thumbnail {
  transform: scale(1.08);
}
 
.video-card:hover .video-overlay {
  opacity: 0.8;
}
 
.video-card:hover .video-play-button {
  transform: translate(-50%, -50%) scale(1.15);
  box-shadow: 0 6px 30px rgba(206, 145, 44, 0.5);
  background-color: var(--color-primary);
}
 
.video-card:hover .video-play-button svg {
  color: var(--color-on-primary);
}
 
.video-play-button  svg {
  color: var(--color-primary);
  margin-left: 4px;
}
 
.video-card-small  .video-thumbnail-wrapper {
  padding-bottom: 60%;
}
 
.video-card-small  .video-card-content {
  padding: var(--spacing-md);
}
 
.video-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(226, 122, 27, 0.4);
  background-color: var(--color-secondary);
}
 
.video-modal.active {
  display: flex;
}
 
.video-modal-close:hover {
  transform: rotate(90deg);
  background-color: var(--color-primary);
}
 
.video-modal-close  svg {
  color: #fff;
}
 
.video-modal-embed  iframe {
  width: 100%;
  border: none;
  height: 100%;
}
 

 

 
.podcasts-section {
  padding: 4.5rem 1rem;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #2a1d16 0%, #1a1410 100%);
}
 
.podcasts-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1180px;
}
 
.podcast-modal {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  opacity: 0;
  z-index: 9999;
  position: fixed;
  transition: opacity 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.podcasts-header {
  text-align: center;
  margin-bottom: 3rem;
}
 
.podcasts-filters {
  gap: 1rem;
  display: flex;
  padding: 0 1rem;
  margin-bottom: 3rem;
  flex-direction: column;
}
 
.podcast-hero {
  gap: 2.5rem;
  border: 1px solid rgba(206, 145, 44, 0.2);
  cursor: pointer;
  display: grid;
  padding: 2rem;
  background: linear-gradient(
      135deg,
      rgba(206, 145, 44, 0.05) 0%,
      rgba(226, 122, 27, 0.05) 100%
    );
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-xl);
  margin-bottom: 4rem;
  backdrop-filter: blur(10px);
  grid-template-columns: 1fr 1fr;
}
 
.podcasts-grid {
  gap: 2rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
 
.podcast-modal-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.92);
  backdrop-filter: blur(8px);
}
 
.podcast-modal-content {
  width: 90%;
  z-index: 2;
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  transform: scale(0.9);
  background: var(--color-surface);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-xl);
}
 
.podcasts-title {
  color: var(--color-primary);
  margin: 0 0 1rem 0;
  font-size: var(--font-size-4xl);
  background: linear-gradient(
      135deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    );
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  letter-spacing: -0.02em;
  text-transform: var(--text-transform-heading);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.podcasts-subtitle {
  color: var(--color-neutral);
  margin: 0 auto;
  opacity: 0.9;
  font-size: var(--font-size-xl);
  max-width: 720px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.filter-group {
  gap: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
 
.podcast-hero-thumbnail {
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius-lg);
}
 
.podcast-hero-content {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
 
.podcast-card {
  border: 1px solid rgba(191, 181, 170, 0.15);
  cursor: pointer;
  overflow: hidden;
  background: linear-gradient(
      135deg,
      rgba(42, 29, 22, 0.6) 0%,
      rgba(26, 20, 16, 0.6) 100%
    );
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
  backdrop-filter: blur(8px);
}
 
.podcast-modal-close {
  top: 1rem;
  right: 1rem;
  width: 48px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
 
.podcast-modal-player {
  width: 100%;
  position: relative;
  background: #000;
  aspect-ratio: 16 / 9;
}
 
.filter-pill {
  color: var(--color-neutral);
  border: 1px solid var(--color-outline);
  cursor: pointer;
  padding: 0.625rem 1.5rem;
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-sm);
  background: rgba(191, 181, 170, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.podcast-hero-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
      180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
  transition: opacity 0.3s ease;
}
 
.podcast-language-badge {
  top: 1rem;
  color: var(--color-on-primary);
  right: 1rem;
  padding: 0.375rem 1rem;
  z-index: 3;
  position: absolute;
  font-size: var(--font-size-xs);
  background: var(--color-primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
}
 
.podcast-play-btn {
  top: 50%;
  left: 50%;
  width: 80px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  height: 80px;
  display: flex;
  z-index: 3;
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(206, 145, 44, 0.95);
  box-shadow: 0 8px 24px rgba(206, 145, 44, 0.4);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
 
.podcast-hero-title {
  color: var(--color-surface);
  margin: 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.podcast-tags {
  gap: 0.5rem;
  display: flex;
  flex-wrap: wrap;
}
 
.podcast-description {
  color: var(--color-neutral);
  margin: 0;
  opacity: 0.9;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.podcast-meta {
  gap: 0.5rem;
  color: var(--color-neutral);
  display: flex;
  opacity: 0.8;
  font-size: var(--font-size-sm);
  align-items: center;
  font-family: var(--font-family-body);
}
 
.podcast-card-thumbnail {
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
}
 
.podcast-card-body {
  gap: 0.75rem;
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
}
 
.podcast-tag {
  color: var(--color-primary);
  border: 1px solid rgba(206, 145, 44, 0.3);
  padding: 0.375rem 0.875rem;
  font-size: var(--font-size-sm);
  background: rgba(206, 145, 44, 0.15);
  transition: all 0.3s ease;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.podcast-meta-separator {
  color: var(--color-primary);
  font-weight: bold;
}
 
.podcast-card-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
      180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.6) 100%
    );
  transition: opacity 0.3s ease;
}
 
.podcast-language-badge-small {
  top: 0.75rem;
  right: 0.75rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.7rem;
}
 
.podcast-play-btn-small {
  width: 56px;
  height: 56px;
  border-width: 2px;
}
 
.podcast-card-title {
  color: var(--color-surface);
  margin: 0;
  font-size: var(--font-size-lg);
  transition: color 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
}
 
.podcast-card-description {
  color: var(--color-neutral);
  margin: 0;
  display: -webkit-box;
  opacity: 0.85;
  overflow: hidden;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.podcast-meta-small {
  font-size: 0.8rem;
}
 
.podcast-tag-small {
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
}
 
.podcasts-section::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(
        circle at 20% 20%,
        rgba(206, 145, 44, 0.08) 0%,
        transparent 50%
      ),radial-gradient(
        circle at 80% 80%,
        rgba(226, 122, 27, 0.06) 0%,
        transparent 50%
      );
  pointer-events: none;
}
 
.filter-pill::before {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  z-index: 1;
  position: absolute;
  transform: translate(-50%, -50%);
  background: var(--color-primary);
  transition: width 0.4s ease, height 0.4s ease;
  border-radius: 50%;
}
 
.filter-pill:hover::before {
  width: 200%;
  height: 200%;
}
 
.filter-pill:hover {
  color: var(--color-on-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(206, 145, 44, 0.3);
  border-color: var(--color-primary);
}
 
.filter-pill  span {
  z-index: 2;
  position: relative;
}
 
.filter-pill.active {
  color: var(--color-on-primary);
  background: var(--color-primary);
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.4);
  border-color: var(--color-primary);
}
 
.podcast-hero:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
  border-color: var(--color-primary);
}
 
.podcast-hero:hover .podcast-hero-thumbnail img {
  transform: scale(1.08);
}
 
.podcast-hero:hover .podcast-hero-overlay {
  opacity: 0.7;
}
 
.podcast-hero-thumbnail  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.podcast-play-btn  svg {
  color: var(--color-on-primary);
  transition: transform 0.3s ease;
  margin-left: 4px;
}
 
.podcast-play-btn:hover {
  transform: translate(-50%, -50%) scale(1.15);
  background: var(--color-secondary);
  box-shadow: 0 12px 32px rgba(226, 122, 27, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
}
 
.podcast-play-btn:hover svg {
  transform: scale(1.1);
}
 
.podcast-tag:hover {
  transform: translateY(-1px);
  background: rgba(206, 145, 44, 0.25);
  border-color: var(--color-primary);
}
 
.podcast-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  border-color: var(--color-primary);
}
 
.podcast-card:hover .podcast-card-thumbnail img {
  transform: scale(1.1) rotate(2deg);
}
 
.podcast-card:hover .podcast-card-overlay {
  opacity: 0.8;
}
 
.podcast-card:hover .podcast-card-title {
  color: var(--color-primary);
}
 
.podcast-card-thumbnail  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.podcast-modal.active {
  display: flex;
  opacity: 1;
}
 
.podcast-modal.active .podcast-modal-content {
  transform: scale(1);
}
 
.podcast-modal-close:hover {
  transform: rotate(90deg) scale(1.1);
  background: var(--color-primary);
  border-color: var(--color-primary);
}
 
.podcast-modal-close  svg {
  color: white;
}
 
.podcast-modal-player  iframe {
  width: 100%;
  border: none;
  height: 100%;
}
 
.home-podcasts-section {
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      180deg,
      color-mix(in oklab, var(--color-surface) 95%, var(--color-primary)) 0%,
      var(--color-surface) 50%,
      color-mix(in oklab, var(--color-surface) 92%, var(--color-secondary)) 100%
    );
}
 
.home-podcasts-container {
  margin: 0 auto;
  padding: 0 var(--spacing-2xl);
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.home-podcast-modal {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  opacity: 0;
  padding: var(--spacing-lg);
  z-index: 1000;
  position: fixed;
  transition: opacity 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.home-podcasts-header {
  animation: podcastsFadeInUp 0.8s ease-out;
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.home-podcasts-grid {
  gap: var(--spacing-xl);
  display: grid;
  margin-bottom: var(--spacing-2xl);
  grid-template-columns: repeat(3, 1fr);
}
 
.podcasts-swipe-hint {
  display: none;
  animation: podcastsSwipeAnimation 2s ease-in-out infinite;
  text-align: center;
  margin-bottom: var(--spacing-lg);
}
 
.podcasts-pagination {
  gap: var(--spacing-xs);
  display: none;
  margin-top: var(--spacing-xl);
  justify-content: center;
}
 
.home-podcast-modal-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background: color-mix(in oklab, #000000 85%, transparent);
  backdrop-filter: blur(8px);
}
 
.home-podcast-modal-content {
  width: 100%;
  z-index: 3;
  position: relative;
  animation: podcastsModalSlideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  max-width: 1000px;
}
 
.home-podcasts-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-podcasts-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-podcast-card {
  border: 1px solid var(--color-outline);
  cursor: pointer;
  overflow: hidden;
  animation: podcastsFadeInUp 0.8s ease-out backwards;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-card);
}
 
.home-podcast-modal-close {
  top: -48px;
  right: 0;
  width: 40px;
  border: none;
  cursor: pointer;
  height: 40px;
  display: flex;
  z-index: 4;
  position: absolute;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.podcast-modal-video-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #000000;
  box-shadow: var(--shadow-level-3);
  padding-top: 56.25%;
  border-radius: var(--border-radius-lg);
}
 
.podcast-thumbnail-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
  padding-top: 56.25%;
}
 
.podcast-content {
  padding: var(--spacing-lg);
}
 
.podcast-thumbnail {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.podcast-play-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  opacity: 0;
  z-index: 2;
  position: absolute;
  background: color-mix(in oklab, #000000 35%, transparent);
  transition: opacity 0.4s ease;
  align-items: center;
  justify-content: center;
}
 
.podcast-title {
  color: var(--color-on-surface);
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  min-height: 2.8em;
  transition: color 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  margin-bottom: var(--spacing-md);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.podcast-pills {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
}
 
.podcast-play-button {
  width: 72px;
  height: 72px;
  display: flex;
  transform: scale(0.8);
  background: var(--color-primary);
  box-shadow: 0 8px 24px rgba(206, 145, 44, 0.4);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.podcast-pill {
  color: var(--color-on-surface-secondary);
  border: 1px solid var(--color-outline);
  display: inline-block;
  padding: 6px 14px;
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-neutral) 25%, transparent);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
}
 
.podcast-pill-language {
  color: var(--color-on-primary);
  border: none;
  background: linear-gradient(
      135deg,
      var(--color-primary) 0%,
      var(--color-secondary) 100%
    );
  box-shadow: 0 2px 8px
      color-mix(in oklab, var(--color-primary) 25%, transparent);
  font-weight: 600;
}
 
.podcasts-pagination-dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  background: color-mix(in oklab, var(--color-neutral) 40%, transparent);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-full);
}
 
.home-podcasts-section::before {
  top: 0;
  left: 50%;
  width: 600px;
  height: 600px;
  content: "";
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  background: radial-gradient(
      circle,
      color-mix(in oklab, var(--color-primary) 8%, transparent) 0%,
      transparent 70%
    );
  pointer-events: none;
}
 
.home-podcast-card:nth-child(1) {
  animation-delay: 0.1s;
}
 
.home-podcast-card:nth-child(2) {
  animation-delay: 0.15s;
}
 
.home-podcast-card:nth-child(3) {
  animation-delay: 0.2s;
}
 
.home-podcast-card:nth-child(4) {
  animation-delay: 0.25s;
}
 
.home-podcast-card:nth-child(5) {
  animation-delay: 0.3s;
}
 
.home-podcast-card:nth-child(6) {
  animation-delay: 0.35s;
}
 
.home-podcast-card:nth-child(7) {
  animation-delay: 0.4s;
}
 
.home-podcast-card:nth-child(8) {
  animation-delay: 0.45s;
}
 
.home-podcast-card:nth-child(9) {
  animation-delay: 0.5s;
}
 
.home-podcast-card:nth-child(10) {
  animation-delay: 0.55s;
}
 
.home-podcast-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
  border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
}
 
.home-podcast-card:hover .podcast-thumbnail {
  transform: scale(1.08);
}
 
.home-podcast-card:hover .podcast-platform-icon {
  transform: scale(1.1);
}
 
.home-podcast-card:hover .podcast-play-overlay {
  opacity: 1;
}
 
.home-podcast-card:hover .podcast-play-button {
  transform: scale(1);
  box-shadow: 0 12px 32px rgba(206, 145, 44, 0.6);
}
 
.home-podcast-card:hover .podcast-title {
  color: var(--color-primary);
}
 

 

 
.podcast-play-button  svg {
  color: var(--color-on-primary);
  margin-left: 3px;
}
 
.podcast-pill:hover {
  color: var(--color-on-surface);
  background: color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: var(--color-primary);
}
 
.podcast-pill-language:hover {
  transform: translateY(-2px);
  background: linear-gradient(
      135deg,
      var(--color-secondary) 0%,
      var(--color-primary) 100%
    );
  box-shadow: 0 4px 12px
      color-mix(in oklab, var(--color-primary) 35%, transparent);
}
 
.podcasts-swipe-hint  span {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.5px;
}
 
.podcasts-pagination-dot.active {
  width: 24px;
  background: var(--color-primary);
}
 
.home-podcast-modal.active {
  display: flex;
  opacity: 1;
}
 
.home-podcast-modal-close:hover {
  transform: rotate(90deg) scale(1.1);
  background: var(--color-primary);
}
 
.home-podcast-modal-close  svg {
  color: var(--color-on-surface);
  transition: color 0.3s ease;
}
 
.home-podcast-modal-close:hover svg {
  color: var(--color-on-primary);
}
 
.podcast-modal-video-wrapper  iframe {
  top: 0;
  left: 0;
  width: 100%;
  border: none;
  height: 100%;
  position: absolute;
}
 

 
.home-home-podcasts-section {
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: #fff8ec;
}
 
.home-podcasts-swipe-hint {
  color: #7a625e;
  display: none;
  animation: podcastsSwipeAnimation 2s ease-in-out infinite;
  text-align: center;
  margin-bottom: var(--spacing-lg);
}
 
.home-home-podcast-modal-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background: rgba(42, 32, 56, 0.85);
  backdrop-filter: blur(8px);
}
 
.home-home-podcasts-title {
  color: #2a2038;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-home-podcasts-subtitle {
  color: #7a625e;
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-home-podcast-card {
  border: 1px solid #e6d4c3;
  cursor: pointer;
  overflow: hidden;
  animation: podcastsFadeInUp 0.8s ease-out backwards;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 18px;
}
 
.home-home-podcast-modal-close {
  top: -48px;
  color: #2a2038;
  right: 0;
  width: 40px;
  border: none;
  cursor: pointer;
  height: 40px;
  display: flex;
  z-index: 4;
  position: absolute;
  background: #ffffff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 999px;
  justify-content: center;
}
 
.home-podcast-modal-video-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #000000;
  box-shadow: 0 16px 64px rgba(0, 0, 0, 0.2);
  padding-top: 56.25%;
  border-radius: 18px;
}
 
.home-podcast-thumbnail-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #fff3e8;
  padding-top: 56.25%;
  border-radius: 18px 18px 0 0;
}
 
.home-podcast-platform-icon {
  top: var(--spacing-sm);
  color: #ffffff;
  right: var(--spacing-sm);
  width: 36px;
  height: 36px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: #e44b4f;
  box-shadow: 0 2px 8px rgba(228, 75, 79, 0.3);
  transition: transform 0.3s ease;
  align-items: center;
  border-radius: 8px;
  justify-content: center;
}
 
.home-podcast-play-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  opacity: 0;
  z-index: 2;
  position: absolute;
  background: rgba(42, 32, 56, 0.35);
  transition: opacity 0.4s ease;
  align-items: center;
  justify-content: center;
}
 
.home-podcast-title {
  color: #2a2038;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  min-height: 2.8em;
  transition: color 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  margin-bottom: var(--spacing-md);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.home-podcast-play-button {
  color: #ffffff;
  width: 72px;
  height: 72px;
  display: flex;
  transform: scale(0.8);
  background: #e44b4f;
  box-shadow: 0 8px 24px rgba(228, 75, 79, 0.4);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: 999px;
  justify-content: center;
}
 
.home-podcast-pill-language {
  color: #2a2038;
  border: none;
  background: #fff5cc;
  box-shadow: 0 2px 8px rgba(242, 201, 76, 0.25);
  font-weight: 600;
}
 
.home-podcast-pill {
  color: #2a2038;
  border: 1px solid #c9c2f0;
  display: inline-block;
  padding: 6px 14px;
  font-size: var(--font-size-sm);
  background: transparent;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: 999px;
  letter-spacing: var(--letter-spacing-body);
}
 
.home-home-podcast-modal-close:hover {
  background: #fff3e8;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
}
 
.home-home-podcast-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
  border-color: #d2b8a0;
}
 
.home-home-podcast-card:hover .podcast-thumbnail {
  transform: scale(1.05);
}
 
.home-home-podcast-card:hover .podcast-play-overlay {
  opacity: 1;
}
 
.home-home-podcast-card:hover .podcast-play-button {
  transform: scale(1);
}
 
.calendar-subscribe-section {
  padding: 80px 20px;
  overflow: hidden;
  position: relative;
  background: #fff8ec;
}
 
.calendar-subscribe-container {
  margin: 0 auto;
  max-width: 1200px;
}
 
.calendar-subscribe-card {
  gap: 60px;
  border: 1px solid #e5d4c5;
  display: grid;
  padding: 48px;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  align-items: center;
  border-radius: 16px;
  grid-template-columns: 1fr 1fr;
}
 
.calendar-content-column {
  z-index: 2;
  position: relative;
}
 
.calendar-image-column {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.calendar-badge-pill {
  color: #b0102a;
  display: inline-block;
  padding: 6px 16px;
  animation: calendar-badge-float 3s ease-in-out infinite;
  font-size: 14px;
  background: #fce7ec;
  font-weight: 600;
  border-radius: 999px;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.calendar-heading {
  color: #2a2038;
  display: inline-block;
  position: relative;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}
 
.calendar-subheading {
  color: #3c2723;
  opacity: 0.9;
  font-size: 18px;
  margin-top: 20px;
  line-height: 1.6;
  margin-bottom: 32px;
}
 
.calendar-whatsapp-button {
  gap: 12px;
  color: #ffffff;
  display: inline-flex;
  padding: 16px 32px;
  overflow: hidden;
  position: relative;
  font-size: 18px;
  background: #25d366;
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.35);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-weight: 600;
  border-radius: 999px;
  text-decoration: none;
}
 
.calendar-decorative-dots {
  gap: 8px;
  display: flex;
  opacity: 0.3;
  margin-top: 32px;
}
 
.calendar-image-wrapper {
  width: 100%;
  position: relative;
  animation: calendar-float-gentle 6s ease-in-out infinite;
  max-width: 400px;
}
 

 
.calendar-heading-accent {
  left: 0;
  width: 80px;
  bottom: -8px;
  height: 4px;
  position: absolute;
  animation: calendar-accent-grow 2s ease-in-out infinite;
  background: linear-gradient(90deg, #f5b326 0%, #ce912c 100%);
  border-radius: 999px;
}
 
.whatsapp-icon-wrapper {
  width: 24px;
  height: 24px;
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.whatsapp-button-text {
  z-index: 1;
  position: relative;
  letter-spacing: 0.3px;
}
 
.dot-element {
  width: 8px;
  height: 8px;
  animation: calendar-dot-bounce 1.5s ease-in-out infinite;
  background: #f5b326;
  border-radius: 50%;
}
 
.calendar-image-glow {
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  z-index: 1;
  position: absolute;
  animation: calendar-glow-pulse 4s ease-in-out infinite;
  transform: translate(-50%, -50%);
  background: radial-gradient(
      circle,
      rgba(206, 145, 44, 0.15) 0%,
      transparent 70%
    );
  border-radius: 50%;
}
 
.calendar-phone-image {
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.15));
  height: auto;
  z-index: 2;
  position: relative;
  max-width: 100%;
  object-fit: contain;
  border-radius: 24px;
}
 
.calendar-float-element {
  opacity: 0.4;
  z-index: 3;
  position: absolute;
  border-radius: 50%;
}
 
.calendar-float-1 {
  top: 10%;
  right: -5%;
  width: 60px;
  height: 60px;
  animation: calendar-float-orbit 8s ease-in-out infinite;
  background: linear-gradient(135deg, #f5b326 0%, #ce912c 100%);
}
 
.calendar-float-2 {
  left: -5%;
  width: 40px;
  bottom: 15%;
  height: 40px;
  animation: calendar-float-orbit 10s ease-in-out infinite reverse;
  background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
}
 
.whatsapp-icon {
  width: 24px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
  height: 24px;
  stroke: currentColor;
}
 
.calendar-subscribe-section::before {
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  content: "";
  position: absolute;
  animation: calendar-glow-pulse 8s ease-in-out infinite;
  background: radial-gradient(
      circle,
      rgba(245, 179, 38, 0.08) 0%,
      transparent 70%
    );
  border-radius: 50%;
  pointer-events: none;
}
 
.calendar-subscribe-card::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(180deg, #f5b326 0%, #ce912c 50%, #f5b326 100%);
}
 
.calendar-whatsapp-button::before {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.2);
  transition: width 0.6s ease, height 0.6s ease;
  border-radius: 999px;
}
 
.calendar-whatsapp-button:hover {
  transform: translateY(-2px);
  background: #1fa855;
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.45);
}
 
.calendar-whatsapp-button:hover::before {
  width: 300px;
  height: 300px;
}
 
.calendar-whatsapp-button:active {
  transform: translateY(0);
}
 
.dot-element:nth-child(2) {
  animation-delay: 0.2s;
}
 
.dot-element:nth-child(3) {
  animation-delay: 0.4s;
}
 
.home-nirvana-hero-spiritual1 {
  width: 100%;
  padding: 80px 0 60px 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #8b3a2c 0%, #a0513b 50%, #c26e4a 100%);
}
 

 

 
.container7 {
  display: none;
}
 
.container9 {
  display: none;
}
 
.container11 {
  display: none;
}
 
.home-home-nirvana-hero-spiritual-pill1 {
  gap: 8px;
  width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-flex;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.1);
  align-items: center;
  border-radius: 24px;
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-spiritual-pill2 {
  gap: 8px;
  width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-flex;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.1);
  align-items: center;
  border-radius: 24px;
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-spiritual-paragraph1 {
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  font-size: 18px;
  max-width: 560px;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.7;
}
 
.home-nirvana-hero-spiritual-instructor-image1 {
  width: 100%;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
  height: auto;
  max-height: 600px;
  object-fit: contain;
  object-position: bottom center;
}
 
.container8 {
  display: contents;
}
 
.container10 {
  display: contents;
}
 
.container12 {
  display: contents;
}
 
.home-home-nirvana-hero-spiritual-pill-icon {
  color: #e09f3e;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.home-nirvana-hero-spiritual-pill-icon1 {
  color: #e09f3e;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.home-nirvana-hero-spiritual-pill-text1 {
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  font-family: var(--font-family-body);
  font-weight: 500;
  letter-spacing: 0.3px;
}
 
.home-home-nirvana-hero-spiritual-pill-text {
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  font-family: var(--font-family-body);
  font-weight: 500;
  letter-spacing: 0.3px;
}
 
.home-nirvana-hero-spiritual-btn-primary1 {
  color: #ffffff;
  background: linear-gradient(135deg, #e09f3e 0%, #d18e2e 100%);
  box-shadow: 0 4px 16px rgba(224, 159, 62, 0.4);
}
 
.home-nirvana-hero-spiritual-btn-secondary1 {
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: transparent;
}
 
.home-nirvana-hero-spiritual-stat-card3 {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  padding: 16px 20px;
  min-width: 0;
  background: rgba(255, 255, 255, 0.08);
  text-align: center;
  align-items: center;
  border-radius: 16px;
  flex-direction: column;
  backdrop-filter: blur(10px);
}
 
.home-home-nirvana-hero-spiritual-stat-card2 {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  padding: 16px 20px;
  min-width: 0;
  background: rgba(255, 255, 255, 0.08);
  text-align: center;
  align-items: center;
  border-radius: 16px;
  flex-direction: column;
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-spiritual-stat-number1 {
  color: #e09f3e;
  font-size: 32px;
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
}
 
.home-home-nirvana-hero-spiritual-stat-label1 {
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.4;
}
 
.home-nirvana-hero-spiritual-stat-label2 {
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.4;
}
 
.home-nirvana-hero-spiritual-btn-primary1:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #f0af4e 0%, #e19f3e 100%);
  box-shadow: 0 6px 20px rgba(224, 159, 62, 0.5);
}
 
.home-nirvana-hero-spiritual-btn-secondary1:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}
 
.upcoming-courses-tickets-section {
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  position: relative;
  background: linear-gradient(
      135deg,
      color-mix(in oklab, var(--color-surface) 95%, var(--color-primary)),
      color-mix(in oklab, var(--color-surface) 98%, var(--color-accent))
    );
}
 
.tickets-section-container {
  margin: 0 auto;
  z-index: 1;
  position: relative;
  max-width: var(--content-max-width);
}
 
.tickets-section-header {
  max-width: 700px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}
 
.tickets-carousel-wrapper {
  position: relative;
  margin-bottom: var(--spacing-xl);
}
 
.tickets-scroll-indicator {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-lg);
  align-items: center;
  flex-direction: column;
}
 
.tickets-section-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-heading);
}
 
.tickets-section-subtitle {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.tickets-carousel-track {
  gap: var(--spacing-md);
  margin: 0 calc(-1 * var(--spacing-md));
  display: flex;
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-xl)
      var(--spacing-md);
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.scroll-indicator-text {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-weight: 500;
}
 
.scroll-indicator-dots {
  gap: 8px;
  display: flex;
}
 
.event-ticket-card {
  flex: 0 0 90vw;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  max-width: 340px;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 12px 40px rgba(0, 0, 0, 0.06);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
      box-shadow 0.4s ease;
  border-radius: var(--border-radius-lg);
  scroll-snap-align: center;
}
 
.scroll-dot {
  width: 8px;
  height: 8px;
  background: color-mix(in oklab, var(--color-neutral) 50%, transparent);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.ticket-media-header {
  height: 200px;
  overflow: hidden;
  position: relative;
}
 
.ticket-content-body {
  padding: var(--spacing-lg);
}
 
.ticket-action-footer {
  gap: 12px;
  display: flex;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  flex-direction: column;
}
 
.ticket-course-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
 
.ticket-urgency-badge {
  top: 12px;
  left: 12px;
  padding: 6px 16px;
  z-index: 2;
  position: absolute;
  animation: pulse-badge 2s ease-in-out infinite;
  font-size: var(--font-size-sm);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
 
.badge-urgent {
  color: #ffffff;
  animation: pulse-urgent 1.5s ease-in-out infinite;
  background: linear-gradient(135deg, #ff4757, #ff6348);
}
 
.ticket-image-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.3) 100%
    );
}
 
.ticket-course-title {
  color: var(--color-on-surface);
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.2px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.ticket-course-description {
  color: var(--color-on-surface-secondary);
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-body);
  margin-bottom: var(--spacing-md);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
 
.ticket-meta-row {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  border-top: 1px dashed
      color-mix(in oklab, var(--color-neutral) 40%, transparent);
  padding-top: var(--spacing-sm);
}
 
.ticket-btn-primary {
  color: var(--color-on-primary);
  width: 100%;
  border: none;
  cursor: pointer;
  padding: 14px var(--spacing-lg);
  font-size: var(--font-size-base);
  background: linear-gradient(
      135deg,
      var(--color-primary),
      color-mix(in oklab, var(--color-primary) 85%, var(--color-accent))
    );
  box-shadow: 0 4px 12px rgba(206, 145, 44, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: 600;
  border-radius: var(--border-radius-control);
  letter-spacing: 0.3px;
}
 
.ticket-btn-notify {
  gap: 8px;
  color: var(--color-on-surface-secondary);
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 10px;
  font-size: var(--font-size-sm);
  background: transparent;
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 500;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.badge-moderate {
  color: #2d1f00;
  background: linear-gradient(135deg, #ffa502, #ffb300);
}
 
.badge-relaxed {
  color: #0a3d1f;
  background: linear-gradient(135deg, #26de81, #20bf6b);
}
 
.ticket-meta-item {
  gap: 6px;
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-xs);
  align-items: center;
  font-weight: 500;
}
 
.notify-bell-icon {
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
 
.upcoming-courses-tickets-section::before {
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  content: "";
  position: absolute;
  background: radial-gradient(
      circle,
      color-mix(in oklab, var(--color-primary) 8%, transparent),
      transparent 70%
    );
  border-radius: 50%;
  pointer-events: none;
}
 
.tickets-carousel-track::-webkit-scrollbar {
  display: none;
}
 
.event-ticket-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 20px 60px rgba(0, 0, 0, 0.1);
}
 
.event-ticket-card::before {
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  content: "";
  z-index: 10;
  position: absolute;
  background: linear-gradient(
      90deg,
      var(--color-primary),
      var(--color-accent)
    );
}
 
.event-ticket-card:hover .ticket-course-image {
  transform: scale(1.08);
}
 
.ticket-meta-item  svg {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.ticket-btn-primary:hover {
  transform: translateY(-2px);
  background: linear-gradient(
      135deg,
      color-mix(in oklab, var(--color-primary) 90%, #000),
      color-mix(in oklab, var(--color-primary) 75%, var(--color-accent))
    );
  box-shadow: 0 6px 20px rgba(206, 145, 44, 0.4);
}
 
.ticket-btn-primary:active {
  transform: translateY(0);
}
 
.ticket-btn-notify:hover {
  color: var(--color-primary);
  background: color-mix(in oklab, var(--color-primary) 8%, transparent);
}
 
.ticket-btn-notify:hover .notify-bell-icon {
  fill: color-mix(in oklab, var(--color-primary) 20%, transparent);
  color: var(--color-primary);
  transform: rotate(15deg) scale(1.1);
}
 
.scroll-dot.active {
  width: 24px;
  background: var(--color-primary);
  border-radius: var(--border-radius-full);
}
 
.starting-soon-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background-color: #f9f7f4;
}
 
.starting-soon-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.starting-soon-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.starting-soon-carousel {
  display: block;
}
 

 
.starting-soon-grid {
  display: none;
}
 

 
.starting-soon-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
}
 
.home-starting-soon-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.starting-soon-track {
  gap: var(--spacing-md);
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: var(--spacing-md);
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.swipe-hint-container {
  display: flex;
  margin-top: var(--spacing-lg);
  justify-content: center;
}
 
.home-carousel-pagination3 {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-lg);
  justify-content: center;
}
 
.starting-soon-card {
  flex: 0 0 78%;
  border: 1px solid #e8ddd0;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  scroll-snap-align: center;
}
 
.home-swipe-hint-text4 {
  color: var(--color-on-surface-secondary);
  border: 1px solid var(--color-outline);
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: rgba(255, 255, 255, 0.6);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-full);
}
 
.home-pagination-dot2 {
  width: 8px;
  cursor: pointer;
  height: 8px;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 56.25%;
}
 
.card-content {
  gap: var(--spacing-md);
  display: flex;
  padding: var(--spacing-lg);
  flex-direction: column;
}
 
.urgency-pill {
  top: var(--spacing-md);
  left: var(--spacing-md);
  color: #5c3317;
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-sm);
  background: linear-gradient(135deg, #f4e4c1 0%, #e8d5a8 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.card-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.card-text-section {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.info-chips-row {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.card-cta-button {
  color: #ffffff;
  width: 100%;
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, #8b4513 0%, #5c3317 100%);
  box-shadow: 0 4px 12px rgba(92, 51, 23, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.reassurance-row {
  gap: var(--spacing-xs);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.urgency-pill-week {
  color: #8b4513;
  background: linear-gradient(135deg, #ffe8cc 0%, #ffd9a6 100%);
}
 
.urgency-pill-month {
  color: #4a3728;
  background: linear-gradient(135deg, #e8ddd0 0%, #d4c4b0 100%);
}
 
.card-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
}
 
.card-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.info-chip {
  gap: 6px;
  border: 1px solid #e8ddd0;
  display: flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: #f5f0e8;
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.bell-icon {
  color: var(--color-on-surface-secondary);
  flex-shrink: 0;
}
 
.reassurance-text {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-style: italic;
  font-family: var(--font-family-body);
}
 
.chip-icon {
  color: var(--color-primary);
  flex-shrink: 0;
}
 
.chip-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.starting-soon-track::-webkit-scrollbar {
  display: none;
}
 
.starting-soon-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
 
.starting-soon-card:hover .card-image {
  transform: scale(1.05);
}
 
.card-cta-button:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #a0522d 0%, #6b3b1e 100%);
  box-shadow: 0 6px 16px rgba(92, 51, 23, 0.4);
}
 
.card-cta-button:active {
  transform: translateY(0);
}
 
.home-pagination-dot2.active {
  width: 24px;
  background: var(--color-primary);
  border-radius: var(--border-radius-full);
}
 
.home-starting-soon-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: #fff8f3;
}
 
.home-starting-soon-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.home-starting-soon-grid {
  gap: var(--spacing-2xl);
  display: grid;
  margin-bottom: var(--spacing-xl);
  grid-template-columns: repeat(3, 1fr);
}
 
.home-starting-soon-carousel {
  display: none;
}
 
.home-starting-soon-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.home-starting-soon-subtitle1 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.home-starting-soon-card {
  border: 1px solid #e8dcd2;
  overflow: hidden;
  position: relative;
  background: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-lg);
}
 

 
.starting-soon-swipe-hint {
  display: none;
}
 
.starting-soon-pagination {
  display: none;
}
 
.starting-soon-urgency-pill {
  top: 12px;
  left: 12px;
  color: #2a1d16;
  padding: 6px 12px;
  z-index: 10;
  position: absolute;
  font-size: 12px;
  background: #f4b860;
  box-shadow: 0 2px 8px rgba(244, 184, 96, 0.3);
  font-family: var(--font-family-body);
  font-weight: 700;
  border-radius: 20px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.starting-soon-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #efe6db 0%, #d4c4b0 100%);
  aspect-ratio: 16 / 9;
}
 
.starting-soon-content {
  padding: 20px;
}
 

 

 

 
.starting-soon-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
 
.starting-soon-card-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 18px;
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.starting-soon-card-description {
  color: var(--color-on-surface-secondary);
  margin: 0 0 var(--spacing-md) 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 14px;
  font-family: var(--font-family-body);
  line-height: 1.5;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.starting-soon-info-chips {
  gap: 8px;
  margin: 12px 0 16px 0;
  display: flex;
  flex-wrap: wrap;
}
 
.starting-soon-btn {
  color: white;
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 12px 16px;
  font-size: 15px;
  background: #8b3a3a;
  box-shadow: 0 2px 8px rgba(139, 58, 58, 0.2);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: 700;
  border-radius: 8px;
  justify-content: center;
  text-decoration: none;
}
 
.starting-soon-helper {
  gap: 6px;
  display: flex;
  margin-top: 12px;
  align-items: center;
  justify-content: center;
}
 
.starting-soon-chip {
  gap: 4px;
  color: #5a4a3a;
  display: flex;
  padding: 4px 8px;
  font-size: 11px;
  background: #f5f5f5;
  transition: background 0.2s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: 500;
  border-radius: 12px;
}
 
.starting-soon-bell-icon {
  color: var(--color-on-surface-secondary);
  width: 16px;
  height: 16px;
  opacity: 0.8;
}
 
.starting-soon-helper-text {
  color: var(--color-on-surface-secondary);
  opacity: 0.9;
  font-size: 12px;
  font-family: var(--font-family-body);
}
 
.starting-soon-chip-icon {
  color: #7e6b5a;
  width: 14px;
  height: 14px;
}
 
.starting-soon-chip-text {
  white-space: nowrap;
}
 
.home-starting-soon-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(139, 58, 58, 0.15);
}
 
.home-starting-soon-card:hover .starting-soon-image {
  transform: scale(1.05);
}
 

 
.starting-soon-chip:hover {
  background: #ede8e4;
}
 
.starting-soon-btn:hover {
  transform: translateY(-2px);
  background: #6f2e2e;
  box-shadow: 0 4px 16px rgba(139, 58, 58, 0.3);
}
 
.starting-soon-btn:active {
  transform: translateY(0);
}
 

 
.home-video-testimonials-section {
  padding: 48px 16px;
  overflow: hidden;
  position: relative;
  background-color: #fff8f3;
}
 
.home-video-testimonials-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1180px;
}
 
.home-video-modal {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  padding: 20px;
  z-index: 9999;
  position: fixed;
  align-items: center;
  justify-content: center;
}
 
.home-video-testimonials-header {
  text-align: center;
  margin-bottom: 48px;
}
 
.home-video-testimonials-grid {
  gap: 32px;
  display: grid;
  margin-bottom: 56px;
  grid-template-columns: 1.6fr 1fr;
}
 
.home-video-mobile-carousel {
  display: none;
  margin-bottom: 56px;
}
 
.home-video-testimonials-cta {
  border: 2px solid rgba(206, 145, 44, 0.1);
  padding: 48px 24px;
  background: linear-gradient(
      135deg,
      rgba(206, 145, 44, 0.05) 0%,
      rgba(226, 122, 27, 0.05) 100%
    );
  text-align: center;
  border-radius: 24px;
}
 
.home-video-modal-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
}
 
.home-video-modal-content {
  width: 100%;
  z-index: 2;
  overflow: hidden;
  position: relative;
  animation: modalSlideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  max-width: 1000px;
  background: #1a1a1a;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
  border-radius: 16px;
}
 
.home-video-testimonials-title {
  color: var(--color-on-surface);
  margin: 0 0 16px 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.video-testimonials-hero {
  position: relative;
}
 
.video-testimonials-strip {
  height: 640px;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
}
 
.home-video-mobile-track {
  gap: 16px;
  display: flex;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.home-video-cta-heading {
  color: var(--color-on-surface);
  margin: 0 0 24px 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.home-video-cta-button {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: 16px 40px;
  font-size: var(--font-size-base);
  background: var(--color-primary);
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  justify-content: center;
  text-decoration: none;
}
 
.home-video-modal-close {
  top: 16px;
  right: 16px;
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 50%;
  backdrop-filter: blur(10px);
  justify-content: center;
}
 
.video-modal-player {
  width: 100%;
  display: flex;
  background: #000000;
  align-items: center;
  aspect-ratio: 16 / 9;
  justify-content: center;
}
 
.home-video-card {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  box-shadow: 0 4px 24px rgba(206, 145, 44, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 16px;
}
 
.home-video-card-hero {
  height: 100%;
}
 
.video-strip-container {
  height: 100%;
  overflow: hidden;
  position: relative;
}
 
.video-card-thumbnail {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #f5e6d3 0%, #e8d5c0 100%);
  aspect-ratio: 16 / 9;
}
 
.home-video-card-content {
  padding: 24px;
}
 
.home-video-strip-track {
  gap: 20px;
  display: flex;
  animation: scrollUp 16s linear infinite;
  will-change: transform;
  flex-direction: column;
}
 
.video-thumbnail-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.home-video-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.1) 100%
    );
  transition: background 0.3s ease;
}
 
.home-video-label-pill {
  top: 16px;
  color: #2a1d16;
  right: 16px;
  padding: 6px 14px;
  z-index: 3;
  position: absolute;
  font-size: var(--font-size-xs);
  background: linear-gradient(135deg, #d4af37 0%, #c19a2e 100%);
  box-shadow: 0 2px 8px rgba(212, 175, 55, 0.3);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.home-video-play-button {
  top: 50%;
  left: 50%;
  width: 72px;
  border: none;
  cursor: pointer;
  height: 72px;
  display: flex;
  z-index: 3;
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: 50%;
  backdrop-filter: blur(10px);
  justify-content: center;
}
 
.home-video-card-title {
  color: var(--color-on-surface);
  margin: 0 0 8px 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.home-video-card-meta {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.home-video-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(206, 145, 44, 0.15);
}
 
.home-video-card:hover .video-thumbnail-image {
  transform: scale(1.05);
}
 
.home-video-card:hover .video-overlay {
  background: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.2) 100%
    );
}
 
.home-video-play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 12px 48px rgba(206, 145, 44, 0.3);
}
 
.home-video-play-button  svg {
  color: var(--color-primary);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
  margin-left: 3px;
}
 
.video-play-button-small  svg {
  width: 20px;
  height: 20px;
}
 
.home-video-strip-track:hover {
  animation-play-state: paused;
}
 
.video-card-small  .video-card-title {
  font-size: var(--font-size-base);
}
 
.home-video-mobile-track::-webkit-scrollbar {
  display: none;
}
 
.home-video-mobile-track  .video-card {
  flex: 0 0 85%;
  max-width: 400px;
  scroll-snap-align: start;
}
 
.home-video-cta-button:hover {
  transform: translateY(-2px);
  background: #b8801f;
  box-shadow: 0 8px 24px rgba(206, 145, 44, 0.3);
}
 
.home-video-modal.active {
  display: flex;
}
 
.home-video-modal-close:hover {
  transform: rotate(90deg);
  background: rgba(255, 255, 255, 0.25);
}
 
.home-video-modal-close  svg {
  color: #ffffff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
 
.video-modal-player  iframe {
  width: 100%;
  border: none;
  height: 100%;
}
 
.home-video-testimonials-section1 {
  padding: 48px 16px;
  overflow: hidden;
  position: relative;
  background-color: #fff8f3;
}
 
.home-video-testimonials-container1 {
  width: 100%;
  margin: 0 auto;
  max-width: 1180px;
}
 
.home-video-modal1 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  padding: 20px;
  z-index: 9999;
  position: fixed;
  align-items: center;
  justify-content: center;
}
 
.home-video-testimonials-header1 {
  text-align: center;
  margin-bottom: 48px;
}
 
.home-video-testimonials-grid1 {
  gap: 32px;
  display: grid;
  margin-bottom: 56px;
  grid-template-columns: 1.6fr 1fr;
}
 
.home-video-mobile-carousel1 {
  display: none;
  margin-bottom: 56px;
}
 
.home-video-testimonials-cta1 {
  border: 2px solid rgba(206, 145, 44, 0.1);
  padding: 48px 24px;
  background: linear-gradient(
      135deg,
      rgba(206, 145, 44, 0.05) 0%,
      rgba(226, 122, 27, 0.05) 100%
    );
  text-align: center;
  border-radius: 24px;
}
 
.home-video-modal-backdrop1 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
}
 
.home-video-modal-content1 {
  width: 100%;
  z-index: 2;
  overflow: hidden;
  position: relative;
  animation: modalSlideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  max-width: 1000px;
  background: #1a1a1a;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
  border-radius: 16px;
}
 
.home-video-testimonials-title1 {
  color: var(--color-on-surface);
  margin: 0 0 16px 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.home-video-mobile-track1 {
  gap: 16px;
  display: flex;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.home-video-cta-heading1 {
  color: var(--color-on-surface);
  margin: 0 0 24px 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.home-video-cta-button1 {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: 16px 40px;
  font-size: var(--font-size-base);
  background: var(--color-primary);
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  justify-content: center;
  text-decoration: none;
}
 
.home-video-modal-close1 {
  top: 16px;
  right: 16px;
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 50%;
  backdrop-filter: blur(10px);
  justify-content: center;
}
 
.home-video-card1 {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  box-shadow: 0 4px 24px rgba(206, 145, 44, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 16px;
}
 
.home-video-card-hero1 {
  height: 100%;
}
 
.home-video-card-content1 {
  padding: 24px;
}
 
.home-video-strip-track1 {
  gap: 20px;
  display: flex;
  animation: scrollUp 16s linear infinite;
  will-change: transform;
  flex-direction: column;
}
 
.home-video-overlay1 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.1) 100%
    );
  transition: background 0.3s ease;
}
 
.home-video-label-pill1 {
  top: 16px;
  color: #2a1d16;
  right: 16px;
  padding: 6px 14px;
  z-index: 3;
  position: absolute;
  font-size: var(--font-size-xs);
  background: linear-gradient(135deg, #d4af37 0%, #c19a2e 100%);
  box-shadow: 0 2px 8px rgba(212, 175, 55, 0.3);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.home-video-play-button1 {
  top: 50%;
  left: 50%;
  width: 72px;
  border: none;
  cursor: pointer;
  height: 72px;
  display: flex;
  z-index: 3;
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: 50%;
  backdrop-filter: blur(10px);
  justify-content: center;
}
 
.home-video-card-title1 {
  color: var(--color-on-surface);
  margin: 0 0 8px 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.home-video-card-meta1 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.home-video-card1:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(206, 145, 44, 0.15);
}
 
.home-video-card1:hover .video-thumbnail-image {
  transform: scale(1.05);
}
 
.home-video-card1:hover .video-overlay {
  background: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.2) 100%
    );
}
 
.home-video-play-button1:hover {
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 12px 48px rgba(206, 145, 44, 0.3);
}
 
.home-video-play-button1  svg {
  color: var(--color-primary);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
  margin-left: 3px;
}
 
.home-video-strip-track1:hover {
  animation-play-state: paused;
}
 
.home-video-mobile-track1::-webkit-scrollbar {
  display: none;
}
 
.home-video-mobile-track1  .video-card {
  flex: 0 0 85%;
  max-width: 400px;
  scroll-snap-align: start;
}
 
.home-video-cta-button1:hover {
  transform: translateY(-2px);
  background: #b8801f;
  box-shadow: 0 8px 24px rgba(206, 145, 44, 0.3);
}
 
.home-video-modal1.active {
  display: flex;
}
 
.home-video-modal-close1:hover {
  transform: rotate(90deg);
  background: rgba(255, 255, 255, 0.25);
}
 
.home-video-modal-close1  svg {
  color: #ffffff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
 
.testimonials-section-wrapper {
  padding: 48px 40px;
  background-color: var(--color-surface);
}
 
.testimonials-container-main {
  margin: 0 auto;
  max-width: 1200px;
}
 
.testimonials-header-content {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.testimonials-two-column-layout {
  gap: var(--spacing-3xl);
  display: grid;
  align-items: start;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: 42% 58%;
}
 
.home-testimonials-carousel1 {
  display: none;
}
 
.home-testimonials-cta-wrapper {
  margin-top: var(--spacing-3xl);
  text-align: center;
}
 
.testimonials-main-heading {
  color: var(--color-on-surface);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
}
 
.testimonials-main-subtitle {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-lg);
  max-width: 800px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-lg);
}
 
.testimonials-aggregate-rating-line {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-base);
  align-items: center;
  font-family: var(--font-family-body);
  justify-content: center;
}
 
.home-testimonials-image-column {
  overflow: hidden;
  position: relative;
  box-shadow: var(--shadow-level-2);
  border-radius: var(--border-radius-lg);
}
 
.home-testimonials-panel {
  border: 1px solid var(--color-outline);
  height: 600px;
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: color-mix(in oklab, var(--color-surface) 80%, white);
  box-shadow: var(--shadow-level-1);
  border-radius: var(--border-radius-lg);
}
 

 
.home-testimonials-cta-btn {
  color: var(--color-on-primary);
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: var(--font-size-base);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  text-decoration: none;
  background-color: var(--color-primary);
}
 
.aggregate-rating-star {
  color: #d4af37;
  font-size: var(--font-size-xl);
  line-height: 1;
}
 
.home-aggregate-rating-text {
  color: var(--color-on-surface-secondary);
}
 
.home-testimonials-static-image {
  width: 100%;
  height: 600px;
  display: block;
  object-fit: cover;
  border-radius: var(--border-radius-lg);
}
 
.testimonials-viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
}
 

 
.home-testimonials-track3 {
  gap: var(--spacing-md);
  display: flex;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  flex-direction: column;
}
 
.home-testimonial-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-style: italic;
  font-family: var(--font-family-body);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}
 
.home-testimonial-name {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.testimonial-item {
  border: 1px solid var(--color-outline);
  padding: var(--spacing-lg);
  background: white;
  box-shadow: 0 2px 8px rgba(206, 145, 44, 0.08);
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
}
 
.testimonial-rating-row {
  gap: var(--spacing-xs);
  display: flex;
  align-items: center;
}
 
.home-testimonial-platform-icon {
  color: var(--color-on-surface-secondary);
  display: flex;
  opacity: 0.6;
  align-items: center;
}
 
.rating-icon {
  color: #d4af37;
  display: flex;
  align-items: center;
}
 
.home-rating-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.rating-star-svg {
  width: 20px;
  height: 20px;
}
 
.home-testimonial-platform-icon  svg {
  width: 20px;
  height: 20px;
}
 
.home-testimonials-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
  background-color: var(--color-secondary);
}
 

 
.home-home-starting-soon-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: #faf7f3;
}
 
.home-home-starting-soon-title {
  color: #2a1d16;
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.home-home-starting-soon-subtitle1 {
  color: #5a4a3a;
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.home-home-starting-soon-card {
  border: 1px solid #e8dcd2;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(42, 29, 22, 0.06),
      0 8px 24px rgba(42, 29, 22, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-lg);
}
 
.home-starting-soon-swipe-hint {
  display: none;
}
 
.home-starting-soon-urgency-pill {
  top: 12px;
  left: 12px;
  color: #2a1d16;
  padding: 6px 14px;
  z-index: 10;
  position: absolute;
  font-size: 12px;
  background: #f4b860;
  box-shadow: 0 2px 8px rgba(244, 184, 96, 0.35);
  font-family: var(--font-family-body);
  font-weight: 700;
  border-radius: 20px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.home-starting-soon-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #f5f1ec 0%, #e8dcd2 100%);
  aspect-ratio: 16 / 9;
}
 
.home-starting-soon-content {
  padding: 24px;
}
 
.home-starting-soon-card-title {
  color: #2a1d16;
  margin: 0 0 var(--spacing-sm) 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 20px;
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.home-starting-soon-card-description {
  color: #5a4a3a;
  margin: 0 0 var(--spacing-md) 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 15px;
  font-family: var(--font-family-body);
  line-height: 1.6;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.home-starting-soon-info-chips {
  gap: 8px;
  margin: 16px 0 20px 0;
  display: flex;
  flex-wrap: wrap;
}
 
.home-starting-soon-helper {
  gap: 8px;
  display: flex;
  margin-top: 14px;
  align-items: center;
  justify-content: center;
}
 
.home-starting-soon-chip {
  gap: 5px;
  color: #5a4a3a;
  border: 1px solid #e8dcd2;
  display: flex;
  padding: 6px 10px;
  font-size: 12px;
  background: #f5f1ec;
  transition: background 0.2s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: 600;
  border-radius: 14px;
}
 
.home-starting-soon-btn {
  color: #ffffff;
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 14px 20px;
  font-size: 15px;
  background: linear-gradient(135deg, #8b3a3a 0%, #a84545 100%);
  box-shadow: 0 3px 12px rgba(139, 58, 58, 0.25);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: 700;
  border-radius: 10px;
  justify-content: center;
  text-decoration: none;
}
 
.home-starting-soon-bell-icon {
  color: #7e6b5a;
  width: 16px;
  height: 16px;
  opacity: 0.85;
}
 
.home-starting-soon-helper-text {
  color: #7e6b5a;
  opacity: 0.9;
  font-size: 13px;
  font-family: var(--font-family-body);
}
 
.home-home-starting-soon-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 20px rgba(42, 29, 22, 0.1),
      0 12px 32px rgba(42, 29, 22, 0.08);
}
 
.home-home-starting-soon-card:hover .starting-soon-image {
  transform: scale(1.05);
}
 
.home-starting-soon-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #9d4444 0%, #b85252 100%);
  box-shadow: 0 4px 16px rgba(139, 58, 58, 0.35);
}
 
.home-starting-soon-chip:hover {
  background: #ebe5dc;
}
 
.home-home-workshops-section {
  padding: 72px 32px;
  background: #f8f4ed;
}
 
.home-section-title2 {
  color: #1a0b2e;
  font-size: var(--font-size-3xl);
  font-style: var(--font-style-heading);
  text-align: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: var(--text-transform-heading);
}
 
.home-section-subtitle1 {
  opacity: 1;
  font-size: var(--font-size-lg);
  font-style: var(--font-style-subheading);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.home-home-section-subtitle {
  color: rgba(26, 11, 46, 0.7);
  margin: var(--spacing-md) auto var(--spacing-3xl);
  max-width: 700px;
  text-align: center;
}
 
.home-home-workshop-card1 {
  gap: 0;
  border: 1px solid rgba(26, 11, 46, 0.1);
  display: flex;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(26, 11, 46, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
  flex-direction: row;
}
 
.home-workshops-swipe-hint3 {
  color: rgba(26, 11, 46, 0.7);
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-md);
  text-align: center;
  margin-bottom: var(--spacing-sm);
}
 
.home-workshops-counter {
  color: #1a0b2e;
  font-size: var(--font-size-base);
  text-align: center;
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-sm);
}
 
.home-workshops-dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  background: rgba(26, 11, 46, 0.2);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.home-home-home-workshop-badge1 {
  top: var(--spacing-md);
  color: #1a0b2e;
  right: var(--spacing-md);
  padding: 6px 12px;
  z-index: 2;
  position: absolute;
  font-size: 12px;
  background: linear-gradient(135deg, #ffd200, #f7b500);
  box-shadow: 0 2px 8px rgba(247, 181, 0, 0.3);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.home-home-home-workshop-title {
  color: #1a0b2e;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}
 
.home-home-home-workshop-description {
  color: rgba(26, 11, 46, 0.8);
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: var(--line-height-body);
}
 
.home-home-home-workshop-helper-text {
  color: rgba(26, 11, 46, 0.7);
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: var(--line-height-body);
}
 
.home-home-home-workshop-detail-pill {
  gap: var(--spacing-xs);
  border: 1px solid rgba(26, 11, 46, 0.15);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  background: #ffffff;
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.workshop-cta-primary1 {
  color: #1a0b2e;
  background: linear-gradient(to right, #ffd200, #f7b500, #ff8c00);
}
 
.home-btn {
  gap: var(--spacing-xs);
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  box-shadow: 0 2px 8px rgba(26, 11, 46, 0.08);
  text-align: center;
  transition: all 0.2s ease-in-out;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-body);
  user-select: none;
  white-space: nowrap;
  border-radius: var(--border-radius-control);
  justify-content: center;
  text-decoration: none;
}
 
.home-btn-primary {
  color: #1a0b2e;
  background: linear-gradient(to right, #ffd200, #f7b500, #ff8c00);
  border-color: transparent;
}
 
.home-home-workshop-cta-primary {
  flex: 1;
  color: #1a0b2e;
  padding: 12px 20px;
  font-size: 16px;
  min-width: 150px;
  background: linear-gradient(to right, #ffd200, #f7b500, #ff8c00);
  font-weight: 500;
}
 
.home-home-workshop-cta-secondary {
  flex: 1;
  color: #1a0b2e;
  padding: 12px 20px;
  font-size: 16px;
  min-width: 150px;
  font-weight: 500;
  border-color: rgba(26, 11, 46, 0.2);
}
 
.home-btn-outline {
  color: #1a0b2e;
  border: 1px solid rgba(26, 11, 46, 0.2);
  background-color: #ffffff;
}
 
.home-workshop-detail-icon {
  color: #f7b500;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
 
.home-workshop-detail-text4 {
  color: rgba(26, 11, 46, 0.8);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-home-workshop-detail-text3 {
  color: rgba(26, 11, 46, 0.8);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}
 
.home-btn-primary:hover {
  background: linear-gradient(to right, #f7b500, #ff8c00, #e67e00);
  box-shadow: 0 4px 16px rgba(247, 181, 0, 0.3);
}
 
.home-btn-outline:hover {
  border-color: #f7b500;
  background-color: rgba(247, 181, 0, 0.05);
}
 
.home-home-workshop-card1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(26, 11, 46, 0.12);
}
 
.home-workshops-dot.active {
  width: 24px;
  background: #f7b500;
  border-radius: 4px;
}
 
.home-home-workshop-cta-primary:hover {
  background: linear-gradient(to right, #f7b500, #ff8c00, #e67e00);
  box-shadow: 0 4px 16px rgba(247, 181, 0, 0.3);
}
 
.home-home-workshop-cta-secondary:hover {
  border-color: #f7b500;
  background-color: rgba(247, 181, 0, 0.05);
}
 
.workshop-cta-primary1:hover {
  background: linear-gradient(to right, #f7b500, #ff8c00, #e67e00);
}
 

 
.home-starting-soon-section1 {
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.home-starting-soon-container {
  width: 100%;
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.home-starting-soon-header1 {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.home-starting-soon-grid1 {
  gap: var(--spacing-xl);
  display: grid;
  margin-bottom: 0;
  grid-template-columns: repeat(3, 1fr);
}
 
.home-starting-soon-carousel1 {
  display: none;
}
 
.home-starting-soon-title1 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-starting-soon-subtitle2 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-starting-soon-card1 {
  border: 1px solid var(--color-border);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-card);
}
 

 

 

 
.starting-soon-card-inner {
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
}
 

 

 

 
.starting-soon-pill {
  top: var(--spacing-md);
  left: var(--spacing-md);
  color: var(--color-on-primary);
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 3;
  position: absolute;
  animation: pillPulse 2s ease-in-out infinite;
  font-size: var(--font-size-sm);
  background: var(--color-primary);
  box-shadow: var(--shadow-level-2);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
}
 
.home-starting-soon-image-wrapper1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  aspect-ratio: 16 / 9;
}
 
.home-starting-soon-content1 {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.starting-soon-pill-week {
  background: var(--color-secondary);
}
 
.starting-soon-pill-month {
  background: var(--color-accent);
}
 
.starting-soon-pill-text {
  display: block;
  white-space: nowrap;
}
 
.home-starting-soon-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.starting-soon-image-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    color-mix(in oklab, var(--color-on-surface) 5%, transparent) 100%
  );
  pointer-events: none;
}
 
.home-starting-soon-card-title1 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-starting-soon-card-description1 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.starting-soon-chips {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-sm);
}
 
.starting-soon-btn-primary {
  color: var(--color-on-primary);
  width: 100%;
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: var(--color-primary);
  box-shadow: var(--shadow-level-1);
  margin-top: auto;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-starting-soon-helper1 {
  gap: var(--spacing-xs);
  display: flex;
  margin-top: var(--spacing-sm);
  align-items: center;
  justify-content: center;
}
 
.home-starting-soon-chip1 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  border: 1px solid var(--color-outline);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  border-radius: var(--border-radius-sm);
}
 
.starting-soon-helper-icon {
  color: var(--color-primary);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
 
.home-starting-soon-helper-text1 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.4;
}
 
.home-starting-soon-chip-icon {
  color: var(--color-primary);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
 
.home-starting-soon-chip-text {
  display: block;
  white-space: nowrap;
}
 
.home-starting-soon-card1:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
  border-color: var(--color-primary);
}
 
.home-starting-soon-card1:hover .starting-soon-image {
  transform: scale(1.08);
}
 

 
.home-starting-soon-chip1:hover {
  background: color-mix(in oklab, var(--color-neutral) 30%, transparent);
  border-color: var(--color-primary);
}
 
.starting-soon-btn-primary::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in oklab, var(--color-on-primary) 20%, transparent),
    transparent
  );
  transition: left 0.5s ease;
}
 
.starting-soon-btn-primary:hover::before {
  left: 100%;
}
 
.starting-soon-btn-primary:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-primary) 90%, var(--color-on-surface));
  box-shadow: var(--shadow-level-2);
}
 
.starting-soon-btn-primary:active {
  transform: translateY(0);
  box-shadow: var(--shadow-level-1);
}
 

 

 

 
.featured-workshops-carousel {
  display: none;
}
 
.featured-workshops-card {
  display: flex;
  overflow: hidden;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(34, 21, 15, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 16px;
  flex-direction: column;
}
 

 
.featured-workshops-badge {
  top: var(--spacing-md);
  left: var(--spacing-md);
  color: #22150F;
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 2;
  position: absolute;
  font-size: var(--font-size-sm);
  background: linear-gradient(135deg, #FFE066 0%, #FFC700 100%);
  box-shadow: 0 2px 12px rgba(255, 199, 0, 0.4);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
}
 
.featured-workshops-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #F7E8C3 0%, #E8D5A8 100%);
  aspect-ratio: 16 / 9;
}
 
.featured-workshops-content {
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.featured-workshops-badge-week {
  background: linear-gradient(135deg, #F7E8C3 0%, #E8D5A8 100%);
}
 
.featured-workshops-badge-month {
  background: linear-gradient(135deg, #FFF4E0 0%, #FFE8B3 100%);
}
 

 
.featured-workshops-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.featured-workshops-card-title {
  color: #22150F;
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.featured-workshops-description {
  flex: 1;
  color: #5E4235;
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.featured-workshops-info-row {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-lg);
}
 
.featured-workshops-btn {
  color: #22150F;
  width: 100%;
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, #FFE066 0%, #FFC700 100%);
  box-shadow: 0 4px 16px rgba(255, 199, 0, 0.25);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
}
 
.featured-workshops-helper {
  gap: var(--spacing-xs);
  display: flex;
  margin-top: var(--spacing-md);
  align-items: center;
  justify-content: center;
}
 
.featured-workshops-chip {
  gap: 6px;
  color: #5E4235;
  display: inline-flex;
  padding: 6px 12px;
  font-size: var(--font-size-sm);
  background: #F7E8C3;
  transition: all 0.2s ease;
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.featured-workshops-helper-icon {
  color: #8B6B47;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
 
.featured-workshops-helper-text {
  color: #8B6B47;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
}
 
.featured-workshops-chip-icon {
  color: #8B6B47;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
 
.featured-workshops-chip-text {
  white-space: nowrap;
}
 
.featured-workshops-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(34, 21, 15, 0.15);
}
 
.featured-workshops-card:hover .featured-workshops-image {
  transform: scale(1.08);
}
 

 
.featured-workshops-chip:hover {
  transform: translateY(-2px);
  background: #FFE066;
}
 
.featured-workshops-btn::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0;
  position: absolute;
  background: linear-gradient(135deg, #FFC700 0%, #FFB300 100%);
  transition: opacity 0.3s ease;
}
 
.featured-workshops-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255, 199, 0, 0.4);
}
 
.featured-workshops-btn:hover::before {
  opacity: 1;
}
 
.featured-workshops-btn:active {
  transform: translateY(0);
}
 

 

 

 

 
.home-home-starting-soon-section1 {
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #FFF9F0 0%, #F5E6D3 100%);
}
 
.home-home-starting-soon-title1 {
  color: #22150F;
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-home-starting-soon-subtitle2 {
  color: #5E4235;
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-home-starting-soon-card1 {
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
  background: #FAF6F0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-card);
}
 
.home-starting-soon-pill {
  top: var(--spacing-md);
  left: var(--spacing-md);
  color: #22150F;
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 3;
  position: absolute;
  animation: pillPulse 2s ease-in-out infinite;
  font-size: var(--font-size-sm);
  background: linear-gradient(135deg, #FFD200 0%, #F7B500 100%);
  box-shadow: 0 4px 12px rgba(255, 210, 0, 0.3);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
}
 
.home-home-starting-soon-image-wrapper1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #F5E6D3;
  aspect-ratio: 16 / 9;
}
 
.home-starting-soon-pill-week {
  background: linear-gradient(135deg, #F7B500 0%, #FF8C00 100%);
}
 
.home-starting-soon-image-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.05) 100%
  );
  pointer-events: none;
}
 
.home-home-starting-soon-card-title1 {
  color: #22150F;
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-home-starting-soon-card-description1 {
  color: #5E4235;
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-starting-soon-btn-primary {
  color: #22150F;
  width: 100%;
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, #FFD200 0%, #FF8C00 100%);
  box-shadow: 0 4px 12px rgba(255, 140, 0, 0.25);
  margin-top: auto;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-home-starting-soon-chip1 {
  gap: var(--spacing-xs);
  color: #5E4235;
  border: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  border-radius: var(--border-radius-sm);
}
 
.home-starting-soon-helper-icon {
  color: #d4af37;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
 
.home-home-starting-soon-helper-text1 {
  color: #5E4235;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.4;
}
 
.home-home-starting-soon-chip-icon {
  color: #c19a2e;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
 
.home-starting-soon-chip-icon1 {
  color: #c19a2e;
  width: 14px;
  height: 14px;
}
 
.home-starting-soon-pill-month {
  background: linear-gradient(135deg, #d4af37 0%, #c19a2e 100%);
}
 

 

 

 

 

 

 
.home-home-starting-soon-card1:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  border-color: #d4af37;
}
 
.home-home-starting-soon-card1:hover .starting-soon-image {
  transform: scale(1.08);
}
 

 
.home-home-starting-soon-chip1:hover {
  background: rgba(0, 0, 0, 0.04);
  border-color: #d4af37;
}
 
.home-starting-soon-btn-primary::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  transition: left 0.5s ease;
}
 
.home-starting-soon-btn-primary:hover::before {
  left: 100%;
}
 
.home-starting-soon-btn-primary:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #F7B500 0%, #FF8C00 100%);
  box-shadow: 0 8px 20px rgba(255, 140, 0, 0.35);
}
 
.home-starting-soon-btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(255, 140, 0, 0.25);
}
 

 

 
.starting-soon-section-spiritual {
  width: 100%;
  padding: 80px 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(to bottom, #5e2a22, #59190f);
}
 
.starting-soon-spiritual-container {
  margin: 0 auto;
  padding: 0 32px;
  max-width: var(--content-max-width);
}
 
.starting-soon-spiritual-header {
  text-align: center;
  margin-bottom: 48px;
}
 
.starting-soon-spiritual-grid {
  gap: 32px;
  display: grid;
  row-gap: 24px;
  column-gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
 
.starting-soon-spiritual-carousel {
  margin: 0 -16px;
  display: none;
  overflow: hidden;
  position: relative;
}
 
.starting-soon-spiritual-pagination {
  gap: 12px;
  display: flex;
  margin-top: 32px;
  align-items: center;
  justify-content: center;
}
 
.starting-soon-spiritual-title {
  color: #ffffff;
  margin: 0 0 16px 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.starting-soon-spiritual-subtitle {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.starting-soon-spiritual-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-lg);
  backdrop-filter: blur(10px);
}
 
.starting-soon-spiritual-carousel-track {
  gap: 16px;
  display: flex;
  padding: 0 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.starting-soon-spiritual-swipe-hint {
  gap: 8px;
  color: rgba(255, 255, 255, 0.6);
  display: none;
  animation: swipe-pulse 2s ease-in-out infinite;
  font-size: var(--font-size-sm);
  margin-top: 16px;
  align-items: center;
  font-family: var(--font-family-body);
  justify-content: center;
}
 
.starting-soon-spiritual-dot {
  width: 10px;
  border: none;
  cursor: pointer;
  height: 10px;
  padding: 0;
  background: rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.starting-soon-spiritual-dot-active {
  width: 24px;
  background: #d4af37;
  border-radius: 5px;
}
 
.starting-soon-spiritual-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1 / 1;
}
 
.starting-soon-spiritual-card-content {
  padding: 24px;
}
 
.starting-soon-spiritual-carousel-card {
  flex: 0 0 calc(100% - 32px);
  scroll-snap-align: center;
}
 
.starting-soon-spiritual-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
 
.starting-soon-spiritual-badge {
  top: 16px;
  left: 16px;
  color: #1a0b2e;
  padding: 6px 14px;
  position: absolute;
  font-size: var(--font-size-sm);
  background: linear-gradient(135deg, #d4af37 0%, #c19a2e 100%);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: 20px;
  letter-spacing: 0.3px;
}
 
.starting-soon-spiritual-card-title {
  color: #ffffff;
  margin: 0 0 12px 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
}
 
.starting-soon-spiritual-card-description {
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 20px 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: 1.6;
}
 
.starting-soon-spiritual-details-grid {
  gap: 12px;
  display: flex;
  margin-bottom: 24px;
  flex-direction: column;
}
 
.starting-soon-spiritual-btn-waitlist {
  color: #1a0b2e;
  width: 100%;
  border: none;
  cursor: pointer;
  padding: 14px 24px;
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, #d4af37 0%, #c19a2e 100%);
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: 12px;
}
 
.starting-soon-spiritual-detail-item {
  gap: 10px;
  display: flex;
  align-items: center;
}
 
.starting-soon-spiritual-detail-icon {
  color: #d4af37;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.starting-soon-spiritual-detail-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: 1.4;
}
 
.starting-soon-spiritual-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.2);
}
 
.starting-soon-spiritual-card:hover .starting-soon-spiritual-card-image {
  transform: scale(1.05);
}
 
.starting-soon-spiritual-btn-waitlist:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(212, 175, 55, 0.4);
}
 
.starting-soon-spiritual-carousel-track::-webkit-scrollbar {
  display: none;
}
 
.starting-soon-spiritual-swipe-hint  svg {
  transform: rotate(-90deg);
}
 
.starting-soon-spiritual-dot:hover {
  background: rgba(255, 255, 255, 0.5);
}
 
.nirvana-nav-wrapper {
  top: auto;
  left: auto;
  right: auto;
  width: 100%;
  z-index: auto;
  position: relative;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
 
.nirvana-nav-container {
  gap: var(--spacing-xl);
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: 1rem var(--spacing-lg);
  position: relative;
  max-width: var(--content-max-width);
  align-items: center;
  justify-content: space-between;
}
 
.nirvana-nav-mobile-menu {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: 999;
  position: absolute;
  background: var(--color-primary);
  overflow-y: auto;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
  visibility: hidden;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
 
.nirvana-nav-logo-section {
  width: auto;
  display: flex;
  z-index: 10;
  align-items: center;
}
 
.nirvana-nav-links-desktop {
  gap: var(--spacing-xl);
  display: flex;
  z-index: 5;
  align-items: center;
  justify-content: center;
}
 
.nirvana-nav-mobile-controls {
  gap: var(--spacing-md);
  display: none;
  z-index: 10;
  align-items: center;
}
 
.nirvana-nav-cta-btn {
  gap: 0.5rem;
  color: #1a1410;
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: 0.45rem 1.75rem;
  z-index: 10;
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(180deg, #EAD8B1 0%, #FFF7E8 18%, #FFF7E8 82%, #EAD8B1 100%);
  box-shadow: 0 4px 16px rgba(201, 169, 97, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: 600;
  border-radius: var(--border-radius-sm);
  background-size: 200% 100%;
  text-decoration: none;
}
 
.nirvana-nav-cta-desktop {
  display: inline-flex;
  z-index: 10;
  margin-left: auto;
}
 
.nirvana-nav-mobile-menu-content {
  display: flex;
  padding: var(--spacing-xl) var(--spacing-lg);
  position: relative;
  min-height: 100vh;
  flex-direction: column;
}
 
.nirvana-nav-logo-link {
  display: flex;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  text-decoration: none;
}
 
.nirvana-nav-link {
  color: #e8e0d5;
  padding: 0.5rem 0;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-heading);
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: none;
}
 
.nirvana-nav-cta-mobile {
  padding: 0.625rem 1.25rem;
  font-size: var(--font-size-sm);
}
 
.nirvana-nav-hamburger {
  color: #c9a961;
  border: 2px solid rgba(201, 169, 97, 0.3);
  cursor: pointer;
  display: flex;
  padding: 0.5rem;
  background: rgba(201, 169, 97, 0.1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.nirvana-nav-btn-icon {
  z-index: 1;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.nirvana-nav-mobile-header {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-3xl);
  padding-bottom: var(--spacing-lg);
  justify-content: space-between;
}
 
.nirvana-nav-mobile-links {
  gap: var(--spacing-sm);
  flex: 1;
  display: flex;
  margin-bottom: var(--spacing-2xl);
  flex-direction: column;
}
 
.nirvana-nav-mobile-footer {
  padding-top: var(--spacing-lg);
}
 
.nirvana-nav-logo-image {
  width: auto;
  height: 48px;
  object-fit: contain;
}
 
.nirvana-nav-hamburger-icon {
  display: block;
  transition: transform 0.3s ease;
}
 
.nirvana-nav-mobile-logo {
  width: auto;
  height: 42px;
  object-fit: contain;
}
 
.nirvana-nav-close-btn {
  color: #c9a961;
  border: 2px solid rgba(201, 169, 97, 0.3);
  cursor: pointer;
  display: flex;
  padding: 0.5rem;
  background: rgba(201, 169, 97, 0.1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.nirvana-nav-mobile-link {
  color: #e8e0d5;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-xl);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-left: 4px solid transparent;
  font-family: var(--font-family-heading);
  font-weight: 600;
  text-decoration: none;
}
 
.nirvana-nav-cta-fullwidth {
  width: 100%;
  padding: 1rem 2rem;
  font-size: var(--font-size-lg);
  justify-content: center;
}
 

 
.nirvana-nav-logo-link:hover {
  filter: drop-shadow(0 0 20px rgba(201, 169, 97, 0.4));
  transform: scale(1.05);
}
 
.nirvana-nav-link::before {
  left: 50%;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #c9a961, transparent);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.nirvana-nav-link:hover {
  color: #c9a961;
  text-shadow: 0 0 20px rgba(201, 169, 97, 0.3);
}
 
.nirvana-nav-link:hover::before {
  width: 100%;
}
 
.nirvana-nav-link:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.nirvana-nav-cta-btn::before {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.3);
  transition: width 0.6s, height 0.6s;
  border-radius: 50%;
}
 
.nirvana-nav-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(201, 169, 97, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.2);
  background-position: 100% 0;
}
 
.nirvana-nav-cta-btn:hover::before {
  width: 300px;
  height: 300px;
}
 
.nirvana-nav-cta-btn:active {
  transform: translateY(0);
}
 
.nirvana-nav-cta-btn:hover .nirvana-nav-btn-icon {
  transform: translateY(2px);
}
 
.nirvana-nav-cta-btn:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.nirvana-nav-hamburger:hover {
  transform: scale(1.05);
  background: rgba(201, 169, 97, 0.2);
  box-shadow: 0 4px 12px rgba(201, 169, 97, 0.3);
  border-color: #c9a961;
}
 
.nirvana-nav-hamburger:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.nirvana-nav-mobile-menu.active {
  opacity: 1;
  visibility: visible;
}
 
.nirvana-nav-close-btn:hover {
  transform: rotate(90deg) scale(1.05);
  background: rgba(201, 169, 97, 0.2);
  box-shadow: 0 4px 12px rgba(201, 169, 97, 0.3);
  border-color: #c9a961;
}
 
.nirvana-nav-close-btn:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.nirvana-nav-mobile-link::before {
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(201, 169, 97, 0.1), transparent);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.nirvana-nav-mobile-link:hover {
  color: #c9a961;
  text-shadow: 0 0 20px rgba(201, 169, 97, 0.3);
  padding-left: var(--spacing-xl);
  border-left-color: #c9a961;
}
 
.nirvana-nav-mobile-link:hover::before {
  width: 100%;
}
 
.nirvana-nav-mobile-link:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 

 
.home-nirvana-nav-wrapper {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  position: fixed;
  background: linear-gradient(180deg, rgba(26, 20, 16, 0.98) 0%, rgba(26, 20, 16, 0.95) 100%);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(212, 165, 116, 0.15);
  backdrop-filter: blur(10px);
}
 
.home-nirvana-nav-container {
  margin: 0 auto;
  display: flex;
  padding: var(--spacing-md, 1rem) var(--spacing-xl, 2rem);
  position: relative;
  max-width: var(--content-max-width, 1280px);
  align-items: center;
  justify-content: space-between;
}
 
.home-nirvana-nav-mobile-menu {
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: 1001;
  position: fixed;
  max-width: 400px;
  transform: translateX(100%);
  background: linear-gradient(180deg, #1a1410 0%, #0f0c09 100%);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
  visibility: hidden;
}
 
.home-nirvana-nav-logo-section {
  display: flex;
  z-index: 2;
  align-items: center;
}
 
.home-nirvana-nav-links-desktop {
  gap: var(--spacing-xl, 2rem);
  display: flex;
  align-items: center;
}
 
.home-nirvana-nav-mobile-controls {
  gap: var(--spacing-md, 1rem);
  display: none;
  align-items: center;
}
 
.home-nirvana-nav-mobile-menu-content {
  gap: var(--spacing-2xl, 3rem);
  display: flex;
  padding: var(--spacing-xl, 2rem);
  min-height: 100vh;
  flex-direction: column;
}
 
.home-nirvana-nav-logo-link {
  display: flex;
  transition: opacity 0.3s ease;
  align-items: center;
  text-decoration: none;
}
 
.home-nirvana-nav-link {
  color: #f5f1ea;
  padding: var(--spacing-xs, 0.5rem) 0;
  position: relative;
  font-size: var(--font-size-base, 1rem);
  transition: color 0.3s ease;
  font-weight: var(--font-weight-medium, 500);
  letter-spacing: 0.3px;
  text-decoration: none;
}
 
.home-nirvana-nav-cta-desktop {
  display: flex;
  align-items: center;
}
 
.home-nirvana-nav-cta-mobile {
  display: none;
}
 
.home-nirvana-nav-hamburger {
  color: #f5f1ea;
  border: none;
  cursor: pointer;
  display: none;
  padding: var(--spacing-xs, 0.5rem);
  background: transparent;
  transition: color 0.3s ease, transform 0.3s ease;
}
 
.home-nirvana-nav-mobile-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(212, 165, 116, 0.2);
  padding-bottom: var(--spacing-lg, 1.5rem);
  justify-content: space-between;
}
 
.home-nirvana-nav-mobile-links {
  gap: var(--spacing-xs, 0.5rem);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.home-nirvana-nav-mobile-footer {
  border-top: 1px solid rgba(212, 165, 116, 0.2);
  padding-top: var(--spacing-lg, 1.5rem);
}
 
.home-nirvana-nav-logo-image {
  width: auto;
  height: 48px;
  display: block;
}
 
.home-nirvana-nav-cta-btn {
  gap: var(--spacing-xs, 0.5rem);
  color: #1a1410;
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  background: linear-gradient(135deg, #d4a574 0%, #c9965f 100%);
  box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 600;
  border-radius: var(--border-radius-sm, 8px);
  letter-spacing: 0.3px;
  text-decoration: none;
}
 
.home-nirvana-nav-hamburger-icon {
  display: block;
}
 
.home-nirvana-nav-mobile-logo {
  display: flex;
  align-items: center;
}
 
.home-nirvana-nav-close-btn {
  color: #f5f1ea;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-xs, 0.5rem);
  background: transparent;
  transition: color 0.3s ease, transform 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.home-nirvana-nav-mobile-link {
  color: #f5f1ea;
  padding: var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-xl, 1.5rem);
  transition: all 0.3s ease;
  font-weight: 600;
  border-radius: var(--border-radius-md, 16px);
  text-decoration: none;
}
 
.home-nirvana-nav-cta-fullwidth {
  gap: var(--spacing-sm, 0.75rem);
  color: #1a1410;
  width: 100%;
  display: flex;
  padding: var(--spacing-lg, 1.5rem);
  font-size: var(--font-size-lg, 1.125rem);
  background: linear-gradient(135deg, #d4a574 0%, #c9965f 100%);
  box-shadow: 0 8px 24px rgba(212, 165, 116, 0.4);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 700;
  border-radius: var(--border-radius-md, 16px);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  justify-content: center;
  text-decoration: none;
}
 
.home-nirvana-nav-btn-icon {
  flex-shrink: 0;
}
 
.home-nirvana-nav-close-icon {
  display: block;
}
 
.home-nirvana-nav-logo-link:hover {
  opacity: 0.85;
}
 
.home-nirvana-nav-link::after {
  left: 0;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, #d4a574 0%, #e0b882 100%);
  transition: width 0.3s ease;
}
 
.home-nirvana-nav-link:hover {
  color: #e0b882;
}
 
.home-nirvana-nav-link:hover::after {
  width: 100%;
}
 
.home-nirvana-nav-cta-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #e0b882 0%, #d4a574 100%);
  box-shadow: 0 6px 20px rgba(212, 165, 116, 0.4);
}
 
.home-nirvana-nav-cta-mobile  .nirvana-nav-cta-btn {
  padding: 10px 16px;
  font-size: var(--font-size-sm, 0.875rem);
}
 
.home-nirvana-nav-cta-mobile  .nirvana-nav-cta-btn span {
  display: inline;
}
 
.home-nirvana-nav-hamburger:hover {
  color: #d4a574;
  transform: scale(1.1);
}
 
.home-nirvana-nav-mobile-menu.active {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}
 
.home-nirvana-nav-mobile-logo  .nirvana-nav-logo-image {
  height: 40px;
}
 
.home-nirvana-nav-close-btn:hover {
  color: #d4a574;
  transform: rotate(90deg);
}
 
.home-nirvana-nav-mobile-link::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.1), transparent);
  transition: left 0.5s ease;
}
 
.home-nirvana-nav-mobile-link:hover {
  color: #e0b882;
  background: rgba(212, 165, 116, 0.08);
  padding-left: var(--spacing-xl, 2rem);
}
 
.home-nirvana-nav-mobile-link:hover::before {
  left: 100%;
}
 
.home-nirvana-nav-cta-fullwidth:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #e0b882 0%, #d4a574 100%);
  box-shadow: 0 12px 32px rgba(212, 165, 116, 0.5);
}
 
.home-nirvana-nav-wrapper1 {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  position: fixed;
  background: #59190f;
  backdrop-filter: blur(10px);
}
 
.home-nirvana-nav-container1 {
  margin: 0 auto;
  display: flex;
  padding: var(--spacing-md, 1rem) var(--spacing-xl, 2rem);
  position: relative;
  max-width: var(--content-max-width, 1280px);
  align-items: center;
  justify-content: space-between;
}
 
.home-nirvana-nav-mobile-menu1 {
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: 1001;
  position: fixed;
  max-width: 400px;
  transform: translateX(100%);
  background: var(--color-primary);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
  visibility: hidden;
}
 
.home-nirvana-nav-logo-section1 {
  display: flex;
  z-index: 2;
  align-items: center;
}
 
.home-nirvana-nav-links-desktop1 {
  gap: var(--spacing-xl, 2rem);
  left: 50%;
  display: flex;
  z-index: 5;
  position: absolute;
  transform: translateX(-50%);
  align-items: center;
}
 
.home-nirvana-nav-mobile-controls1 {
  gap: var(--spacing-md, 1rem);
  display: none;
  align-items: center;
}
 
.home-nirvana-nav-mobile-menu-content1 {
  gap: var(--spacing-2xl, 3rem);
  display: flex;
  padding: var(--spacing-xl, 2rem);
  min-height: 100vh;
  flex-direction: column;
}
 
.home-nirvana-nav-logo-link1 {
  display: flex;
  transition: opacity 0.3s ease;
  align-items: center;
  text-decoration: none;
}
 
.home-nirvana-nav-link1 {
  color: #f5f1ea;
  padding: var(--spacing-xs, 0.5rem) 0;
  position: relative;
  font-size: var(--font-size-base, 1rem);
  transition: color 0.3s ease;
  font-weight: var(--font-weight-medium, 500);
  letter-spacing: 0.3px;
  text-decoration: none;
}
 
.home-nirvana-nav-cta-desktop1 {
  display: flex;
  z-index: 10;
  align-items: center;
  margin-left: auto;
}
 
.home-nirvana-nav-cta-mobile1 {
  display: none;
}
 
.home-nirvana-nav-hamburger1 {
  color: #f5f1ea;
  border: none;
  cursor: pointer;
  display: none;
  padding: var(--spacing-xs, 0.5rem);
  background: transparent;
  transition: color 0.3s ease, transform 0.3s ease;
}
 
.home-nirvana-nav-mobile-header1 {
  display: flex;
  align-items: center;
  padding-bottom: var(--spacing-lg, 1.5rem);
  justify-content: space-between;
}
 
.home-nirvana-nav-mobile-links1 {
  gap: var(--spacing-xs, 0.5rem);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.home-nirvana-nav-mobile-footer1 {
  padding-top: var(--spacing-lg, 1.5rem);
}
 
.home-nirvana-nav-logo-image1 {
  width: auto;
  height: 48px;
  display: block;
}
 
.home-nirvana-nav-cta-btn1 {
  gap: var(--spacing-xs, 0.5rem);
  color: #1a1410;
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  background: linear-gradient(135deg, #d4a574 0%, #c9965f 100%);
  box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 600;
  border-radius: var(--border-radius-sm, 8px);
  letter-spacing: 0.3px;
  text-decoration: none;
}
 
.home-nirvana-nav-hamburger-icon1 {
  display: block;
}
 
.home-nirvana-nav-mobile-logo1 {
  display: flex;
  align-items: center;
}
 
.home-nirvana-nav-close-btn1 {
  color: #f5f1ea;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-xs, 0.5rem);
  background: transparent;
  transition: color 0.3s ease, transform 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.home-nirvana-nav-mobile-link1 {
  color: #f5f1ea;
  padding: var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-xl, 1.5rem);
  transition: all 0.3s ease;
  font-weight: 600;
  border-radius: var(--border-radius-md, 16px);
  text-decoration: none;
}
 
.home-nirvana-nav-cta-fullwidth1 {
  gap: var(--spacing-sm, 0.75rem);
  color: #1a1410;
  width: 100%;
  display: flex;
  padding: var(--spacing-lg, 1.5rem);
  font-size: var(--font-size-lg, 1.125rem);
  background: linear-gradient(135deg, #d4a574 0%, #c9965f 100%);
  box-shadow: 0 8px 24px rgba(212, 165, 116, 0.4);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 700;
  border-radius: var(--border-radius-md, 16px);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  justify-content: center;
  text-decoration: none;
}
 
.home-nirvana-nav-btn-icon1 {
  flex-shrink: 0;
}
 
.home-nirvana-nav-close-icon1 {
  display: block;
}
 
.home-nirvana-nav-logo-link1:hover {
  opacity: 0.85;
}
 
.home-nirvana-nav-link1::after {
  left: 0;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, #d4a574 0%, #e0b882 100%);
  transition: width 0.3s ease;
}
 
.home-nirvana-nav-link1:hover {
  color: #e0b882;
}
 
.home-nirvana-nav-link1:hover::after {
  width: 100%;
}
 
.home-nirvana-nav-cta-btn1:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #e0b882 0%, #d4a574 100%);
  box-shadow: 0 6px 20px rgba(212, 165, 116, 0.4);
}
 
.home-nirvana-nav-cta-mobile1  .nirvana-nav-cta-btn {
  padding: 10px 16px;
  font-size: var(--font-size-sm, 0.875rem);
}
 
.home-nirvana-nav-cta-mobile1  .nirvana-nav-cta-btn span {
  display: inline;
}
 
.home-nirvana-nav-hamburger1:hover {
  color: #d4a574;
  transform: scale(1.1);
}
 
.home-nirvana-nav-mobile-menu1.active {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}
 
.home-nirvana-nav-mobile-logo1  .nirvana-nav-logo-image {
  height: 40px;
}
 
.home-nirvana-nav-close-btn1:hover {
  color: #d4a574;
  transform: rotate(90deg);
}
 
.home-nirvana-nav-mobile-link1::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.1), transparent);
  transition: left 0.5s ease;
}
 
.home-nirvana-nav-mobile-link1:hover {
  color: #e0b882;
  background: rgba(212, 165, 116, 0.08);
  padding-left: var(--spacing-xl, 2rem);
}
 
.home-nirvana-nav-mobile-link1:hover::before {
  left: 100%;
}
 
.home-nirvana-nav-cta-fullwidth1:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #e0b882 0%, #d4a574 100%);
  box-shadow: 0 12px 32px rgba(212, 165, 116, 0.5);
}
 
.home-popular-workshops-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
}
 
.home-popular-workshops-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}
 
.home-popular-workshops-header {
  text-align: center;
  margin-bottom: 48px;
}
 
.popular-workshops-grid {
  gap: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
}
 
.popular-workshops-mobile-carousel {
  display: none;
}
 
.popular-workshops-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.popular-workshops-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 720px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.popular-workshop-card {
  border: 1px solid rgba(206, 145, 44, 0.12);
  display: flex;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 24px rgba(206, 145, 44, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
  flex-direction: row;
}
 
.popular-workshops-mobile-track {
  gap: var(--spacing-lg);
  margin: 0 calc(-1 * var(--spacing-lg));
  display: flex;
  padding: 0 var(--spacing-lg);
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.popular-workshops-mobile-pagination {
  gap: 10px;
  display: flex;
  margin-top: var(--spacing-xl);
  align-items: center;
  justify-content: center;
}
 
.home-workshop-card-image-wrapper {
  flex: 0 0 38%;
  overflow: hidden;
  position: relative;
}
 
.home-workshop-card-content3 {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-md);
  background: linear-gradient(135deg, #FFFAE6 0%, #FFD1C8 48%, #EAD9F7 100%);
  flex-direction: column;
}
 
.popular-workshop-card-mobile {
  flex: 0 0 85%;
  border: 1px solid rgba(206, 145, 44, 0.12);
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 24px rgba(206, 145, 44, 0.08);
  border-radius: var(--border-radius-lg);
  scroll-snap-align: center;
}
 
.mobile-pagination-dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.mobile-pagination-dot-active {
  width: 24px;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  border-radius: var(--border-radius-full);
}
 
.home-workshop-card-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  aspect-ratio: 1 / 1;
}
 
.workshop-card-badge-live {
  color: #ffffff;
  display: inline-flex;
  padding: 6px 16px;
  font-size: var(--font-size-sm);
  align-self: flex-start;
  background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.home-workshop-card-title3 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
}
 
.home-workshop-card-description3 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.workshop-card-details {
  gap: var(--spacing-lg);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-xs);
}
 
.workshop-card-cta-group {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-sm);
}
 
.workshop-card-helper {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-style: italic;
  font-family: var(--font-family-body);
}
 
.workshop-card-badge-closing {
  color: #ffffff;
  display: inline-flex;
  padding: 6px 16px;
  font-size: var(--font-size-sm);
  align-self: flex-start;
  background: linear-gradient(135deg, #f59e0b 0%, #dc2626 100%);
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.workshop-card-badge-new {
  color: #ffffff;
  display: inline-flex;
  padding: 6px 16px;
  font-size: var(--font-size-sm);
  align-self: flex-start;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  box-shadow: 0 2px 8px rgba(206, 145, 44, 0.3);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.workshop-btn-gradient-primary {
  flex: 1;
  color: #ffffff;
  border: none;
  cursor: pointer;
  padding: 14px 14px;
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.workshop-btn-gradient-secondary {
  flex: 1;
  color: var(--color-primary);
  border: 2px solid transparent;
  cursor: pointer;
  padding: 14px 14px;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(#ffffff, #ffffff),padding-box linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%) border-box;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-workshop-detail-icon1 {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.home-workshop-detail-text5 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.popular-workshop-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 48px rgba(206, 145, 44, 0.16);
  border-color: rgba(206, 145, 44, 0.24);
}
 
.popular-workshop-card:hover .workshop-card-image {
  transform: scale(1.05);
}
 
.workshop-btn-gradient-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(206, 145, 44, 0.4);
}
 
.workshop-btn-gradient-primary:active {
  transform: translateY(0);
}
 
.workshop-btn-gradient-secondary:hover {
  color: #ffffff;
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.25);
}
 
.workshop-btn-gradient-secondary:active {
  transform: translateY(0);
}
 
.popular-workshops-mobile-track::-webkit-scrollbar {
  display: none;
}
 

 

 

 

 

 

 

 

 

 
.home-podcasts-section1 {
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, var(--color-surface) 0%, color-mix(in oklab, var(--color-surface) 95%, var(--color-primary)) 100%);
}
 
.home-podcasts-container1 {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.home-podcasts-header1 {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.podcast-grid {
  gap: var(--spacing-xl);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
 
.home-desktop-tablet-layout {
  display: grid;
}
 
.podcast-carousel {
  position: relative;
}
 
.home-mobile-layout {
  display: none;
}
 
.home-podcasts-title1 {
  color: var(--color-on-surface);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-podcasts-subtitle1 {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-podcast-card1 {
  cursor: pointer;
  height: 100%;
  display: flex;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(42, 29, 22, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.podcast-carousel-track {
  gap: var(--spacing-md);
  display: flex;
  overflow-x: auto;
  padding-bottom: var(--spacing-md);
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.podcast-swipe-hint {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-style: italic;
  margin-top: var(--spacing-md);
  text-align: center;
  font-family: var(--font-family-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-podcast-thumbnail-wrapper1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 20%, transparent) 0%, color-mix(in oklab, var(--color-secondary) 20%, transparent) 100%);
  aspect-ratio: 16 / 9;
}
 
.home-podcast-content {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-lg);
  flex-direction: column;
}
 
.home-podcast-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.home-podcast-platform-icon1 {
  top: var(--spacing-sm);
  right: var(--spacing-sm);
  width: 36px;
  height: 36px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  align-items: center;
  border-radius: var(--border-radius-sm);
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.home-podcast-play-button1 {
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  z-index: 2;
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.home-podcast-title1 {
  color: var(--color-on-surface);
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  min-height: 2.8em;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-heading);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.home-podcast-pill1 {
  color: var(--color-on-surface-secondary);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-neutral) 30%, transparent);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-podcast-pill-language1 {
  color: var(--color-primary);
  background: color-mix(in oklab, var(--color-primary) 20%, transparent);
  font-weight: var(--font-weight-heading);
}
 
.home-podcast-modal1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
  position: fixed;
  align-items: center;
  justify-content: center;
}
 
.home-podcast-modal-backdrop1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  background: var(--color-scrim);
  backdrop-filter: blur(8px);
}
 
.home-podcast-modal-content1 {
  width: 100%;
  z-index: 2;
  overflow: hidden;
  position: relative;
  animation: modalFadeIn 0.3s ease;
  max-width: 90%;
  background: #ffffff;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
  max-height: 90%;
  border-radius: var(--border-radius-lg);
}
 
.home-podcast-modal-close1 {
  top: var(--spacing-md);
  right: var(--spacing-md);
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.home-podcast-modal-video-wrapper1 {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}
 
.home-podcast-card1:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(42, 29, 22, 0.15);
}
 
.home-podcast-card1:hover .podcast-thumbnail {
  transform: scale(1.08);
}
 
.home-podcast-card1:hover .podcast-play-button {
  transform: translate(-50%, -50%) scale(1.15);
  background: var(--color-primary);
  box-shadow: 0 12px 32px rgba(206, 145, 44, 0.4);
}
 
.home-podcast-card1:hover .podcast-play-button svg {
  color: var(--color-on-primary);
}
 
.home-podcast-platform-icon1  svg {
  color: #ff0000;
}
 
.home-podcast-play-button1  svg {
  color: var(--color-primary);
  margin-left: 3px;
}
 
.podcast-carousel-track::-webkit-scrollbar {
  display: none;
}
 
.podcast-carousel  .podcast-card {
  flex: 0 0 70%;
  scroll-snap-align: center;
}
 
.home-podcast-modal1.active {
  display: flex;
}
 
.home-podcast-modal-close1:hover {
  transform: rotate(90deg);
  background: var(--color-primary);
}
 
.home-podcast-modal-close1:hover svg {
  color: var(--color-on-primary);
}
 
.home-podcast-modal-close1  svg {
  color: var(--color-on-surface);
  transition: color 0.3s ease;
}
 
.home-podcast-modal-video-wrapper1  iframe {
  top: 0;
  left: 0;
  width: 100%;
  border: none;
  height: 100%;
  position: absolute;
}
 
.home-podcasts-section2 {
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: #fff9f0;
}
 
.home-podcasts-container2 {
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  max-width: 1200px;
}
 
.home-podcast-modal2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  z-index: 9999;
  position: fixed;
  transition: opacity 0.3s ease;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
 
.home-podcasts-header2 {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}
 
.home-podcasts-grid1 {
  gap: var(--spacing-2xl);
  display: grid;
  margin-bottom: var(--spacing-xl);
  grid-template-columns: repeat(2, 1fr);
}
 
.podcasts-carousel-wrapper {
  display: none;
}
 
.home-podcast-modal-backdrop2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(8px);
}
 
.home-podcast-modal-content2 {
  width: 90%;
  z-index: 2;
  position: relative;
  max-width: 1000px;
  transform: scale(0.9) translateY(20px);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.home-podcasts-title2 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-podcasts-subtitle2 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-podcast-card2 {
  cursor: pointer;
  overflow: hidden;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
}
 

 
.home-podcasts-pagination {
  gap: var(--spacing-xs);
  display: none;
  margin-top: var(--spacing-lg);
  justify-content: center;
}
 
.home-podcast-modal-close2 {
  top: -48px;
  right: 0;
  width: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  height: 40px;
  display: flex;
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  transition: background 0.2s ease, transform 0.2s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.home-podcast-modal-video-wrapper2 {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #000;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  padding-top: 56.25%;
  border-radius: var(--border-radius-lg);
}
 
.home-podcast-thumbnail-wrapper2 {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  padding-top: 56.25%;
}
 
.home-podcast-content1 {
  padding: var(--spacing-lg);
}
 
.podcast-thumbnail-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.podcast-platform-badge {
  top: var(--spacing-sm);
  right: var(--spacing-sm);
  width: 36px;
  height: 36px;
  display: flex;
  z-index: 2;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.home-podcast-play-overlay1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.home-podcast-card-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  min-height: 2.8em;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.podcast-pills-row {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
}
 
.home-podcast-play-button2 {
  width: 72px;
  height: 72px;
  display: flex;
  transform: scale(0.9);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.home-podcast-pill2 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-xs);
  transition: background 0.2s ease, color 0.2s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.home-podcast-pill-language2 {
  color: var(--color-primary);
  border: 1px solid color-mix(in oklab, var(--color-primary) 30%, transparent);
  background: color-mix(in oklab, var(--color-primary) 15%, transparent);
}
 
.podcast-pill-topic {
  color: var(--color-on-surface-secondary);
  border: 1px solid var(--color-outline);
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
}
 
.podcast-pagination-dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  background: color-mix(in oklab, var(--color-neutral) 40%, transparent);
  transition: background 0.3s ease, width 0.3s ease;
  border-radius: var(--border-radius-full);
}
 
.home-podcast-card2:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
}
 
.home-podcast-card2:hover .podcast-thumbnail-image {
  transform: scale(1.05);
}
 
.home-podcast-card2:hover .podcast-play-overlay {
  opacity: 1;
}
 
.home-podcast-card2:hover .podcast-play-button {
  transform: scale(1);
  background: var(--color-primary);
}
 
.home-podcast-card2:hover .podcast-play-button svg {
  color: var(--color-on-primary);
}
 
.home-podcast-card2:hover .podcast-pill-language {
  color: var(--color-on-primary);
  background: var(--color-primary);
}
 
.home-podcast-card2:hover .podcast-pill-topic {
  color: var(--color-on-secondary);
  background: var(--color-secondary);
  border-color: var(--color-secondary);
}
 
.podcast-platform-badge  svg {
  color: #ff0000;
  width: 20px;
  height: 20px;
}
 
.home-podcast-play-button2  svg {
  color: var(--color-primary);
  width: 32px;
  height: 32px;
  transition: color 0.3s ease;
  margin-left: 4px;
}
 
.home-podcast-modal2.active {
  opacity: 1;
  pointer-events: all;
}
 
.home-podcast-modal2.active .podcast-modal-content {
  transform: scale(1) translateY(0);
}
 
.home-podcast-modal-close2:hover {
  transform: rotate(90deg);
  background: rgba(255, 255, 255, 0.2);
}
 
.home-podcast-modal-close2  svg {
  color: white;
  width: 24px;
  height: 24px;
}
 
.home-podcast-modal-video-wrapper2  iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
 
.podcast-pagination-dot.active {
  width: 24px;
  background: var(--color-primary);
}
 

 

 
.home-starting-soon-spiritual-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
}
 
.home-home-workshop-card-image-wrapper {
  flex: 0 0 35%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
}
 
.home-starting-soon-spiritual-card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.3s ease;
}
 
.home-home-workshop-card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.home-workshop-btn-gradient-secondary {
  flex: 1;
  color: var(--color-primary);
  border: 2px solid transparent;
  cursor: pointer;
  padding: 14px 14px;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(#ffffff, #ffffff),padding-box linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%) border-box;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-container21 {
  display: none;
}
 
.home-container31 {
  display: contents;
}
 
.home-container4 {
  display: none;
}
 
.home-container5 {
  display: contents;
}
 
.home-container6 {
  display: none;
}
 
.home-container7 {
  display: contents;
}
 

 

 

 
.starting-soon-spiritual-carousel-card  .starting-soon-spiritual-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
}
 
.popular-workshop-card-mobile  .home-workshop-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
}
 

 

 

 

 

 

 

 

 
.starting-soon-spiritual-swipe-hint   svg {
  transform: rotate(-90deg);
}
 
.home-workshop-btn-gradient-secondary:hover {
  color: #ffffff;
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.25);
}
 
.home-workshop-btn-gradient-secondary:active {
  transform: translateY(0);
}
 
.home-home-workshop-card-image-wrapper1 {
  flex: 0 0 35%;
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1/1;
}
 
.home-workshop-btn-gradient-secondary1 {
  flex: 1;
  color: var(--color-primary);
  border: 2px solid transparent;
  cursor: pointer;
  padding: 14px 14px;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(#ffffff, #ffffff),padding-box linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%) border-box;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-workshop-btn-gradient-secondary1:hover {
  color: #ffffff;
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  box-shadow: 0 4px 16px rgba(206, 145, 44, 0.25);
}
 
.home-workshop-btn-gradient-secondary1:active {
  transform: translateY(0);
}
 

 

 

 

 

 

 

 

 
.starting-soon-light-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: #FFFBF5;
}
 
.starting-soon-light-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.starting-soon-light-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.home-starting-soon-carousel2 {
  position: relative;
}
 
.starting-soon-mobile-controls {
  gap: var(--spacing-md);
  display: none;
  margin-top: var(--spacing-xl);
  align-items: center;
  flex-direction: column;
}
 
.starting-soon-light-heading {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.starting-soon-light-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-starting-soon-track2 {
  gap: var(--spacing-xl);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
 
.home-starting-soon-pagination1 {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.home-starting-soon-swipe-hint2 {
  opacity: 0.6;
}
 
.home-starting-soon-card2 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
 
.starting-soon-pagination-dot {
  width: 8px;
  border: none;
  cursor: pointer;
  height: 8px;
  padding: 0;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.starting-soon-pagination-dot-active {
  width: 24px;
  background: linear-gradient(135deg, #ce912c 0%, #e27a1b 100%);
  border-radius: var(--border-radius-full);
}
 
.home-starting-soon-swipe-text {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-starting-soon-card-inner {
  height: 100%;
  display: flex;
  padding: var(--spacing-lg);
  position: relative;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08), 0 8px 32px rgba(206, 145, 44, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.starting-soon-status-pill {
  top: var(--spacing-lg);
  left: var(--spacing-lg);
  color: var(--color-on-primary);
  padding: var(--spacing-xs) var(--spacing-md);
  z-index: 3;
  position: absolute;
  font-size: var(--font-size-xs);
  background: linear-gradient(135deg, #ce912c 0%, #e27a1b 100%);
  box-shadow: 0 2px 8px rgba(206, 145, 44, 0.3);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.home-starting-soon-image-wrapper2 {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  aspect-ratio: 1 / 1;
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-lg);
}
 
.home-starting-soon-content2 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.starting-soon-status-pill-week {
  background: linear-gradient(135deg, #e27a1b 0%, #ce912c 100%);
}
 
.starting-soon-status-pill-next {
  background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
}
 
.home-starting-soon-card-title2 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-starting-soon-card-description2 {
  flex: 1;
  color: var(--color-on-surface-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.starting-soon-details-row {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}
 
.starting-soon-cta-button {
  color: var(--color-on-primary);
  width: 100%;
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, #ce912c 0%, #e27a1b 100%);
  box-shadow: 0 4px 12px rgba(206, 145, 44, 0.25);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  letter-spacing: 0.5px;
}
 
.home-starting-soon-helper2 {
  gap: var(--spacing-xs);
  display: flex;
  margin-top: var(--spacing-sm);
  align-items: center;
  justify-content: center;
}
 
.starting-soon-detail-item {
  gap: var(--spacing-xs);
  display: flex;
  align-items: center;
}
 
.home-starting-soon-helper-icon1 {
  color: var(--color-on-surface-secondary);
  display: flex;
  opacity: 0.8;
  align-items: center;
  justify-content: center;
}
 
.home-starting-soon-helper-text2 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.starting-soon-detail-icon {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.starting-soon-detail-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.starting-soon-light-section::before {
  top: -50%;
  right: -10%;
  width: 500px;
  height: 500px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, rgba(206, 145, 44, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
 
.starting-soon-light-section::after {
  left: -5%;
  width: 400px;
  bottom: -30%;
  height: 400px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, rgba(226, 122, 27, 0.06) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
 
.home-starting-soon-card-inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 16px 48px rgba(206, 145, 44, 0.08);
}
 
.home-starting-soon-card-inner:hover .starting-soon-image {
  transform: scale(1.05);
}
 
.home-starting-soon-image-wrapper2::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 2;
  position: absolute;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
  pointer-events: none;
}
 
.starting-soon-cta-button:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #e27a1b 0%, #ce912c 100%);
  box-shadow: 0 6px 20px rgba(206, 145, 44, 0.35);
}
 
.starting-soon-cta-button:active {
  transform: translateY(0);
}
 
.starting-soon-pagination-dot:hover {
  opacity: 0.7;
  background: var(--color-primary);
}
 

 
.starting-soon-dark-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: linear-gradient(180deg, #0a0a0a 0%, #0d0d0d 100%);
}
 
.starting-soon-dark-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.starting-soon-dark-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.starting-soon-grid-dark {
  gap: var(--spacing-xl);
  display: grid;
  margin-bottom: var(--spacing-xl);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
 
.home-starting-soon-mobile-controls {
  gap: var(--spacing-md);
  display: none;
  margin-top: var(--spacing-xl);
  align-items: center;
  flex-direction: column;
}
 
.starting-soon-dark-heading {
  color: #ffffff;
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  text-shadow: 0 0 30px rgba(139, 127, 255, 0.3);
  letter-spacing: -0.5px;
}
 
.starting-soon-dark-subtitle {
  color: #a0a0a0;
  margin: 0;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  margin-left: auto;
  margin-right: auto;
}
 
.starting-soon-card-dark {
  border: 1px solid #2a2a2a;
  display: flex;
  padding: var(--spacing-lg);
  position: relative;
  background: #1a1a1a;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(139, 127, 255, 0.1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.starting-soon-pagination-dots {
  gap: 10px;
  display: flex;
  align-items: center;
}
 
.home-starting-soon-swipe-hint3 {
  gap: 8px;
  color: #666666;
  display: flex;
  font-size: var(--font-size-xs);
  align-items: center;
}
 
.home-starting-soon-status-pill {
  top: var(--spacing-lg);
  left: var(--spacing-lg);
  color: #ffffff;
  padding: 6px 14px;
  z-index: 10;
  position: absolute;
  animation: pulse-glow 2s ease-in-out infinite;
  font-size: var(--font-size-xs);
  background: linear-gradient(135deg, #8b7fff 0%, #a78bfa 100%);
  box-shadow: 0 4px 16px rgba(139, 127, 255, 0.4), 0 0 20px rgba(139, 127, 255, 0.3);
  font-family: var(--font-family-body);
  font-weight: 600;
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.starting-soon-image-wrapper-dark {
  width: 100%;
  z-index: 2;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  margin-bottom: var(--spacing-lg);
}
 
.starting-soon-card-content {
  flex: 1;
  display: flex;
  z-index: 2;
  position: relative;
  flex-direction: column;
}
 
.starting-soon-status-pill-alt {
  background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
}
 
.starting-soon-status-pill-alt2 {
  background: linear-gradient(135deg, #6366f1 0%, #8b7fff 100%);
}
 
.home-starting-soon-dot2 {
  width: 8px;
  cursor: pointer;
  height: 8px;
  background: #333333;
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.home-starting-soon-dot-active2 {
  width: 24px;
  background: linear-gradient(135deg, #8b7fff 0%, #a78bfa 100%);
  box-shadow: 0 0 12px rgba(139, 127, 255, 0.6);
  border-radius: 4px;
}
 
.starting-soon-swipe-arrow {
  color: #8b7fff;
  animation: swipe-bounce 2s ease-in-out infinite;
  font-size: var(--font-size-base);
}
 
.home-starting-soon-swipe-text1 {
  font-family: var(--font-family-body);
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.home-starting-soon-card-title3 {
  color: #ffffff;
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: 600;
  line-height: 1.3;
}
 
.home-starting-soon-card-description3 {
  flex: 1;
  color: #a0a0a0;
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.home-starting-soon-details-row {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2a2a2a;
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}
 
.starting-soon-cta-wrapper {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.home-starting-soon-detail-item {
  gap: 6px;
  display: flex;
  align-items: center;
}
 
.starting-soon-cta-btn {
  color: #ffffff;
  width: 100%;
  border: none;
  cursor: pointer;
  padding: 14px var(--spacing-lg);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, #8b7fff 0%, #a78bfa 100%);
  box-shadow: 0 4px 16px rgba(139, 127, 255, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: 600;
  border-radius: var(--border-radius-md);
}
 
.starting-soon-helper-row {
  gap: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.home-starting-soon-detail-icon {
  color: #8b7fff;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.home-starting-soon-detail-text {
  color: #888888;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: 500;
}
 
.home-starting-soon-helper-icon2 {
  color: #8b7fff;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.home-starting-soon-helper-text3 {
  color: #888888;
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
}
 
.starting-soon-dark-section::before {
  top: 0;
  left: 50%;
  width: 600px;
  height: 600px;
  content: "";
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(139, 127, 255, 0.08) 0%, transparent 70%);
  pointer-events: none;
}
 
.starting-soon-card-dark::before {
  inset: 0;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle at top right, rgba(139, 127, 255, 0.05), transparent 70%);
  transition: opacity 0.4s ease;
  border-radius: var(--border-radius-lg);
  pointer-events: none;
}
 
.starting-soon-card-dark:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(139, 127, 255, 0.2), 0 0 0 1px rgba(139, 127, 255, 0.3);
  border-color: rgba(139, 127, 255, 0.3);
}
 
.starting-soon-card-dark:hover::before {
  opacity: 1;
}
 
.starting-soon-card-dark:hover .starting-soon-image-wrapper-dark img {
  transform: scale(1.08);
}
 
.starting-soon-image-wrapper-dark  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.starting-soon-cta-btn::before {
  inset: 0;
  content: "";
  opacity: 0;
  position: absolute;
  background: linear-gradient(135deg, #a78bfa 0%, #c4b5fd 100%);
  transition: opacity 0.3s ease;
}
 
.starting-soon-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(139, 127, 255, 0.5);
}
 
.starting-soon-cta-btn:hover::before {
  opacity: 1;
}
 
.starting-soon-swipe-arrow:first-child {
  animation-delay: 0.1s;
}
 
.starting-soon-swipe-arrow:last-child {
  animation-delay: 0.3s;
}
 

 
.home-popular-workshops-compact {
  width: 100%;
  padding: 48px 24px;
  position: relative;
  background: linear-gradient(to bottom, rgba(248, 246, 243, 1), rgba(252, 250, 248, 1));
}
 
.popular-workshops-compact-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}
 
.popular-workshops-compact-header {
  text-align: center;
  margin-bottom: 40px;
}
 
.popular-workshops-desktop-stack {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
 
.popular-workshops-mobile-carousel-wrapper {
  display: none;
}
 
.popular-workshops-compact-title {
  color: var(--color-on-surface, #1a1a1a);
  margin: 0 0 12px 0;
  font-size: var(--font-size-3xl, 2.5rem);
  font-family: var(--font-family-heading, "Red Hat Display", sans-serif);
  font-weight: var(--font-weight-heading, 600);
  line-height: var(--line-height-heading, 1.25);
}
 
.popular-workshops-compact-subtitle {
  color: var(--color-on-surface-secondary, #666);
  margin: 0;
  font-size: var(--font-size-lg, 1.125rem);
  max-width: 700px;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  font-weight: var(--font-weight-body, 400);
  line-height: var(--line-height-body, 1.6);
  margin-left: auto;
  margin-right: auto;
}
 
.popular-workshop-card-compact {
  gap: 16px;
  display: flex;
  padding: 16px 18px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: stretch;
  border-radius: 16px;
}
 

 

 

 
.workshop-card-compact-image-wrapper {
  flex: 0 0 32%;
  height: 100%;
  overflow: hidden;
  max-width: 32%;
  aspect-ratio: unset;
  border-radius: 12px;
}
 
.workshop-card-compact-content {
  gap: 25px;
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
 

 

 
.workshop-card-compact-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.3s ease;
}
 
.workshop-card-compact-badge {
  display: inline-block;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.homepopularworkshops_compact-workshop-badge-live {
  color: #ffffff;
  background: linear-gradient(135deg, #e74c3c, #c0392b);
}
 
.workshop-card-compact-title {
  color: var(--color-on-surface, #1a1a1a);
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 18px;
  font-family: var(--font-family-heading, "Red Hat Display", sans-serif);
  font-weight: 600;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.workshop-card-compact-description {
  color: var(--color-on-surface-secondary, #666);
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 14px;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  font-weight: 400;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
 
.workshop-card-compact-details {
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.workshop-card-compact-cta-row {
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.workshop-card-compact-helper {
  color: var(--color-on-surface-secondary, #999);
  margin: 0;
  font-size: 10px;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  font-weight: 400;
}
 
.workshop-badge-popular {
  color: #ffffff;
  background: linear-gradient(135deg, var(--color-primary, #ce912c), var(--color-secondary, #e27a1b));
}
 
.homepopularworkshops_compact-workshop-badge-closing {
  color: #ffffff;
  background: linear-gradient(135deg, #f39c12, #e67e22);
}
 

 
.workshop-detail-chip {
  gap: 4px;
  color: var(--color-on-surface-secondary, #666);
  display: inline-flex;
  padding: 4px 10px;
  font-size: 13px;
  background: var(--color-surface, #efe6db);
  align-items: center;
  font-weight: 500;
  border-radius: 8px;
}
 
.workshop-card-compact-btn-primary {
  color: var(--color-on-primary, #ffffff);
  border: none;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 14px;
  background: linear-gradient(135deg, var(--color-primary, #ce912c), var(--color-secondary, #e27a1b));
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  font-weight: 600;
  border-radius: var(--border-radius-md, 16px);
}
 
.workshop-card-compact-btn-secondary {
  color: var(--color-primary, #ce912c);
  border: 2px solid var(--color-primary, #ce912c);
  cursor: pointer;
  padding: 8px 20px;
  font-size: 14px;
  background: transparent;
  transition: background 0.2s ease, color 0.2s ease;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  font-weight: 600;
  border-radius: var(--border-radius-md, 16px);
}
 

 

 

 
.popular-workshop-card-compact:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
 
.popular-workshop-card-compact:hover .workshop-card-compact-image {
  transform: scale(1.05);
}
 
.workshop-detail-chip  svg {
  flex-shrink: 0;
}
 
.workshop-card-compact-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(206, 145, 44, 0.4);
}
 
.workshop-card-compact-btn-secondary:hover {
  color: #ffffff;
  background: var(--color-primary, #ce912c);
}
 

 

 

 

 
.home-workshop-badge-live {
  color: #ffffff;
  background: linear-gradient(135deg, #e74c3c, #c0392b);
}
 
.home-workshop-badge-closing {
  color: #ffffff;
  background: linear-gradient(135deg, #f39c12, #e67e22);
}
 

 

 
.popular-workshops-compact-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, var(--color-surface) 0%, color-mix(in oklab, var(--color-surface) 95%, var(--color-primary)) 100%);
}
 
.home-popular-workshops-compact-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.home-popular-workshops-compact-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.home-popular-workshops-desktop-stack {
  gap: var(--spacing-xl);
  display: flex;
  flex-direction: column;
}
 
.home-popular-workshops-compact-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-popular-workshops-compact-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
}
 
.home-popular-workshop-card-compact {
  display: flex;
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-card);
  flex-direction: row;
}
 
.popular-workshops-carousel {
  overflow: hidden;
  margin-bottom: var(--spacing-xl);
}
 
.home-popular-workshops-compact-pagination {
  gap: var(--spacing-sm);
  display: flex;
  margin-bottom: var(--spacing-lg);
  justify-content: center;
}
 
.home-popular-workshops-swipe-hint {
  gap: var(--spacing-sm);
  color: var(--color-on-surface-secondary);
  display: flex;
  opacity: 0.7;
  font-size: var(--font-size-sm);
  align-items: center;
  font-weight: var(--font-weight-medium);
  justify-content: center;
}
 
.home-workshop-card-compact-image-wrapper {
  width: 32%;
  overflow: hidden;
  position: relative;
  min-width: 32%;
}
 
.home-workshop-card-compact-content {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.popular-workshops-track {
  gap: var(--spacing-md);
  display: flex;
  padding: var(--spacing-xs) 0;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.home-popular-workshops-compact-dot {
  width: 10px;
  border: none;
  cursor: pointer;
  height: 10px;
  padding: 0;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.home-swipe-hint-arrow {
  animation: swipe-hint-anim 2s infinite;
  font-size: var(--font-size-lg);
}
 
.home-workshop-card-compact-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.workshop-card-image-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 20%, transparent) 0%, transparent 100%);
  transition: opacity 0.4s ease;
}
 
.home-workshop-card-compact-badge {
  width: fit-content;
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.home-workshop-badge-live1 {
  color: #ffffff;
  animation: pulse-badge 2s infinite;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}
 
.home-workshop-card-compact-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
}
 
.home-workshop-card-compact-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
}
 
.home-workshop-card-compact-details {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.home-workshop-card-compact-cta-row {
  gap: var(--spacing-md);
  display: flex;
  margin-top: auto;
}
 
.home-workshop-card-compact-helper {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-style: italic;
}
 
.home-workshop-badge-closing1 {
  color: #ffffff;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
 
.home-workshop-badge-new {
  color: #ffffff;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}
 
.home-popular-workshop-card-mobile1 {
  min-width: 80%;
  flex-shrink: 0;
  flex-direction: column;
}
 
.home-workshop-detail-chip {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.home-workshop-card-compact-btn-primary {
  flex: 1;
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  box-shadow: 0 4px 12px rgba(206, 145, 44, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-workshop-card-compact-btn-secondary {
  flex: 1;
  color: var(--color-on-surface);
  border: 2px solid var(--color-border);
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: transparent;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-workshop-card-mobile-image-wrapper {
  width: 100%;
  height: 220px;
  overflow: hidden;
  position: relative;
}
 
.home-workshop-card-mobile-content {
  gap: var(--spacing-md);
  display: flex;
  padding: var(--spacing-lg);
  flex-direction: column;
}
 
.home-workshop-card-mobile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.home-workshop-badge-popular {
  color: #ffffff;
  background: linear-gradient(135deg, var(--color-accent) 0%, #8b5cf6 100%);
  box-shadow: 0 4px 12px rgba(155, 89, 182, 0.3);
}
 
.popular-workshops-compact-section::before {
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, color-mix(in oklab, var(--color-primary) 15%, transparent) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
 
.home-popular-workshop-card-compact::before {
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  content: "";
  opacity: 0;
  position: absolute;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-accent) 100%);
  transition: opacity 0.4s ease;
}
 
.home-popular-workshop-card-compact:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
}
 
.home-popular-workshop-card-compact:hover::before {
  opacity: 1;
}
 
.home-popular-workshop-card-compact:hover .workshop-card-compact-image {
  transform: scale(1.1) rotate(2deg);
}
 
.home-popular-workshop-card-compact:hover .workshop-card-image-overlay {
  opacity: 1;
}
 
.home-workshop-detail-chip  svg {
  opacity: 0.7;
  flex-shrink: 0;
}
 
.home-workshop-card-compact-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(206, 145, 44, 0.4);
}
 
.home-workshop-card-compact-btn-secondary:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
  border-color: var(--color-primary);
}
 
.home-workshop-card-mobile-image-wrapper  .workshop-card-compact-badge {
  top: var(--spacing-md);
  right: var(--spacing-md);
  z-index: 3;
  position: absolute;
}
 
.home-popular-workshops-compact-dot.active {
  width: 32px;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  border-radius: var(--border-radius-full);
}
 
.home-popular-workshops-compact-dot:hover {
  transform: scale(1.2);
  background: var(--color-primary);
}
 
.homepopularworkshops_compact-popular-workshops-compact-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.homepopularworkshops_compact-popular-workshops-compact-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.homepopularworkshops_compact-popular-workshops-desktop-stack {
  gap: var(--spacing-xl);
  display: flex;
  flex-direction: column;
}
 
.homepopularworkshops_compact-popular-workshops-compact-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.homepopularworkshops_compact-popular-workshops-compact-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
}
 
.homepopularworkshops_compact-popular-workshop-card-compact {
  display: flex;
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-card);
  flex-direction: row;
}
 
.homepopularworkshops_compact-popular-workshops-compact-pagination {
  gap: var(--spacing-sm);
  display: flex;
  margin-bottom: var(--spacing-lg);
  justify-content: center;
}
 
.homepopularworkshops_compact-popular-workshops-swipe-hint {
  gap: var(--spacing-sm);
  color: var(--color-on-surface-secondary);
  display: flex;
  opacity: 0.7;
  font-size: var(--font-size-sm);
  align-items: center;
  font-weight: var(--font-weight-medium);
  justify-content: center;
}
 
.homepopularworkshops_compact-workshop-card-compact-image-wrapper {
  width: 32%;
  overflow: hidden;
  position: relative;
  min-width: 32%;
}
 
.homepopularworkshops_compact-workshop-card-compact-content {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.homepopularworkshops_compact-popular-workshops-compact-dot {
  width: 10px;
  border: none;
  cursor: pointer;
  height: 10px;
  padding: 0;
  background: var(--color-neutral);
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.homepopularworkshops_compact-swipe-hint-arrow {
  animation: swipe-hint-anim 2s infinite;
  font-size: var(--font-size-lg);
}
 
.homepopularworkshops_compact-workshop-card-compact-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.homepopularworkshops_compact-workshop-card-compact-badge {
  width: fit-content;
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.homepopularworkshops_compact-workshop-badge-live1 {
  color: #ffffff;
  animation: pulse-badge 2s infinite;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}
 
.homepopularworkshops_compact-workshop-card-compact-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
}
 
.homepopularworkshops_compact-workshop-card-compact-description {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
}
 
.homepopularworkshops_compact-workshop-card-compact-details {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.homepopularworkshops_compact-workshop-card-compact-cta-row {
  gap: var(--spacing-md);
  display: flex;
  margin-top: auto;
}
 
.homepopularworkshops_compact-workshop-card-compact-helper {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-style: italic;
}
 
.homepopularworkshops_compact-workshop-badge-closing1 {
  color: #ffffff;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}
 
.homepopularworkshops_compact-workshop-badge-new {
  color: #ffffff;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}
 
.homepopularworkshops_compact-popular-workshop-card-mobile1 {
  min-width: 80%;
  flex-shrink: 0;
  flex-direction: column;
}
 
.homepopularworkshops_compact-workshop-detail-chip {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-primary {
  flex: 1;
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  box-shadow: 0 4px 12px rgba(206, 145, 44, 0.3);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-secondary {
  flex: 1;
  color: var(--color-on-surface);
  border: 2px solid var(--color-border);
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: transparent;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.homepopularworkshops_compact-workshop-card-mobile-image-wrapper {
  width: 100%;
  height: 220px;
  overflow: hidden;
  position: relative;
}
 
.homepopularworkshops_compact-workshop-card-mobile-content {
  gap: var(--spacing-md);
  display: flex;
  padding: var(--spacing-lg);
  flex-direction: column;
}
 
.homepopularworkshops_compact-workshop-card-mobile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.homepopularworkshops_compact-workshop-badge-popular {
  color: #ffffff;
  background: linear-gradient(135deg, var(--color-accent) 0%, #8b5cf6 100%);
  box-shadow: 0 4px 12px rgba(155, 89, 182, 0.3);
}
 
.homepopularworkshops_compact-popular-workshop-card-compact::before {
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  content: "";
  opacity: 0;
  position: absolute;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-accent) 100%);
  transition: opacity 0.4s ease;
}
 
.homepopularworkshops_compact-popular-workshop-card-compact:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
}
 
.homepopularworkshops_compact-popular-workshop-card-compact:hover::before {
  opacity: 1;
}
 
.homepopularworkshops_compact-popular-workshop-card-compact:hover .workshop-card-compact-image {
  transform: scale(1.1) rotate(2deg);
}
 
.homepopularworkshops_compact-popular-workshop-card-compact:hover .workshop-card-image-overlay {
  opacity: 1;
}
 
.homepopularworkshops_compact-workshop-detail-chip  svg {
  opacity: 0.7;
  flex-shrink: 0;
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(206, 145, 44, 0.4);
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-secondary:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
  border-color: var(--color-primary);
}
 
.homepopularworkshops_compact-workshop-card-mobile-image-wrapper  .workshop-card-compact-badge {
  top: var(--spacing-md);
  right: var(--spacing-md);
  z-index: 3;
  position: absolute;
}
 
.homepopularworkshops_compact-popular-workshops-compact-dot.active {
  width: 32px;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  border-radius: var(--border-radius-full);
}
 
.homepopularworkshops_compact-popular-workshops-compact-dot:hover {
  transform: scale(1.2);
  background: var(--color-primary);
}
 
.homepopularworkshops_compact-home-popular-workshops-compact {
  padding: 40px 16px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(to bottom, #f8f6f3 0%, #fffaf7 100%);
}
 
.homepopularworkshops_compact-popular-workshops-compact-header1 {
  text-align: center;
  margin-bottom: 32px;
}
 
.homepopularworkshops_compact-popular-workshops-desktop-stack1 {
  gap: 16px;
  display: none;
  flex-direction: column;
}
 
.homepopularworkshops_compact-popular-workshops-mobile-carousel-wrapper {
  display: block;
  position: relative;
}
 
.homepopularworkshops_compact-popular-workshops-compact-title1 {
  color: #2c2c2c;
  margin: 0 0 12px 0;
  font-size: clamp(22px, 4vw, 32px);
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.5px;
}
 
.homepopularworkshops_compact-popular-workshops-compact-subtitle1 {
  color: #666666;
  margin: 0;
  font-size: clamp(14px, 2vw, 16px);
  max-width: 600px;
  font-family: var(--font-family-body);
  font-weight: 300;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
}
 
.homepopularworkshops_compact-popular-workshop-card-compact1 {
  flex: 0 0 80%;
  display: flex;
  overflow: hidden;
  min-width: 80%;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(44, 44, 44, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 16px;
  flex-direction: column;
  scroll-snap-align: center;
}
 
.homepopularworkshops_compact-popular-workshops-mobile-carousel1 {
  margin: 0 -10%;
  padding: 0 10%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
 
.homepopularworkshops_compact-popular-workshops-compact-pagination1 {
  gap: 8px;
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: center;
}
 
.homepopularworkshops_compact-popular-workshops-swipe-hint1 {
  gap: 6px;
  color: #999999;
  display: flex;
  animation: swipeHintPulse 2s ease-in-out infinite;
  font-size: 12px;
  font-style: italic;
  margin-top: 12px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
 
.homepopularworkshops_compact-workshop-card-compact-image-wrapper1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #f8f6f3 0%, #e8e2d9 100%);
  aspect-ratio: 1 / 1;
}
 
.homepopularworkshops_compact-workshop-card-compact-content1 {
  gap: 12px;
  flex: 1;
  display: flex;
  padding: 18px;
  flex-direction: column;
}
 
.homepopularworkshops_compact-popular-workshops-mobile-track1 {
  gap: 16px;
  display: flex;
  padding-bottom: 10px;
}
 
.homepopularworkshops_compact-popular-workshops-compact-dot1 {
  width: 10px;
  border: none;
  cursor: pointer;
  height: 10px;
  padding: 0;
  background: #d0d0d0;
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.homepopularworkshops_compact-workshop-card-compact-image1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.homepopularworkshops_compact-workshop-card-compact-badge1 {
  top: 12px;
  left: 12px;
  padding: 6px 12px;
  z-index: 2;
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
 
.homepopularworkshops_compact-workshop-badge-live2 {
  color: #ffffff;
  background: rgba(231, 76, 60, 0.95);
  box-shadow: 0 2px 8px rgba(231, 76, 60, 0.3);
}
 
.homepopularworkshops_compact-workshop-card-compact-title1 {
  color: #2c2c2c;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 18px;
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.homepopularworkshops_compact-workshop-card-compact-description1 {
  flex: 1;
  color: #666666;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: 14px;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.homepopularworkshops_compact-workshop-card-compact-details1 {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.homepopularworkshops_compact-workshop-card-compact-cta-row1 {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
}
 
.homepopularworkshops_compact-workshop-badge-popular1 {
  color: #ffffff;
  background: rgba(206, 145, 44, 0.95);
  box-shadow: 0 2px 8px rgba(206, 145, 44, 0.3);
}
 
.homepopularworkshops_compact-workshop-badge-new1 {
  color: #ffffff;
  background: rgba(46, 204, 113, 0.95);
  box-shadow: 0 2px 8px rgba(46, 204, 113, 0.3);
}
 
.homepopularworkshops_compact-workshop-detail-chip1 {
  gap: 4px;
  color: #666666;
  display: inline-flex;
  padding: 4px 10px;
  font-size: 12px;
  background: #f8f6f3;
  align-items: center;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 12px;
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-primary1 {
  flex: 1;
  color: #ffffff;
  border: none;
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px;
  font-size: 14px;
  min-width: 120px;
  background: linear-gradient(135deg, #ce912c 0%, #e2a73d 100%);
  box-shadow: 0 2px 8px rgba(206, 145, 44, 0.2);
  text-align: center;
  transition: all 0.3s ease;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-secondary1 {
  flex: 1;
  color: #ce912c;
  border: 2px solid #ce912c;
  cursor: pointer;
  display: inline-block;
  padding: 10px 16px;
  font-size: 14px;
  min-width: 120px;
  background: transparent;
  text-align: center;
  transition: all 0.3s ease;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
}
 
.homepopularworkshops_compact-workshop-badge-closing2 {
  color: #2c2c2c;
  background: rgba(241, 196, 15, 0.95);
  box-shadow: 0 2px 8px rgba(241, 196, 15, 0.3);
}
 
.homepopularworkshops_compact-workshop-card-compact-helper1 {
  color: #999999;
  font-size: 11px;
  font-style: italic;
  margin-top: 4px;
  text-align: center;
}
 
.homepopularworkshops_compact-popular-workshops-mobile-carousel1::-webkit-scrollbar {
  display: none;
}
 
.homepopularworkshops_compact-popular-workshop-card-compact1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(44, 44, 44, 0.12);
}
 
.homepopularworkshops_compact-popular-workshop-card-compact1:hover .workshop-card-compact-image {
  transform: scale(1.05);
}
 
.homepopularworkshops_compact-popular-workshop-card-compact1:focus-within {
  box-shadow: 0 0 0 3px rgba(206, 145, 44, 0.3);
}
 
.homepopularworkshops_compact-workshop-detail-chip1  svg {
  width: 14px;
  height: 14px;
  opacity: 0.7;
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-primary1:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #b67e23 0%, #ce912c 100%);
  box-shadow: 0 4px 12px rgba(206, 145, 44, 0.3);
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-primary1:focus {
  outline: 2px solid #ce912c;
  outline-offset: 2px;
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-secondary1:hover {
  color: #ffffff;
  transform: translateY(-2px);
  background: #ce912c;
  box-shadow: 0 4px 12px rgba(206, 145, 44, 0.2);
}
 
.homepopularworkshops_compact-workshop-card-compact-btn-secondary1:focus {
  outline: 2px solid #ce912c;
  outline-offset: 2px;
}
 
.homepopularworkshops_compact-popular-workshops-compact-dot1:hover {
  transform: scale(1.1);
  background: #a0a0a0;
}
 
.homepopularworkshops_compact-popular-workshops-compact-dot1.active {
  width: 24px;
  background: #ce912c;
  border-radius: 5px;
}
 
.homepopularworkshops_compact-popular-workshops-compact-dot1:focus {
  outline: 2px solid #ce912c;
  outline-offset: 2px;
}
 
.homepopularworkshops_compact-popular-workshops-swipe-hint1  svg {
  width: 16px;
  height: 16px;
  opacity: 0.7;
}
 
.popular-workshop-section {
  width: 100%;
  padding: 60px 40px;
  position: relative;
  background-image: linear-gradient(to bottom, #59190f, #5e2a22) !important;
}
 
.popular-workshop-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}
 
.popular-workshop-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl, 4rem);
}
 
.popular-workshop-cards-desktop {
  gap: var(--spacing-xl, 2rem);
  display: flex;
  flex-direction: column;
}
 
.home-popular-workshops-carousel {
  display: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
 
.popular-workshops-dots {
  gap: 8px;
  display: none;
  margin-top: var(--spacing-lg, 1.5rem);
  align-items: center;
  justify-content: center;
}
 
.home-popular-workshops-swipe-hint1 {
  color: #d4cfc5;
  display: none;
  font-size: var(--font-size-xs, 0.75rem);
  margin-top: var(--spacing-sm, 0.75rem);
  text-align: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
}
 
.popular-workshop-card-row {
  gap: 20px;
  display: flex;
  padding: 18px 20px;
  box-shadow: var(--shadow-level-1, 0 4px 16px rgba(0, 0, 0, 0.08));
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-lg, 16px);
  background-color: #ffffff;
}
 
.home-popular-workshops-track {
  gap: 16px;
  display: flex;
  padding: 0 10% 10px 10%;
  align-items: stretch;
}
 
.popular-workshop-dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  transition: all 0.3s ease;
  border-radius: 50%;
  background-color: #e8e4dc;
}
 
.popular-workshop-image-wrapper {
  flex: 0 0 30%;
  overflow: hidden;
  position: relative;
  max-width: 30%;
  aspect-ratio: 16 / 10;
  border-radius: var(--border-radius-md, 12px);
}
 
.popular-workshop-body {
  gap: 8px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.home-popular-workshop-card-mobile2 {
  flex: 0 0 80%;
  display: flex;
  overflow: hidden;
  min-width: 80%;
  box-shadow: var(--shadow-level-1, 0 4px 16px rgba(0, 0, 0, 0.08));
  border-radius: var(--border-radius-lg, 16px);
  flex-direction: column;
  background-color: rgba(42, 29, 22, 0.3);
  scroll-snap-align: center;
}
 
.popular-workshop-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.popular-workshop-badge-wrapper {
  margin-bottom: 4px;
}
 
.popular-workshop-title {
  color: var(--color-on-primary);
  margin: 0;
  font-size: var(--font-size-xl, clamp(1.375rem, 1.3rem + 0.3vw, 1.5rem));
  font-family: var(--font-family-heading, "Red Hat Display", system-ui, sans-serif);
  font-weight: var(--font-weight-heading, 600);
  line-height: 1.3;
}
 
.popular-workshop-description {
  color: var(--color-neutral);
  margin: 0;
  font-size: var(--font-size-base, 1rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
  line-height: var(--line-height-body, 1.6);
}
 
.popular-workshop-details-row {
  gap: var(--spacing-lg, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
  align-items: center;
}
 
.popular-workshop-cta-row {
  gap: var(--spacing-md, 1rem);
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
}
 
.popular-workshop-helper-text {
  color: #D4AF37 !important;
  margin: 4px 0 0 0;
  font-size: var(--font-size-xs, 0.75rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
}
 
.popular-workshop-image-wrapper-mobile {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  aspect-ratio: 16 / 10;
}
 
.popular-workshop-badge {
  display: inline-flex;
  padding: 2px 10px;
  font-size: var(--font-size-xs, 0.75rem);
  align-items: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-full, 9999px);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.badge-live {
  color: var(--color-on-primary);
  border: 1px solid #fff;
}
 
.popular-workshop-detail-item {
  gap: 6px;
  display: flex;
  align-items: center;
}
 
.popular-workshop-btn-primary {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  background: var(--gradient_btn_1);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
}
 
.popular-workshop-btn-primary:hover {
  color: var(--color-on-primary);
  opacity: 0.9;
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-2);
}
 
.popular-workshop-btn-secondary {
  color: var(--color-surface);
  border: 2px solid var(--color-surface);
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  background-color: transparent;
}
 
.popular-workshop-btn-secondary:hover {
  color: var(--color-on-surface);
  border-color: #f5f1e8;
  background-color: rgba(232, 228, 220, 0.1);
}
 
.home-badge-new {
  color: #ffffff;
  border: 1px #D4AF37 solid;
}
 
.badge-closing {
  color: #ffffff;
  background-color: var(--color-primary, #ce912c);
}
 
.popular-workshop-detail-icon {
  color: var(--color-surface);
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.popular-workshop-detail-text {
  color: var(--color-surface);
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
}
 
.popular-workshop-header  .section-title {
  color: var(--color-on-surface, #2a1d16);
  font-size: var(--font-size-3xl, clamp(2.5rem, 2.2rem + 1.2vw, 3rem));
  font-family: var(--font-family-heading, "Red Hat Display", system-ui, sans-serif);
  font-weight: var(--font-weight-heading, 600);
  line-height: var(--line-height-heading, 1.25);
  margin-bottom: var(--spacing-md, 1rem);
}
 
.popular-workshop-header  .section-subtitle {
  color: var(--color-on-surface-secondary, #7e6b5a);
  margin: 0 auto;
  font-size: var(--font-size-lg, clamp(1.125rem, 1.05rem + 0.2vw, 1.25rem));
  max-width: 700px;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
  line-height: var(--line-height-body, 1.6);
}
 
.popular-workshop-card-row:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2, 0 8px 32px rgba(0, 0, 0, 0.12));
}
 
.popular-workshop-btn-primary:hover {
  color: var(--color-on-primary);
  opacity: 0.9;
  transform: translateY(-2px);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-2);
}
 
.popular-workshop-btn-secondary:hover {
  color: var(--color-on-surface);
  transform: translateY(-2px);
  border-color: var(--color-on-surface);
  background-color: var(--color-surface);
}
 
.home-popular-workshops-carousel::-webkit-scrollbar {
  display: none;
}
 
.home-popular-workshop-card-mobile2  .popular-workshop-body {
  padding: 18px 20px;
}
 
.popular-workshop-dot.active {
  width: 24px;
  border-radius: 4px;
  background-color: var(--color-primary, #ce912c);
}
 
.home-section-subtitle2 {
  opacity: 0.85;
  font-size: var(--font-size-lg);
  font-style: var(--font-style-subheading);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-heading);
}
 
.home-popular-workshop-card-row {
  gap: 0;
  display: flex;
  padding: 0;
  overflow: hidden;
  box-shadow: var(--shadow-level-1, 0 4px 16px rgba(0, 0, 0, 0.08));
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: stretch;
  border-radius: var(--border-radius-lg, 16px);
  background-color: rgba(42, 29, 22, 0.3);
}
 
.home-popular-workshop-image-wrapper {
  flex: 0 0 34%;
  overflow: hidden;
  position: relative;
  max-width: 34%;
  aspect-ratio: 16 / 10;
  border-radius: 0;
}
 
.home-popular-workshop-body {
  gap: 5px;
  flex: 1;
  display: flex;
  padding: 18px 20px;
  flex-direction: column;
}
 
.home-btn-primary1 {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  transition: all 0.3s ease;
  border-color: var(--color-secondary);
}
 
.home-btn-primary1:hover {
  color: var(--color-on-primary);
  opacity: 0.9;
  transform: translateY(-2px);
  background: var(--gradient_btn_1);
}
 
.home-btn-primary1:hover:not(:disabled) {
  background: var(--gradient_btn_1);
  border-color: var(--color-secondary);
}
 
.home-popular-workshop-card-row:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2, 0 8px 32px rgba(0, 0, 0, 0.12));
}
 
.home-btn-primary2 {
  color: #2a1d16;
  border-color: #f5e6b3;
  background-color: #f5e6b3;
}
 
.home-btn-secondary {
  color: #e8e4dc;
  border: 1.5px solid #e8e4dc;
  background-color: transparent;
}
 
.home-popular-workshop-card-mobile3 {
  flex: 0 0 85%;
  border: 1px solid rgba(232, 228, 220, 0.2);
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius-lg);
  scroll-snap-align: center;
}
 
.home-popular-workshop-section {
  width: 100%;
  padding: 60px 40px;
  position: relative;
  background: linear-gradient(to bottom, #5e2a22, #59190f);
}
 
.home-home-popular-workshops-swipe-hint1 {
  color: #d4cfc5;
  display: none;
  font-size: var(--font-size-xs, 0.75rem);
  margin-top: var(--spacing-sm, 0.75rem);
  text-align: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
}
 
.home-popular-workshop-dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  transition: all 0.3s ease;
  border-radius: 50%;
  background-color: rgba(232, 228, 220, 0.4);
}
 
.home-home-popular-workshop-card-mobile2 {
  flex: 0 0 80%;
  display: flex;
  overflow: hidden;
  min-width: 80%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius-lg, 16px);
  flex-direction: column;
  background-color: #ffffff;
  scroll-snap-align: center;
}
 
.home-popular-workshop-btn-primary {
  color: #2a1d16;
  border: none;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  background-color: #f5e6b3;
}
 
.home-popular-workshop-btn-secondary {
  color: #e8e4dc;
  border: 1.5px solid #e8e4dc;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  background-color: transparent;
}
 
.home-popular-workshop-detail-icon {
  color: #f5e6b3;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.home-popular-workshop-detail-text {
  color: #d4cfc5;
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
}
 
.home-home-popular-workshop-card-row {
  gap: 0;
  display: flex;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: stretch;
  border-radius: var(--border-radius-lg, 16px);
  background-color: #ffffff;
}
 
.home-home-btn-primary1 {
  color: #2a1d16;
  border-color: #f5e6b3;
  background-color: #f5e6b3;
}
 

 
.home-btn-primary2:hover:not(:disabled) {
  border-color: #ffe8a8;
  background-color: #ffe8a8;
}
 
.home-btn-secondary:hover:not(:disabled) {
  color: #2a1d16;
  border-color: #e8e4dc;
  background-color: #e8e4dc;
}
 
.home-popular-workshop-card-mobile3  .home-workshop-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
}
 

 

 

 

 

 

 

 

 

 
.home-popular-workshop-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(245, 230, 179, 0.4);
  background-color: #ffe8a8;
}
 
.home-popular-workshop-btn-secondary:hover {
  color: #2a1d16;
  transform: translateY(-2px);
  background-color: #e8e4dc;
}
 
.home-home-popular-workshop-card-mobile2  .popular-workshop-body {
  padding: 18px 20px;
}
 
.home-popular-workshop-dot.active {
  width: 24px;
  border-radius: 4px;
  background-color: #f5e6b3;
}
 
.home-home-btn-primary1:hover:not(:disabled) {
  border-color: #ffe8a8;
  background-color: #ffe8a8;
}
 
.home-home-popular-workshop-card-row:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
 
.home-btn-primary3 {
  color: #2a1d16;
  border-color: #f5e6b3;
  background-color: #f5e6b3;
}
 
.home-btn-secondary1 {
  color: #e8e4dc;
  border: 1.5px solid #e8e4dc;
  background-color: transparent;
}
 
.home-popular-workshop-card-mobile4 {
  flex: 0 0 85%;
  border: 1px solid rgba(232, 228, 220, 0.2);
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius-lg);
  scroll-snap-align: center;
}
 
.home-popular-workshop-section1 {
  width: 100%;
  padding: 60px 40px;
  position: relative;
  background: linear-gradient(to bottom, #5e2a22, #59190f);
}
 
.home-home-popular-workshops-swipe-hint11 {
  color: #d4cfc5;
  display: none;
  font-size: var(--font-size-xs, 0.75rem);
  margin-top: var(--spacing-sm, 0.75rem);
  text-align: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
}
 
.home-popular-workshop-dot1 {
  width: 8px;
  cursor: pointer;
  height: 8px;
  transition: all 0.3s ease;
  border-radius: 50%;
  background-color: rgba(232, 228, 220, 0.4);
}
 
.home-home-popular-workshop-card-mobile21 {
  flex: 0 0 80%;
  display: flex;
  overflow: hidden;
  min-width: 80%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius-lg, 16px);
  flex-direction: column;
  background-color: #ffffff;
  scroll-snap-align: center;
}
 
.home-popular-workshop-btn-primary1 {
  color: #2a1d16;
  border: none;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  background-color: #f5e6b3;
}
 
.home-popular-workshop-btn-secondary1 {
  color: #e8e4dc;
  border: 1.5px solid #e8e4dc;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  background-color: transparent;
}
 
.home-popular-workshop-detail-icon1 {
  color: #f5e6b3;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.home-popular-workshop-detail-text1 {
  color: #d4cfc5;
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
}
 
.home-home-popular-workshop-card-row1 {
  gap: 0;
  display: flex;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: stretch;
  border-radius: var(--border-radius-lg, 16px);
  background-color: #ffffff;
}
 
.home-home-btn-primary11 {
  color: #2a1d16;
  border-color: #f5e6b3;
  background-color: #f5e6b3;
}
 

 
.home-btn-primary3:hover:not(:disabled) {
  border-color: #ffe8a8;
  background-color: #ffe8a8;
}
 
.home-btn-secondary1:hover:not(:disabled) {
  color: #2a1d16;
  border-color: #e8e4dc;
  background-color: #e8e4dc;
}
 
.home-popular-workshop-card-mobile4  .home-workshop-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16 / 9;
}
 

 

 

 

 

 

 

 

 

 
.home-popular-workshop-btn-primary1:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(245, 230, 179, 0.4);
  background-color: #ffe8a8;
}
 
.home-popular-workshop-btn-secondary1:hover {
  color: #2a1d16;
  transform: translateY(-2px);
  background-color: #e8e4dc;
}
 
.home-home-popular-workshop-card-mobile21  .popular-workshop-body {
  padding: 18px 20px;
}
 
.home-popular-workshop-dot1.active {
  width: 24px;
  border-radius: 4px;
  background-color: #f5e6b3;
}
 
.home-home-btn-primary11:hover:not(:disabled) {
  border-color: #ffe8a8;
  background-color: #ffe8a8;
}
 
.home-home-popular-workshop-card-row1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
 
.text-testimonials-two-column-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-md);
  background-color: var(--color-surface);
}
 
.text-testimonials-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}
 
.text-testimonials-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.testimonials-layout {
  gap: var(--spacing-xl);
  display: flex;
  margin-top: var(--spacing-3xl);
  align-items: stretch;
}
 
.text-testimonials-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.text-testimonials-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.testimonials-left-image {
  flex: 0 0 30%;
  box-shadow: var(--shadow-level-2);
  min-height: 320px;
  border-radius: var(--border-radius-lg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
 
.testimonials-right-list {
  flex: 1;
}
 
.testimonial-list-wrapper {
  height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: var(--spacing-sm);
}
 
.testimonial-list {
  gap: 12px;
  display: flex;
  flex-direction: column;
}
 
.texttestimonials_twocolumn-testimonial-card {
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-card);
}
 
.texttestimonials_twocolumn-testimonial-card-header {
  position: relative;
  margin-bottom: var(--spacing-md);
  padding-right: var(--spacing-2xl);
}
 
.testimonial-author-section {
  margin-bottom: var(--spacing-sm);
}
 
.testimonial-rating-section {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-sm);
}
 
.testimonial-verified-badge {
  gap: 4px;
  color: var(--color-primary);
  display: inline-flex;
  padding: 4px var(--spacing-sm);
  background: color-mix(in oklab, var(--color-primary) 10%, transparent);
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.texttestimonials_twocolumn-testimonial-quote {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-base);
  font-style: italic;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.texttestimonials_twocolumn-testimonial-platform-icon {
  top: 0;
  color: var(--color-on-surface-secondary);
  right: 0;
  width: 24px;
  height: 24px;
  opacity: 0.7;
  position: absolute;
}
 
.texttestimonials_twocolumn-testimonial-author-name {
  color: var(--color-on-surface);
  margin: 0 0 4px 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
}
 
.testimonial-author-role {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
}
 
.testimonial-stars {
  gap: 2px;
  color: var(--color-primary);
  display: flex;
}
 
.texttestimonials_twocolumn-testimonial-rating-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.testimonial-verified-text {
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.testimonial-list-wrapper::-webkit-scrollbar {
  width: 6px;
}
 
.testimonial-list-wrapper::-webkit-scrollbar-track {
  background: var(--color-neutral);
  border-radius: var(--border-radius-full);
}
 
.testimonial-list-wrapper::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: var(--border-radius-full);
}
 
.testimonial-list-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--color-secondary);
}
 
.texttestimonials_twocolumn-testimonial-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.texttestimonials_twocolumn-testimonial-platform-icon  svg {
  width: 100%;
  height: 100%;
}
 
.testimonial-stars  svg {
  fill: currentColor;
  width: 16px;
  height: 16px;
}
 
.testimonial-verified-badge  svg {
  width: 16px;
  height: 16px;
}
 
.TextTestimonials_TwoColumn {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.texttestimonials_twocolumn-testimonials-container {
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
  max-width: var(--content-max-width);
}
 
.testimonials-section-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.testimonials-section-title {
  color: var(--color-on-surface);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-heading);
}
 
.testimonials-section-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 600px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.texttestimonials_twocolumn-testimonials-layout {
  gap: var(--spacing-xl);
  display: flex;
  position: relative;
  align-items: stretch;
}
 
.texttestimonials_twocolumn-testimonials-left-image {
  flex: 0 0 30%;
  overflow: hidden;
  position: relative;
  max-width: 30%;
  box-shadow: var(--shadow-level-2);
  min-height: 420px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: var(--border-radius-lg);
  background-size: cover;
  background-color: var(--color-surface-elevated);
  background-position: center;
}
 
.texttestimonials_twocolumn-testimonials-right-list {
  flex: 0 0 70%;
  display: flex;
  max-width: 70%;
  flex-direction: column;
}
 
.texttestimonials_twocolumn-testimonial-list-wrapper {
  border: 1px solid var(--color-border);
  height: 420px;
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  border-radius: var(--border-radius-lg);
}
 
.texttestimonials_twocolumn-testimonial-list {
  gap: var(--spacing-md);
  display: flex;
  padding: var(--spacing-lg);
  animation: testimonialScroll 30s linear infinite;
  flex-direction: column;
}
 
.texttestimonials_twocolumn-testimonial-card1 {
  border: 1px solid var(--color-outline);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
}
 
.texttestimonials_twocolumn-testimonial-quote1 {
  color: var(--color-on-surface);
  position: relative;
  font-size: var(--font-size-sm);
  font-style: italic;
  font-family: var(--font-family-body);
  line-height: 1.7;
  padding-left: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
 
.testimonial-footer {
  gap: var(--spacing-md);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
 
.texttestimonials_twocolumn-testimonial-author-section {
  gap: var(--spacing-xs);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.texttestimonials_twocolumn-testimonial-author-name1 {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
}
 
.texttestimonials_twocolumn-testimonial-author-role {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-body);
}
 
.testimonial-meta-section {
  gap: var(--spacing-xs);
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
 
.texttestimonials_twocolumn-testimonial-rating-section {
  gap: var(--spacing-xs);
  display: flex;
  align-items: center;
}
 
.texttestimonials_twocolumn-testimonial-stars {
  color: #fdb02a;
  font-size: var(--font-size-sm);
  line-height: 1;
  letter-spacing: 2px;
}
 
.texttestimonials_twocolumn-testimonial-rating-text1 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.texttestimonials_twocolumn-testimonial-verified-badge {
  gap: 4px;
  color: var(--color-primary);
  display: inline-flex;
  padding: 4px 8px;
  font-size: var(--font-size-xs);
  background: color-mix(in oklab, var(--color-primary) 10%, transparent);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-sm);
}
 
.texttestimonials_twocolumn-testimonial-platform-icon1 {
  width: 32px;
  border: 1px solid var(--color-outline);
  height: 32px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
  border-radius: var(--border-radius-sm);
  background-size: contain;
  background-color: var(--color-surface);
  background-repeat: no-repeat;
  background-position: center;
}
 
.testimonial-card-decoration {
  top: var(--spacing-md);
  right: var(--spacing-md);
  width: 40px;
  height: 40px;
  opacity: 0.05;
  position: absolute;
  pointer-events: none;
}
 
.testimonial-list-gradient-top {
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  z-index: 3;
  position: absolute;
  background: linear-gradient(180deg, var(--color-surface) 0%, transparent 100%);
  pointer-events: none;
}
 
.testimonial-list-gradient-bottom {
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 3;
  position: absolute;
  background: linear-gradient(0deg, var(--color-surface) 0%, transparent 100%);
  pointer-events: none;
}
 
.testimonials-background-pattern {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.02;
  position: absolute;
  pointer-events: none;
  background-size: 32px 32px;
  background-image: radial-gradient(circle at 20% 30%, var(--color-primary) 1px, transparent 1px);
}
 
.texttestimonials_twocolumn-testimonials-left-image::before {
  inset: 0;
  content: "";
  z-index: 2;
  position: absolute;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 20%, transparent) 0%, color-mix(in oklab, var(--color-secondary) 15%, transparent) 100%);
  pointer-events: none;
}
 
.texttestimonials_twocolumn-testimonials-left-image:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-level-3);
}
 
.texttestimonials_twocolumn-testimonial-list:hover {
  animation-play-state: paused;
}
 
.texttestimonials_twocolumn-testimonial-card1::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  opacity: 0;
  position: absolute;
  background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  transition: opacity 0.3s ease;
}
 
.texttestimonials_twocolumn-testimonial-card1:hover {
  transform: translateX(4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  border-color: color-mix(in oklab, var(--color-primary) 40%, var(--color-outline));
}
 
.texttestimonials_twocolumn-testimonial-card1:hover::before {
  opacity: 1;
}
 
.texttestimonials_twocolumn-testimonial-card1:focus-within {
  outline: 2px solid var(--color-primary);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  outline-offset: 2px;
}
 
.texttestimonials_twocolumn-testimonial-quote1::before {
  top: -4px;
  left: 0;
  color: var(--color-primary);
  content: '"';
  opacity: 0.5;
  position: absolute;
  font-size: var(--font-size-2xl);
  font-family: Georgia, serif;
  line-height: 1;
}
 
.texttestimonials_twocolumn-testimonial-platform-icon1:hover {
  transform: scale(1.1);
}
 
.LetterTestimonialsSection {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  position: relative;
  background: var(--color-surface);
}
 
.letters-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.letter-reader-overlay {
  inset: 0;
  display: none;
  padding: var(--spacing-lg);
  z-index: 9999;
  position: fixed;
  align-items: center;
  justify-content: center;
}
 

 
.letters-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.letters-layout {
  gap: var(--spacing-xl);
  margin: 0 auto;
  display: none;
  max-width: 1400px;
  transform: none;
  margin-top: var(--spacing-3xl);
}
 
.letters-carousel {
  display: block;
  overflow: hidden;
  margin-top: var(--spacing-3xl);
}
 
.letter-reader-backdrop {
  inset: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
}
 
.letter-reader-panel {
  width: 100%;
  display: flex;
  z-index: 10000;
  position: relative;
  animation: slideUp 0.3s ease;
  max-width: 480px;
  background: #ffffff;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  max-height: 90vh;
  border-radius: 16px;
  flex-direction: column;
}
 

 
.letters-heading {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.letters-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.letters-list-column {
  width: 32%;
  flex-shrink: 0;
}
 
.letters-detail-column {
  width: 68%;
  flex-grow: 1;
}
 
.letters-track {
  gap: 16px;
  display: flex;
  padding: 0 var(--spacing-lg) 12px;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.letter-reader-header {
  display: flex;
  padding: var(--spacing-lg);
  align-items: flex-start;
  flex-shrink: 0;
  border-bottom: 1px solid var(--color-border);
  justify-content: space-between;
}
 
.letter-reader-body {
  flex: 1;
  padding: var(--spacing-lg);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
 
.letter-reader-footer {
  gap: var(--spacing-md);
  display: flex;
  padding: var(--spacing-md) var(--spacing-lg);
  border-top: 1px solid var(--color-border);
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
}
 

 

 

 

 
.letters-list-card {
  overflow: hidden;
  background: #ffffff;
  box-shadow: var(--shadow-level-1);
  border-radius: var(--border-radius-lg);
}
 
.letters-detail-card {
  height: 420px;
  padding: 20px 22px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: var(--shadow-level-1);
  border-radius: var(--border-radius-lg);
}
 
.letter-card {
  width: 100%;
  cursor: pointer;
  padding: 14px 16px;
  max-width: 100%;
  transform: none;
  background: #ffffff;
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-md);
  scroll-snap-align: start;
}
 
.letter-reader-header-info {
  flex: 1;
}
 
.letter-reader-close {
  color: var(--color-on-surface-secondary);
  width: 36px;
  border: none;
  cursor: pointer;
  height: 36px;
  display: flex;
  background: transparent;
  transition: all 0.2s ease;
  align-items: center;
  flex-shrink: 0;
  margin-left: var(--spacing-sm);
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.letter-reader-quote-icon {
  color: var(--color-primary);
  width: 28px;
  height: 28px;
  opacity: 0.6;
  margin-bottom: var(--spacing-sm);
}
 
.letter-reader-course-label {
  color: var(--color-primary);
  display: inline-block;
  padding: 4px 10px;
  font-size: var(--font-size-xs);
  background: color-mix(in oklab, var(--color-primary) 10%, transparent);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  margin-bottom: var(--spacing-md);
}
 

 
.letter-reader-shared {
  border-top: 1px solid var(--color-border);
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-md);
}
 
.letter-reader-nav {
  gap: 6px;
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  cursor: pointer;
  display: flex;
  padding: 8px 12px;
  font-size: var(--font-size-sm);
  background: transparent;
  transition: all 0.2s ease;
  align-items: center;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-sm);
}
 

 
.letter-reader-counter {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 

 
.letters-list {
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: auto;
}
 
.letter-detail {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 8px;
}
 
.letter-card-name {
  color: var(--color-on-surface);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  margin-bottom: 4px;
}
 
.letter-card-meta {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  margin-bottom: var(--spacing-sm);
}
 
.letter-card-snippet {
  color: var(--color-on-surface-secondary);
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.letter-reader-name {
  color: var(--color-on-surface);
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: 4px;
}
 
.letter-reader-meta {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
}
 
.letter-list-item {
  cursor: pointer;
  padding: 12px 14px;
  position: relative;
  background: #ffffff;
  transition: all 0.2s ease;
  border-bottom: 1px solid var(--color-border);
}
 

 
.letter-detail-header {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-md);
}
 
.letter-detail-body {
  margin-top: var(--spacing-lg);
}
 
.letter-detail-footer {
  border-top: 1px solid var(--color-border);
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-md);
}
 
.letter-list-name {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  margin-bottom: 2px;
}
 
.letter-list-meta {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-family: var(--font-family-body);
  margin-bottom: 6px;
}
 
.letter-list-snippet {
  color: var(--color-on-surface-secondary);
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.letter-detail-quote-icon {
  color: var(--color-primary);
  width: 32px;
  height: 32px;
  opacity: 0.6;
  margin-bottom: var(--spacing-sm);
}
 
.letter-detail-name {
  color: var(--color-on-surface);
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: 4px;
}
 
.letter-detail-meta {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  margin-bottom: var(--spacing-sm);
}
 
.letter-detail-course-label {
  color: var(--color-primary);
  display: inline-block;
  padding: 4px 10px;
  font-size: var(--font-size-xs);
  background: color-mix(in oklab, var(--color-primary) 10%, transparent);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.letter-shared-note {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-style: italic;
  font-family: var(--font-family-body);
}
 
.letters-list::-webkit-scrollbar {
  width: 6px;
}
 
.letters-list::-webkit-scrollbar-track {
  background: transparent;
}
 
.letters-list::-webkit-scrollbar-thumb {
  background: var(--color-neutral);
  border-radius: 3px;
}
 
.letter-list-item:hover {
  background: color-mix(in oklab, var(--color-primary) 5%, #ffffff);
}
 
.letter-list-item.is-active {
  background: color-mix(in oklab, var(--color-primary) 8%, #ffffff);
  border-left: 3px solid var(--color-primary);
  padding-left: 11px;
}
 
.letter-list-item:last-child {
  border-bottom: none;
}
 
.letter-detail::-webkit-scrollbar {
  width: 6px;
}
 
.letter-detail::-webkit-scrollbar-track {
  background: transparent;
}
 
.letter-detail::-webkit-scrollbar-thumb {
  background: var(--color-neutral);
  border-radius: 3px;
}
 
.letter-detail-quote-icon  svg {
  width: 100%;
  height: 100%;
}
 
.letter-detail-body  p {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.letter-detail-body  p:last-child {
  margin-bottom: 0;
}
 
.letters-track::-webkit-scrollbar {
  display: none;
}
 
.letter-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.letter-reader-overlay.is-open {
  display: flex;
}
 
.letter-reader-close:hover {
  color: var(--color-on-surface);
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
}
 
.letter-reader-close  svg {
  width: 20px;
  height: 20px;
}
 
.letter-reader-body::-webkit-scrollbar {
  width: 6px;
}
 
.letter-reader-body::-webkit-scrollbar-track {
  background: transparent;
}
 
.letter-reader-body::-webkit-scrollbar-thumb {
  background: var(--color-neutral);
  border-radius: 3px;
}
 
.letter-reader-quote-icon  svg {
  width: 100%;
  height: 100%;
}
 
.letter-reader-content  p {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.letter-reader-content  p:last-child {
  margin-bottom: 0;
}
 
.letter-reader-shared  small {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-style: italic;
  font-family: var(--font-family-body);
}
 
.letter-reader-nav:hover:not(:disabled) {
  color: var(--color-primary);
  background: color-mix(in oklab, var(--color-primary) 8%, transparent);
  border-color: var(--color-primary);
}
 
.letter-reader-nav:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
 
.letter-reader-nav  svg {
  width: 16px;
  height: 16px;
}
 

 
.lettertestimonialsgallery-LetterTestimonialsSection {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.lettertestimonialsgallery-letters-container {
  width: 100%;
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.lettertestimonialsgallery-letter-reader-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--spacing-lg);
  z-index: 9999;
  position: fixed;
  animation: letterFadeIn 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.lettertestimonialsgallery-letters-header {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}
 
.lettertestimonialsgallery-letters-layout {
  gap: 16px;
  display: grid;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: repeat(3, 1fr);
}
 
.lettertestimonialsgallery-testimonials-cta-wrapper {
  margin-top: var(--spacing-2xl);
  text-align: center;
}
 
.lettertestimonialsgallery-letter-reader-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  background: var(--color-scrim);
}
 
.lettertestimonialsgallery-letter-reader-panel {
  width: 100%;
  display: flex;
  z-index: 2;
  overflow: hidden;
  position: relative;
  max-width: 900px;
  background: var(--color-surface);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
  max-height: 90vh;
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.lettertestimonialsgallery-letters-heading {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.lettertestimonialsgallery-letters-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.lettertestimonialsgallery-letter-card {
  cursor: pointer;
  overflow: hidden;
  background: var(--color-surface-elevated);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-md);
}
 
.lettertestimonialsgallery-letter-reader-close {
  top: var(--spacing-md);
  right: var(--spacing-md);
  width: 44px;
  border: none;
  cursor: pointer;
  height: 44px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.lettertestimonialsgallery-letter-reader-body {
  flex: 1;
  display: flex;
  padding: var(--spacing-3xl) var(--spacing-2xl);
  overflow: auto;
  align-items: center;
  justify-content: center;
}
 
.lettertestimonialsgallery-letter-reader-footer {
  display: flex;
  padding: var(--spacing-lg) var(--spacing-2xl);
  background: var(--color-surface-elevated);
  border-top: var(--divider-value);
  align-items: center;
  justify-content: space-between;
}
 
.letter-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  background: linear-gradient(135deg, var(--color-neutral), var(--color-surface));
  aspect-ratio: 4 / 5;
}
 
.letter-card-caption {
  padding: var(--spacing-md);
  background: var(--color-surface-elevated);
  text-align: center;
}
 
.letter-close-icon {
  color: var(--color-on-surface);
  transition: color 0.3s ease;
}
 
.letter-lightbox-image-wrapper {
  width: 100%;
  display: flex;
  max-width: 700px;
  align-items: center;
  justify-content: center;
}
 
.lettertestimonialsgallery-reader-prev {
  gap: var(--spacing-xs);
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-primary);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.lettertestimonialsgallery-letter-reader-counter {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.lettertestimonialsgallery-reader-next {
  gap: var(--spacing-xs);
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-primary);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.letter-card-image {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.lettertestimonialsgallery-letter-card-name {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.lettertestimonialsgallery-letter-card-meta {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.letter-nav-icon {
  color: currentColor;
  flex-shrink: 0;
}
 

 
.letter-lightbox-active-image {
  width: 100%;
  height: auto;
  box-shadow: var(--shadow-level-2);
  max-height: 70vh;
  object-fit: contain;
  border-radius: var(--border-radius-md);
}
 
.lettertestimonialsgallery-letter-card:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: var(--shadow-level-2);
}
 
.lettertestimonialsgallery-letter-card:hover .letter-card-image {
  transform: scale(1.05);
}
 
.lettertestimonialsgallery-letter-card:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.lettertestimonialsgallery-letter-reader-close:hover {
  transform: rotate(90deg);
  background: var(--color-primary);
}
 
.lettertestimonialsgallery-letter-reader-close:hover .letter-close-icon {
  color: var(--color-on-primary);
}
 
.lettertestimonialsgallery-letter-reader-close:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.lettertestimonialsgallery-reader-prev:hover {
  transform: scale(1.05);
  background: var(--color-secondary);
}
 
.lettertestimonialsgallery-reader-prev:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.lettertestimonialsgallery-reader-next:hover {
  transform: scale(1.05);
  background: var(--color-secondary);
}
 
.lettertestimonialsgallery-reader-next:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.lettertestimonialsgallery-letter-reader-overlay[aria-hidden="true"] {
  display: none;
}
 
.letter-lightbox-image-wrapper.loading {
  display: flex;
  min-height: 400px;
  align-items: center;
  justify-content: center;
}
 
.letter-lightbox-image-wrapper.loading::after {
  width: 40px;
  border: 4px solid var(--color-outline);
  height: 40px;
  content: "";
  animation: letterSpin 0.8s linear infinite;
  border-radius: 50%;
  border-top-color: var(--color-primary);
}
 
.home-LetterTestimonialsSection {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.home-letters-container {
  width: 100%;
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.home-letter-reader-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--spacing-lg);
  z-index: 9999;
  position: fixed;
  animation: letterFadeIn 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.home-letters-header {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}
 
.home-letters-layout {
  gap: 16px;
  width: 100%;
  display: grid;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: repeat(3, 1fr);
}
 
.home-testimonials-cta-wrapper1 {
  margin-top: var(--spacing-2xl);
  text-align: center;
}
 
.home-letter-reader-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  background: var(--color-scrim);
}
 
.home-letter-reader-panel {
  width: 100%;
  display: flex;
  z-index: 2;
  overflow: hidden;
  position: relative;
  max-width: 900px;
  background: var(--color-surface);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
  max-height: 90vh;
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.home-letters-heading {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-letters-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-letter-card {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  max-width: 100%;
  background: var(--color-surface-elevated);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-md);
}
 
.home-letter-reader-close {
  top: var(--spacing-md);
  right: var(--spacing-md);
  width: 44px;
  border: none;
  cursor: pointer;
  height: 44px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.home-letter-reader-body {
  flex: 1;
  display: flex;
  padding: var(--spacing-3xl) var(--spacing-2xl);
  overflow: auto;
  align-items: center;
  justify-content: center;
}
 
.home-letter-reader-footer {
  display: flex;
  padding: var(--spacing-lg) var(--spacing-2xl);
  background: var(--color-surface-elevated);
  border-top: var(--divider-value);
  align-items: center;
  justify-content: space-between;
}
 
.home-reader-prev {
  gap: var(--spacing-xs);
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-primary);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-letter-reader-counter {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-reader-next {
  gap: var(--spacing-xs);
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-primary);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-letter-card-name {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-letter-card-meta {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-letter-card:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: var(--shadow-level-2);
}
 
.home-letter-card:hover .letter-card-image {
  transform: scale(1.05);
}
 
.home-letter-card:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.home-letter-reader-close:hover {
  transform: rotate(90deg);
  background: var(--color-primary);
}
 
.home-letter-reader-close:hover .letter-close-icon {
  color: var(--color-on-primary);
}
 
.home-letter-reader-close:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.home-reader-prev:hover {
  transform: scale(1.05);
  background: var(--color-secondary);
}
 
.home-reader-prev:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.home-reader-next:hover {
  transform: scale(1.05);
  background: var(--color-secondary);
}
 
.home-reader-next:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.home-letter-reader-overlay[aria-hidden="true"] {
  display: none;
}
 
.LetterTestimonialsGallery {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, var(--color-surface) 0%, color-mix(in oklab, var(--color-surface) 95%, var(--color-primary)) 100%);
}
 
.letters-gallery-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
  z-index: 2;
  position: relative;
  max-width: 1200px;
  box-sizing: border-box;
}
 
.letter-lightbox {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  padding: var(--spacing-xl);
  z-index: 10000;
  position: fixed;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
 
.letters-gallery-header {
  max-width: 700px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}
 
.letters-grid {
  gap: 32px;
  width: 100%;
  display: grid;
  box-sizing: border-box;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: repeat(3, minmax(250px, 1fr));
}
 
.letters-gallery-cta {
  margin-top: var(--spacing-3xl);
  text-align: center;
}
 
.letter-lightbox-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background: color-mix(in oklab, #000000 85%, transparent);
  backdrop-filter: blur(8px);
}
 
.letter-lightbox-content {
  width: 100%;
  display: flex;
  z-index: 2;
  overflow: hidden;
  position: relative;
  max-width: 1000px;
  background: var(--color-surface);
  box-shadow: 0 24px 72px color-mix(in oklab, #000000 50%, transparent);
  max-height: 90vh;
  border-radius: var(--border-radius-xl);
  flex-direction: column;
}
 
.letters-gallery-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.letters-gallery-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.letter-gallery-card {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  box-sizing: border-box;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
}
 
.letters-view-more-btn {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: var(--font-size-lg);
  background: var(--color-primary);
  box-shadow: 0 4px 20px color-mix(in oklab, var(--color-primary) 30%, transparent);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.letter-lightbox-close {
  top: var(--spacing-lg);
  color: #ffffff;
  right: var(--spacing-lg);
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 10;
  position: absolute;
  background: color-mix(in oklab, #000000 60%, transparent);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(10px);
  justify-content: center;
}
 
.letter-lightbox-body {
  flex: 1;
  display: flex;
  overflow: hidden;
}
 
.letter-lightbox-navigation {
  gap: var(--spacing-xl);
  display: flex;
  padding: var(--spacing-lg);
  background: color-mix(in oklab, var(--color-surface) 95%, var(--color-neutral));
  border-top: var(--divider-value);
  align-items: center;
  justify-content: center;
}
 
.letter-gallery-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
  padding-top: 125%;
}
 
.letter-gallery-info {
  padding: var(--spacing-lg);
}
 
.letter-lightbox-image-section {
  width: 40%;
  position: relative;
  min-width: 300px;
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
}
 
.letter-lightbox-text-section {
  gap: var(--spacing-xl);
  flex: 1;
  display: flex;
  padding: var(--spacing-2xl);
  overflow-y: auto;
  flex-direction: column;
}
 
.letter-lightbox-nav-btn {
  color: var(--color-on-primary);
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: flex;
  background: var(--color-primary);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 

 
.letter-lightbox-counter {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  min-width: 80px;
  text-align: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 

 
.letter-gallery-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.letter-gallery-overlay {
  gap: var(--spacing-md);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  opacity: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(180deg, transparent 0%, color-mix(in oklab, #000000 70%, transparent) 100%);
  transition: opacity 0.4s ease;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.letter-gallery-name {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.letter-gallery-meta {
  color: var(--color-on-surface-secondary);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.letter-gallery-snippet {
  color: var(--color-on-surface);
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-base);
  font-style: italic;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
 
.letter-lightbox-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.letter-lightbox-header {
  gap: var(--spacing-lg);
  display: flex;
  align-items: flex-start;
  border-bottom: var(--divider-value);
  padding-bottom: var(--spacing-lg);
}
 
.letter-lightbox-text {
  gap: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.letter-gallery-quote-icon {
  color: var(--color-on-primary);
  opacity: 0.9;
  transform: translateY(10px);
  transition: transform 0.4s ease;
}
 
.letter-gallery-read-btn {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: var(--font-size-base);
  transform: translateY(10px);
  background: var(--color-primary);
  box-shadow: 0 4px 16px color-mix(in oklab, var(--color-primary) 40%, transparent);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.letter-lightbox-quote-icon-large {
  color: var(--color-primary);
  opacity: 0.7;
  flex-shrink: 0;
}
 
.letter-lightbox-author-info {
  flex: 1;
}
 
.letter-lightbox-name {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.letter-lightbox-meta {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.LetterTestimonialsGallery::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle at 20% 50%, color-mix(in oklab, var(--color-primary) 8%, transparent) 0%, transparent 50%),radial-gradient(circle at 80% 80%, color-mix(in oklab, var(--color-secondary) 6%, transparent) 0%, transparent 50%);
  pointer-events: none;
}
 
.letter-gallery-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
}
 
.letter-gallery-card:hover .letter-gallery-image {
  transform: scale(1.08);
}
 
.letter-gallery-card:hover .letter-gallery-overlay {
  opacity: 1;
}
 
.letter-gallery-card:hover .letter-gallery-quote-icon {
  transform: translateY(0);
}
 
.letter-gallery-card:hover .letter-gallery-read-btn {
  transform: translateY(0);
  background: var(--color-secondary);
  box-shadow: 0 6px 24px color-mix(in oklab, var(--color-secondary) 50%, transparent);
}
 
.letter-gallery-read-btn:hover {
  transform: scale(1.05);
}
 
.letters-view-more-btn:hover {
  transform: translateY(-2px);
  background: var(--color-secondary);
  box-shadow: 0 8px 32px color-mix(in oklab, var(--color-secondary) 40%, transparent);
}
 
.letter-lightbox.is-active {
  display: flex;
}
 
.letter-lightbox-close:hover {
  transform: rotate(90deg);
  background: color-mix(in oklab, #000000 80%, transparent);
}
 
.letter-lightbox-text  p {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: 1.8;
}
 
.letter-lightbox-nav-btn:hover {
  transform: scale(1.1);
  background: var(--color-secondary);
}
 
.letter-lightbox-nav-btn:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
 
.letter-lightbox-nav-btn:disabled:hover {
  transform: none;
  background: var(--color-primary);
}
 
.home-LetterTestimonialsSection1 {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.home-letters-container1 {
  width: 100%;
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.home-letter-reader-overlay1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--spacing-lg);
  z-index: 9999;
  position: fixed;
  animation: letterFadeIn 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.home-letters-header1 {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}
 
.home-letters-layout1 {
  gap: 16px;
  display: grid;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: repeat(3, 1fr);
}
 
.home-testimonials-cta-wrapper2 {
  margin-top: var(--spacing-2xl);
  text-align: center;
}
 
.home-letter-reader-backdrop1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  background: var(--color-scrim);
}
 
.home-letter-reader-panel1 {
  width: 100%;
  display: flex;
  z-index: 2;
  overflow: hidden;
  position: relative;
  max-width: 900px;
  background: var(--color-surface);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
  max-height: 90vh;
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.home-letters-heading1 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-letters-subtitle1 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-letter-card1 {
  cursor: pointer;
  overflow: hidden;
  background: var(--color-surface-elevated);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-md);
}
 
.home-letter-reader-close1 {
  top: var(--spacing-md);
  right: var(--spacing-md);
  width: 44px;
  border: none;
  cursor: pointer;
  height: 44px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.home-letter-reader-body1 {
  flex: 1;
  display: flex;
  padding: var(--spacing-3xl) var(--spacing-2xl);
  overflow: auto;
  align-items: center;
  justify-content: center;
}
 
.home-letter-reader-footer1 {
  display: flex;
  padding: var(--spacing-lg) var(--spacing-2xl);
  background: var(--color-surface-elevated);
  border-top: var(--divider-value);
  align-items: center;
  justify-content: space-between;
}
 
.home-letter-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, var(--color-neutral), var(--color-surface));
  aspect-ratio: 4 / 5;
}
 
.home-reader-prev1 {
  gap: var(--spacing-xs);
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-primary);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-letter-reader-counter1 {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-reader-next1 {
  gap: var(--spacing-xs);
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-primary);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.home-letter-card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.home-letter-card-name1 {
  color: var(--color-on-surface);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-letter-card-meta1 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-letter-card1:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: var(--shadow-level-2);
}
 
.home-letter-card1:hover .letter-card-image {
  transform: scale(1.05);
}
 
.home-letter-card1:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.home-letter-reader-close1:hover {
  transform: rotate(90deg);
  background: var(--color-primary);
}
 
.home-letter-reader-close1:hover .letter-close-icon {
  color: var(--color-on-primary);
}
 
.home-letter-reader-close1:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.home-reader-prev1:hover {
  transform: scale(1.05);
  background: var(--color-secondary);
}
 
.home-reader-prev1:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.home-reader-next1:hover {
  transform: scale(1.05);
  background: var(--color-secondary);
}
 
.home-reader-next1:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.home-letter-reader-overlay1[aria-hidden="true"] {
  display: none;
}
 
.NirvanaAppDownloadSection_Dark {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: color-surface;
}
 
.nirvana-app-download-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.nirvana-app-download-box {
  gap: 48px;
  display: flex;
  padding: 48px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(to bottom, #5e2a22, #59190f);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
  align-items: center;
  border-radius: 24px;
}
 
.home-app-download-visual {
  flex: 0 0 38%;
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.home-app-download-content {
  gap: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.home-app-mockup-image1 {
  width: 100%;
  height: auto;
  max-width: 320px;
  transform: perspective(1000px) rotateY(-5deg);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  border-radius: 32px;
}
 
.app-availability-pill {
  width: fit-content;
  border: 1px solid rgba(226, 122, 27, 0.3);
  display: inline-flex;
  padding: 8px 20px;
  background: rgba(226, 122, 27, 0.15);
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.app-download-heading {
  color: #f5f1e8;
  margin: 0;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: -0.5px;
}
 
.app-download-subheading {
  color: #c7bfb3;
  margin: 0;
  font-size: var(--font-size-lg);
  max-width: 540px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.6;
}
 
.app-benefits-list {
  gap: 16px;
  display: flex;
  margin-top: 8px;
  flex-direction: column;
}
 
.app-platform-buttons {
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
 
.app-download-microcopy {
  color: #9a8f7f;
  margin: 4px 0 0 0;
  font-size: var(--font-size-sm);
  max-width: 500px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.5;
}
 
.pill-text {
  color: #f5b885;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.5px;
}
 
.app-benefit-item {
  gap: 12px;
  display: flex;
  align-items: flex-start;
}
 
.app-platform-btn {
  gap: 10px;
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: 14px 24px;
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 16px rgba(226, 122, 27, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
  justify-content: center;
  text-decoration: none;
}
 

 

 

 
.benefit-icon-wrapper {
  width: 28px;
  height: 28px;
  display: flex;
  background: rgba(226, 122, 27, 0.2);
  margin-top: 2px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  justify-content: center;
}
 
.home-benefit-text {
  color: #e8e3d8;
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.6;
}
 
.home-platform-icon {
  color: currentColor;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
 
.btn-text {
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.3px;
}
 
.benefit-check-icon {
  color: #f5b885;
  width: 16px;
  height: 16px;
}
 
.NirvanaAppDownloadSection_Dark::before {
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  content: "";
  position: absolute;
  background: radial-gradient(circle, rgba(94, 42, 34, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
 
.NirvanaAppDownloadSection_Dark::after {
  left: -5%;
  width: 500px;
  bottom: -40%;
  height: 500px;
  content: "";
  position: absolute;
  background: radial-gradient(circle, rgba(226, 122, 27, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
 
.nirvana-app-download-box::before {
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}
 
.home-app-mockup-image1:hover {
  transform: perspective(1000px) rotateY(0deg) scale(1.05);
}
 
.app-platform-btn::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0;
  position: absolute;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
  transition: opacity 0.3s ease;
}
 
.app-platform-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(226, 122, 27, 0.4);
}
 
.app-platform-btn:hover::before {
  opacity: 1;
}
 
.app-platform-btn:active {
  transform: translateY(0);
}
 
.FAQAccordionSection {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: #FDFBF7;
}
 
.faq-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.faq-intro {
  position: relative;
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.faq-groups {
  gap: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
}
 
.faq-footer-note {
  border: 2px solid var(--color-outline);
  padding: var(--spacing-2xl);
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 5%, transparent), color-mix(in oklab, var(--color-secondary) 8%, transparent));
  margin-top: var(--spacing-4xl);
  text-align: center;
  border-radius: var(--border-radius-lg);
}
 
.faq-intro-icon-wrapper {
  width: 64px;
  height: 64px;
  display: inline-flex;
  animation: faqIconFloat 3s ease-in-out infinite;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  box-shadow: 0 8px 24px rgba(94, 42, 34, 0.2);
  align-items: center;
  border-radius: var(--border-radius-full);
  margin-bottom: var(--spacing-lg);
  justify-content: center;
}
 
.faq-heading {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.faq-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.faq-group {
  border: 1px solid var(--color-outline);
  padding: var(--spacing-2xl);
  background: color-mix(in oklab, var(--color-surface) 80%, white);
  box-shadow: var(--shadow-level-1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: var(--border-radius-lg);
}
 
.faq-footer-text {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.faq-footer-btn {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 16px rgba(226, 122, 27, 0.3);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  justify-content: center;
  text-decoration: none;
}
 
.faq-intro-icon {
  color: var(--color-on-primary);
  width: 32px;
  height: 32px;
}
 
.faq-group-title {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-xl) 0;
  position: relative;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  border-bottom: 2px solid var(--color-secondary);
  padding-bottom: var(--spacing-md);
}
 
.faq-list {
  gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
}
 
.faq-item {
  border: 1px solid var(--color-outline);
  overflow: hidden;
  background: white;
  transition: all 0.3s ease;
  border-radius: var(--border-radius-md);
}
 
.faq-header {
  gap: var(--spacing-lg);
  color: var(--color-on-surface);
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-lg) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: transparent;
  min-height: 64px;
  text-align: left;
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  justify-content: space-between;
}
 
.faq-body {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
 
.faq-question {
  flex: 1;
  line-height: 1.5;
}
 
.faq-toggle-icon {
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
  background: linear-gradient(135deg, var(--color-secondary), var(--color-primary));
  transition: transform 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.faq-body-inner {
  padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
}
 

 

 
.faq-answer {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.faq-group:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.faq-group-title::after {
  left: 0;
  width: 60px;
  bottom: -2px;
  height: 2px;
  content: "";
  position: absolute;
  background: var(--color-primary);
}
 
.faq-item.is-active {
  box-shadow: 0 4px 16px rgba(226, 122, 27, 0.15);
  border-color: var(--color-secondary);
}
 
.faq-item.is-active .faq-header {
  color: var(--color-primary);
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-secondary) 8%, transparent), color-mix(in oklab, var(--color-primary) 5%, transparent));
}
 
.faq-item.is-active .faq-body {
  opacity: 1;
  max-height: 1000px;
}
 
.faq-header:hover {
  background: color-mix(in oklab, var(--color-secondary) 5%, transparent);
}
 
.faq-header:focus {
  outline: 2px solid var(--color-secondary);
  outline-offset: -2px;
}
 
.faq-toggle-icon  svg {
  top: 50%;
  left: 50%;
  color: var(--color-on-primary);
  width: 20px;
  height: 20px;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
 
.faq-toggle-icon  .icon-plus {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg);
}
 
.faq-toggle-icon  .icon-minus {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}
 
.faq-footer-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(226, 122, 27, 0.4);
}
 
.faq-header  .icon-plus {
  opacity: 1;
}
 
.faq-header  .icon-minus {
  opacity: 0;
}
 
.faq-item.is-active .faq-header .icon-plus {
  opacity: 0;
}
 
.faq-item.is-active .faq-header .icon-minus {
  opacity: 1;
}
 
.AllPodcastsPlaylistSection {
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(180deg, var(--color-surface) 0%, color-mix(in oklab, var(--color-surface) 97%, var(--color-primary)) 100%);
}
 

 
.podcasts-heading {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}
 
.podcasts-layout {
  gap: var(--spacing-2xl);
  display: flex;
  align-items: flex-start;
}
 
.home-podcasts-title3 {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-podcasts-subtitle3 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.podcast-main-player {
  flex: 1 1 60%;
  position: relative;
}
 
.podcast-playlist-desktop {
  gap: var(--spacing-md);
  flex: 1 1 40%;
  display: flex;
  max-height: 580px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: var(--spacing-xs);
  flex-direction: column;
}
 
.podcasts-carousel-mobile {
  display: none;
}
 
.podcast-player-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: var(--color-primary);
  box-shadow: var(--shadow-level-3);
  border-radius: var(--border-radius-lg);
  padding-bottom: 56.25%;
}
 
.home-podcast-card3 {
  gap: var(--spacing-md);
  border: 2px solid transparent;
  cursor: pointer;
  display: flex;
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-md);
}
 

 
.home-podcasts-pagination1 {
  text-align: center;
  padding-top: var(--spacing-md);
}
 
.podcast-main-iframe {
  top: 0;
  left: 0;
  width: 100%;
  border: none;
  height: 100%;
  position: absolute;
}
 
.podcast-thumb-wrapper {
  width: 140px;
  height: 100px;
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  flex-shrink: 0;
}
 
.home-podcast-card-body {
  gap: var(--spacing-xs);
  flex: 1;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 0;
  z-index: 2;
  position: relative;
  flex-direction: column;
  justify-content: center;
}
 
.pagination-counter {
  color: var(--color-on-surface);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.podcast-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.home-podcast-play-overlay2 {
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 3;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
 
.home-podcast-platform-icon2 {
  right: 8px;
  width: 28px;
  bottom: 8px;
  height: 28px;
  display: flex;
  padding: 4px;
  z-index: 2;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  align-items: center;
  border-radius: var(--border-radius-sm);
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.home-podcast-title2 {
  color: var(--color-on-surface);
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  text-overflow: ellipsis;
  letter-spacing: var(--letter-spacing-body);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.podcast-play-icon {
  width: 48px;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
  height: 48px;
  stroke: var(--color-primary);
}
 
.home-podcast-pill3 {
  color: var(--color-on-primary);
  display: inline-block;
  padding: 4px 10px;
  font-size: var(--font-size-xs);
  background: var(--color-primary);
  transition: background 0.2s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
  text-transform: capitalize;
}
 
.AllPodcastsPlaylistSection::before {
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  position: absolute;
  max-width: 1400px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at top center, color-mix(in oklab, var(--color-secondary) 8%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
 
.AllPodcastsPlaylistSection  .container {
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.podcast-playlist-desktop::-webkit-scrollbar {
  width: 6px;
}
 
.podcast-playlist-desktop::-webkit-scrollbar-track {
  background: color-mix(in oklab, var(--color-neutral) 30%, transparent);
  border-radius: var(--border-radius-full);
}
 
.podcast-playlist-desktop::-webkit-scrollbar-thumb {
  background: var(--color-secondary);
  border-radius: var(--border-radius-full);
}
 
.podcast-playlist-desktop::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}
 
.home-podcast-card3::after {
  inset: 0;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(135deg, transparent 0%, color-mix(in oklab, var(--color-secondary) 5%, transparent) 100%);
  transition: opacity 0.3s ease;
  border-radius: var(--border-radius-md);
  pointer-events: none;
}
 
.home-podcast-card3:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2);
  border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
}
 
.home-podcast-card3:hover::after {
  opacity: 1;
}
 
.home-podcast-card3.is-active {
  background: color-mix(in oklab, var(--color-surface-elevated) 95%, var(--color-secondary));
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-secondary) 20%, transparent), var(--shadow-level-2);
  border-color: var(--color-secondary);
}
 
.home-podcast-card3.is-active::after {
  opacity: 1;
}
 
.home-podcast-card3:hover .podcast-thumb {
  transform: scale(1.08);
}
 
.home-podcast-card3:hover .podcast-play-overlay {
  opacity: 1;
}
 
.home-podcast-card3:hover .podcast-pill {
  background: var(--color-secondary);
}
 
.home-podcast-card3.is-active .podcast-pill {
  background: var(--color-secondary);
}
 
.home-podcast-platform-icon2  svg {
  width: 100%;
  height: 100%;
}
 

 

 

 

 

 
.AllPodcastsGridSection {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: #FDFBF7;
}
 
.podcasts-main-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.home-podcasts-heading {
  animation: fadeInUp 0.8s ease-out;
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.podcasts-grid-desktop {
  gap: var(--spacing-xl);
  display: grid;
  animation: fadeIn 1s ease-out 0.2s both;
  grid-template-columns: repeat(3, 1fr);
}
 
.home-podcasts-carousel-mobile {
  display: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.podcast-modal-overlay {
  inset: 0;
  display: none;
  padding: var(--spacing-lg);
  z-index: 9999;
  position: fixed;
  animation: fadeIn 0.3s ease;
  align-items: center;
  justify-content: center;
}
 
.home-podcasts-title4 {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.home-podcasts-subtitle4 {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 720px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-podcast-card4 {
  border: 1px solid var(--color-border);
  cursor: pointer;
  display: flex;
  overflow: hidden;
  position: relative;
  transform: none;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.home-podcast-card4:hover {
  transform: none;
}
 
.home-podcasts-track {
  gap: 16px;
  display: flex;
  padding: 0 16px 12px;
  overflow-x: auto;
  align-items: stretch;
  padding-bottom: var(--spacing-md);
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
 
.home-podcasts-pagination2 {
  display: flex;
  margin-top: var(--spacing-lg);
  justify-content: center;
}
 
.home-podcast-modal-backdrop3 {
  inset: 0;
  cursor: pointer;
  position: absolute;
  background: var(--color-scrim);
  backdrop-filter: blur(8px);
}
 
.podcast-modal-panel {
  width: 100%;
  border: 2px solid var(--color-secondary);
  padding: var(--spacing-lg);
  position: relative;
  animation: modalSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  max-width: 900px;
  background: var(--color-primary);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
  border-radius: var(--border-radius-xl);
}
 
.home-podcast-thumb-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  padding-top: 56.25%;
}
 
.home-podcast-card-body1 {
  padding: var(--spacing-lg);
  z-index: 2;
  position: relative;
}
 
.home-pagination-counter {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-sm);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
}
 
.home-podcast-modal-close3 {
  top: var(--spacing-md);
  color: var(--color-on-primary);
  right: var(--spacing-md);
  width: 44px;
  border: none;
  cursor: pointer;
  height: 44px;
  display: flex;
  z-index: 10;
  position: absolute;
  font-size: var(--font-size-2xl);
  background: color-mix(in oklab, var(--color-on-primary) 15%, transparent);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  align-items: center;
  border-radius: var(--border-radius-sm);
  backdrop-filter: blur(4px);
  justify-content: center;
}
 
.podcast-modal-player-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #000;
  padding-top: 56.25%;
  border-radius: var(--border-radius-lg);
}
 
.home-podcast-thumb {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
}
 
.home-podcast-play-overlay3 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  z-index: 2;
  position: absolute;
  background: var(--color-overlay);
  transition: opacity 0.4s ease;
  align-items: center;
  justify-content: center;
}
 
.home-podcast-platform-icon3 {
  top: var(--spacing-md);
  right: var(--spacing-md);
  width: 44px;
  height: 44px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  transition: transform 0.3s ease, background 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.home-podcast-title3 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  transition: color 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-heading);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.home-podcast-pills {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.close-text {
  font-weight: var(--font-weight-heading);
  line-height: 1;
}
 
.podcast-modal-iframe {
  top: 0;
  left: 0;
  width: 100%;
  border: none;
  height: 100%;
  position: absolute;
}
 
.play-icon-wrapper {
  width: 80px;
  height: 80px;
  display: flex;
  transform: scale(0.8);
  background: var(--color-secondary);
  box-shadow: 0 8px 24px rgba(226, 122, 27, 0.4);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.home-podcast-pill4 {
  color: var(--color-on-surface-secondary);
  border: 1px solid var(--color-border);
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-xs);
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
}
 

 
.play-icon {
  color: var(--color-on-secondary);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
 
.AllPodcastsGridSection::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle at 20% 30%, color-mix(in oklab, var(--color-secondary) 8%, transparent) 0%, transparent 50%),radial-gradient(circle at 80% 70%, color-mix(in oklab, var(--color-accent) 6%, transparent) 0%, transparent 50%);
  pointer-events: none;
}
 
.home-podcast-card4::before {
  inset: 0;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-secondary) 5%, transparent) 0%, transparent 100%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
 
.home-podcast-card4:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: var(--shadow-level-3);
  border-color: var(--color-secondary);
}
 
.home-podcast-card4:hover::before {
  opacity: 1;
}
 
.home-podcast-card4:hover .podcast-thumb {
  opacity: 0.7;
  transform: scale(1.1);
}
 
.home-podcast-card4:hover .podcast-play-overlay {
  opacity: 1;
}
 
.home-podcast-card4:hover .play-icon-wrapper {
  animation: pulse 1.5s infinite;
  transform: scale(1);
}
 
.home-podcast-card4:hover .podcast-platform-icon {
  transform: scale(1.1);
  background: rgba(255, 0, 0, 0.9);
}
 
.home-podcast-card4:hover .podcast-title {
  color: var(--color-secondary);
}
 
.home-podcast-card4:hover .podcast-pill {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
 
.home-podcast-pill4.podcast-language {
  color: var(--color-on-secondary);
  background: var(--gradient_btn_1);
  font-weight: var(--font-weight-heading);
  border-color: transparent;
}
 
.podcast-modal-overlay.is-open {
  display: flex;
}
 
.home-podcast-modal-close3:hover {
  transform: rotate(90deg) scale(1.1);
  background: var(--color-secondary);
  box-shadow: 0 4px 16px rgba(226, 122, 27, 0.4);
}
 
.home-podcasts-track::-webkit-scrollbar {
  display: none;
}
 

 

 
.thq-podcasts-carousel-mobile-elm {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.home-home-podcasts-carousel-mobile {
  display: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.podcast-card-link {
  width: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
 
.thq-podcasts-track-elm {
  gap: 16px;
  display: flex;
  padding: 0 16px 12px;
  align-items: stretch;
}
 
.home-home-podcasts-track {
  gap: 16px;
  display: flex;
  padding: 0 16px 12px;
  overflow-x: auto;
  align-items: stretch;
  padding-bottom: var(--spacing-md);
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
 
.home-home-podcast-card4 {
  border: 1px solid var(--color-border);
  cursor: pointer;
  display: flex;
  overflow: hidden;
  position: relative;
  transform: none;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.thq-close-text-elm {
  font-weight: var(--font-weight-heading);
  line-height: 1;
}
 
.home-home-podcast-card4:hover {
  transform: none;
}
 
.home-home-podcast-card4::before {
  inset: 0;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-secondary) 5%, transparent) 0%, transparent 100%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
 
.home-home-podcast-card4:hover::before {
  opacity: 1;
}
 
.home-home-podcast-card4:hover .podcast-thumb {
  opacity: 0.7;
  transform: scale(1.1);
}
 
.home-home-podcast-card4:hover .podcast-play-overlay {
  opacity: 1;
}
 
.home-home-podcast-card4:hover .play-icon-wrapper {
  animation: pulse 1.5s infinite;
  transform: scale(1);
}
 
.home-home-podcast-card4:hover .podcast-platform-icon {
  transform: scale(1.1);
  background: rgba(255, 0, 0, 0.9);
}
 
.home-home-podcast-card4:hover .podcast-title {
  color: var(--color-secondary);
}
 
.home-home-podcast-card4:hover .podcast-pill {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
 
.home-home-podcasts-track::-webkit-scrollbar {
  display: none;
}
 

 
.home-home-podcasts-carousel-mobile1 {
  display: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
 
.home-home-podcasts-track1 {
  gap: 16px;
  display: flex;
  padding: 0 16px 12px;
  overflow-x: auto;
  align-items: stretch;
  padding-bottom: var(--spacing-md);
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
 
.home-home-podcast-card41 {
  border: 1px solid var(--color-border);
  cursor: pointer;
  display: flex;
  overflow: hidden;
  position: relative;
  transform: none;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.home-home-podcast-card41:hover {
  transform: none;
}
 
.home-home-podcast-card41::before {
  inset: 0;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-secondary) 5%, transparent) 0%, transparent 100%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
 
.home-home-podcast-card41:hover::before {
  opacity: 1;
}
 
.home-home-podcast-card41:hover .podcast-thumb {
  opacity: 0.7;
  transform: scale(1.1);
}
 
.home-home-podcast-card41:hover .podcast-play-overlay {
  opacity: 1;
}
 
.home-home-podcast-card41:hover .play-icon-wrapper {
  animation: pulse 1.5s infinite;
  transform: scale(1);
}
 
.home-home-podcast-card41:hover .podcast-platform-icon {
  transform: scale(1.1);
  background: rgba(255, 0, 0, 0.9);
}
 
.home-home-podcast-card41:hover .podcast-title {
  color: var(--color-secondary);
}
 
.home-home-podcast-card41:hover .podcast-pill {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
 
.home-home-podcasts-track1::-webkit-scrollbar {
  display: none;
}
 

 
.thq-thq-close-text-elm-elm {
  font-weight: var(--font-weight-heading);
  line-height: 1;
}
 

 

 

 

 

 
.letters-fs-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.letters-fs-container {
  width: 100%;
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.letters-fs-header {
  position: relative;
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.letters-fs-grid {
  gap: var(--spacing-xl);
  display: grid;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
 
.letters-fs-view-more-btn {
  gap: var(--spacing-sm);
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  margin: 0 auto;
  display: flex;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
  justify-content: center;
}
 
.letters-fs-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.letters-fs-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.letters-fs-card {
  border: 1px solid var(--color-border);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-md);
}
 
.letters-fs-btn-icon {
  transition: transform 0.3s ease;
}
 
.letters-fs-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  aspect-ratio: 1 / 1;
}
 
.letters-fs-meta {
  padding: var(--spacing-lg);
  z-index: 2;
  position: relative;
}
 
.letters-fs-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.letters-fs-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: 2;
  position: absolute;
  background: linear-gradient(180deg, transparent 0%, var(--color-backplate) 100%);
  transition: opacity 0.3s ease;
}
 
.letters-fs-name {
  color: var(--color-on-surface);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
  margin-bottom: var(--spacing-xs);
}
 
.letters-fs-role {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  margin-bottom: var(--spacing-xs);
}
 
.letters-fs-city {
  color: var(--color-neutral);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
}
 
.letters-fs-card::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(135deg, var(--color-secondary) 0%, transparent 100%);
  transition: opacity 0.3s ease;
  pointer-events: none;
}
 
.letters-fs-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
  border-color: var(--color-secondary);
}
 
.letters-fs-card:hover::before {
  opacity: 0.05;
}
 
.letters-fs-card:hover .letters-fs-image {
  transform: scale(1.08);
}
 
.letters-fs-card:hover .letters-fs-overlay {
  opacity: 0.5;
}
 
.letters-fs-view-more-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.letters-fs-view-more-btn:active {
  transform: translateY(0);
  box-shadow: var(--shadow-level-1);
}
 
.letters-fs-view-more-btn:hover .letters-fs-btn-icon {
  transform: translateY(-2px);
}
 
.letters-showcase-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  background: linear-gradient(to top, #FFF8F0, #FAF9F6);
  min-height: 100vh;
}
 
.letters-showcase-container {
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.letters-showcase-header {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.home-letters-grid {
  gap: var(--spacing-2xl);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
 
.letters-showcase-title {
  color: var(--color-primary);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-md);
}
 
.letters-showcase-subtitle {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.home-letter-card2 {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: white;
  box-shadow: var(--shadow-level-1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
}
 
.home-letter-card-image-wrapper1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 133%;
}
 
.letter-card-content {
  padding: var(--spacing-lg);
  text-align: center;
}
 
.home-letter-card-image1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.letter-card-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  padding: var(--spacing-lg);
  z-index: 2;
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  transition: opacity 0.4s ease;
  align-items: flex-end;
  justify-content: flex-end;
}
 
.home-letter-card-name2 {
  color: var(--color-on-surface);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-xs);
}
 
.letter-card-role {
  color: var(--color-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-xs);
}
 
.letter-card-location {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
}
 
.letter-card-quote-icon {
  color: white;
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
 
.letter-lightbox-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  padding: var(--spacing-lg);
  z-index: 9999;
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  overflow-y: auto;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  visibility: hidden;
  align-items: center;
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.letter-lightbox-panel {
  width: 100%;
  position: relative;
  max-width: 900px;
  transform: scale(0.9) translateY(20px);
  background: white;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  max-height: 90vh;
  overflow-y: auto;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-xl);
}
 
.home-letter-lightbox-close {
  top: var(--spacing-lg);
  color: var(--color-on-surface);
  right: var(--spacing-lg);
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 10;
  position: absolute;
  background: white;
  box-shadow: var(--shadow-level-2);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.home-letter-lightbox-content {
  gap: var(--spacing-3xl);
  display: grid;
  padding: var(--spacing-3xl);
  grid-template-columns: 1fr 1fr;
}
 
.home-letter-lightbox-navigation {
  gap: var(--spacing-md);
  display: flex;
  padding: 0 var(--spacing-3xl) var(--spacing-3xl);
  justify-content: space-between;
}
 
.home-letter-lightbox-image-section {
  position: relative;
}
 
.home-letter-lightbox-text-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
 
.home-letter-lightbox-nav-btn {
  gap: var(--spacing-sm);
  flex: 1;
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: var(--color-primary);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.home-letter-lightbox-image {
  width: 100%;
  height: 100%;
  box-shadow: var(--shadow-level-2);
  object-fit: cover;
  border-radius: var(--border-radius-lg);
}
 
.letter-lightbox-quote-decoration {
  top: var(--spacing-lg);
  left: var(--spacing-lg);
  color: var(--color-secondary);
  opacity: 0.3;
  position: absolute;
  pointer-events: none;
}
 
.home-letter-lightbox-author-info {
  margin-bottom: var(--spacing-xl);
}
 
.home-letter-lightbox-body {
  flex: 1;
  margin-bottom: var(--spacing-xl);
}
 
.home-letter-lightbox-counter {
  color: var(--color-on-surface-secondary);
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  text-align: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.home-letter-lightbox-name {
  color: var(--color-primary);
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-sm);
}
 
.letter-lightbox-role {
  color: var(--color-secondary);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-xs);
}
 
.letter-lightbox-location {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
}
 
.home-letter-lightbox-text {
  color: var(--color-on-surface);
  font-size: var(--font-size-lg);
  font-style: italic;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.home-letter-card2:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: var(--shadow-level-3);
}
 
.home-letter-card2:hover .letter-card-image {
  transform: scale(1.1);
}
 
.home-letter-card2:hover .letter-card-overlay {
  opacity: 1;
}
 
.home-letter-card2:hover .letter-card-quote-icon {
  transform: scale(1);
}
 
.letter-lightbox-overlay.is-active {
  opacity: 1;
  visibility: visible;
}
 
.letter-lightbox-overlay.is-active .letter-lightbox-panel {
  transform: scale(1) translateY(0);
}
 
.home-letter-lightbox-close:hover {
  color: white;
  transform: rotate(90deg);
  background: var(--color-primary);
}
 
.home-letter-lightbox-nav-btn:hover {
  transform: translateY(-2px);
  background: var(--color-secondary);
  box-shadow: var(--shadow-level-2);
}
 
.home-letter-lightbox-nav-btn:active {
  transform: translateY(0);
}
 

 
.home-letter-lightbox-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--spacing-lg);
  z-index: 9999;
  position: fixed;
  animation: fadeIn 0.3s ease;
  background: var(--color-scrim);
  align-items: center;
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.lightbox-close-button {
  top: var(--spacing-lg);
  color: var(--color-on-surface);
  right: var(--spacing-lg);
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 10001;
  position: fixed;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-2);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.lightbox-nav-button {
  top: 50%;
  color: var(--color-on-surface);
  width: 56px;
  border: none;
  cursor: pointer;
  height: 56px;
  display: flex;
  z-index: 10001;
  position: fixed;
  transform: translateY(-50%);
  background: var(--color-surface);
  box-shadow: var(--shadow-level-2);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.lightbox-prev {
  left: var(--spacing-lg);
}
 
.lightbox-content-wrapper {
  display: flex;
  animation: scaleIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  max-width: 90vw;
  max-height: 90vh;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.lightbox-next {
  right: var(--spacing-lg);
}
 
.home-letter-card3 {
  width: 100%;
  cursor: pointer;
  padding: 0px;
  max-width: 100%;
  transform: none;
  background: #ffffff;
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-md);
  scroll-snap-align: start;
}
 
.lightbox-image-container {
  width: 100%;
  display: flex;
  position: relative;
  max-width: 600px;
  max-height: calc(90vh - 120px);
  align-items: center;
  margin-bottom: var(--spacing-lg);
  justify-content: center;
}
 
.lightbox-text-content {
  padding: var(--spacing-lg) var(--spacing-2xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-level-2);
  text-align: center;
  border-radius: var(--border-radius-md);
}
 
.home-letter-card-image-wrapper2 {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  background: linear-gradient(135deg, var(--color-neutral), var(--color-surface));
  aspect-ratio: 4 / 5;
}
 
.lightbox-image {
  width: 100%;
  height: auto;
  box-shadow: var(--shadow-level-3);
  max-height: calc(90vh - 120px);
  object-fit: contain;
  border-radius: var(--border-radius-lg);
}
 
.lightbox-name {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
}
 
.lightbox-location {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
}
 
.home-letter-card-image2 {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.home-letter-card3:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.lightbox-close-button:hover {
  color: var(--color-on-primary);
  transform: rotate(90deg) scale(1.1);
  background: var(--color-primary);
}
 
.lightbox-nav-button:hover {
  color: var(--color-on-primary);
  transform: translateY(-50%) scale(1.15);
  background: var(--color-primary);
}
 
.home-popular-workshop-badge {
  color: var(--color-on-accent);
  border: 1px solid #e27a1b;
  display: inline-flex;
  padding: 2px 10px;
  font-size: 12px;
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
 
.home-popular-workshop-badge:hover {
  box-shadow: var(--shadow-level-2);
}
 
.home-popular-workshop-badge:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-level-2);
}
 
.mobile-badge-pills-wrapper {
  gap: 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.mobile-badge-pill {
  gap: 4px;
  color: #ffffff;
  display: inline-flex;
  padding: 4px 8px;
  font-size: 11px;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  border-radius: 12px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
 
.mobile-badge-pill-beginner {
  background: #10b981;
}
 
.mobile-badge-pill-live {
  animation: mobile-badge-pulse 2s ease-in-out infinite;
  background: #ef4444;
}
 
.mobile-badge-pill-recordings {
  background: #8b5cf6;
}
 
.mobile-badge-pill-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
 
.mobile-badge-pill-dot {
  width: 6px;
  height: 6px;
  animation: mobile-badge-dot-pulse 1.5s ease-in-out infinite;
  background: #ffffff;
  flex-shrink: 0;
  border-radius: 50%;
}
 
.section-divider-sutra-line {
  width: 100%;
  display: flex;
  padding: 0 16px;
  margin-top: 20px;
  align-items: center;
  margin-bottom: 20px;
  justify-content: center;
}
 
.sutra-line-inner {
  gap: 0;
  width: 100%;
  display: flex;
  max-width: 180px;
  align-items: center;
  justify-content: center;
}
 
.sutra-line-left {
  flex: 1;
  height: 1.5px;
  align-self: center;
  transition: background-color 0.3s ease;
  background-color: rgba(139, 69, 19, 0.25);
}
 
.sutra-bindu {
  width: 7px;
  height: 7px;
  margin: 0 12px;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #d4a574;
}
 
.sutra-line-right {
  flex: 1;
  height: 1.5px;
  align-self: center;
  transition: background-color 0.3s ease;
  background-color: rgba(139, 69, 19, 0.25);
}
 
.section-divider-sutra-line:hover .sutra-bindu {
  transform: scale(1.2);
  box-shadow: 0 0 12px rgba(212, 165, 116, 0.4);
}
 
.section-divider-sutra-line:hover .sutra-line-left {
  background-color: rgba(139, 69, 19, 0.35);
}
 
.section-divider-sutra-line:hover .sutra-line-right {
  background-color: rgba(139, 69, 19, 0.35);
}
 
.section-divider-mala {
  width: 100%;
  display: flex;
  padding: 0 var(--spacing-md);
  margin-top: var(--spacing-xl);
  align-items: center;
  margin-bottom: var(--spacing-xl);
  justify-content: center;
}
 
.mala-inner {
  gap: 7px;
  width: 100%;
  display: flex;
  position: relative;
  max-width: 230px;
  align-items: center;
  justify-content: center;
}
 
.mala-bead {
  position: relative;
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.mala-bead-small {
  width: 7px;
  height: 7px;
  opacity: 0.85;
  background: linear-gradient(135deg, #a0522d 0%, #8b4513 100%);
  box-shadow: 0 1px 3px rgba(139, 69, 19, 0.3);
}
 
.mala-bead-main {
  width: 10px;
  height: 10px;
  z-index: 1;
  position: relative;
  transform: translateY(2.5px);
  background: linear-gradient(135deg, #d4af37 0%, #c9a961 100%);
  box-shadow: 0 2px 4px rgba(212, 175, 55, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.3);
}
 
.section-divider-mala:hover .mala-bead-small {
  opacity: 1;
  transform: scale(1.1);
}
 
.section-divider-mala:hover .mala-bead-main {
  transform: translateY(2.5px) scale(1.15);
  box-shadow: 0 3px 6px rgba(212, 175, 55, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.4);
}
 
.section-divider-rudraksha {
  width: 100%;
  display: flex;
  margin-top: 1.25rem;
  align-items: center;
  margin-bottom: 1.25rem;
  justify-content: center;
  background-color: transparent;
}
 
.rudraksha-inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: 0;
  max-width: 300px;
  align-items: center;
  justify-content: center;
}
 
.rudraksha-image {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.9;
  object-fit: contain;
  transition: opacity 0.3s ease;
}
 
.rudraksha-image:hover {
  opacity: 1;
}
 
.app-download-container-main {
  width: 100%;
  margin: auto;
  padding: var(--spacing-4xl) var(--spacing-lg);
  max-width: 1280px;
}
 
.app-download-card-wrapper {
  display: grid;
  overflow: hidden;
  position: relative;
  background: linear-gradient(to bottom, #5e2a22, #59190f);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 80px rgba(94, 42, 34, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border-radius: 32px;
  grid-template-columns: 1fr 1fr;
}
 
.app-download-content-col {
  display: flex;
  padding: 64px 56px;
  z-index: 2;
  position: relative;
  flex-direction: column;
  justify-content: center;
}
 
.app-download-image-col {
  margin: 0;
  display: flex;
  padding: 0;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.app-download-pill-badge {
  border: 1px solid rgba(212, 165, 116, 0.3);
  display: inline-flex;
  padding: 8px 20px;
  align-self: flex-start;
  background: rgba(255, 255, 255, 0.08);
  align-items: center;
  border-radius: 100px;
  margin-bottom: 24px;
  backdrop-filter: blur(10px);
}
 
.app-download-headline {
  color: #ffffff;
  margin: 0 0 16px 0;
  font-size: clamp(32px, 4vw, 42px);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.2;
  letter-spacing: -0.5px;
}
 
.home-app-download-subheading {
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 32px 0;
  font-size: clamp(17px, 1.8vw, 20px);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.6;
  letter-spacing: 0.2px;
}
 
.app-download-features-list {
  gap: 16px;
  margin: 0 0 32px 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.app-download-buttons-row {
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
 
.app-download-footnote {
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
  font-size: 14px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.5;
  letter-spacing: 0.2px;
}
 
.app-download-image {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  height: 100%;
  display: block;
  position: absolute;
  object-fit: cover;
}
 
.app-download-pill-text {
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.3px;
}
 
.app-download-feature-item {
  gap: 14px;
  display: flex;
  align-items: flex-start;
}
 
.app-download-btn {
  border: none;
  cursor: pointer;
  height: 52px;
  display: inline-flex;
  padding: 14px 18px;
  font-size: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: 10px;
  letter-spacing: 0.3px;
  justify-content: center;
}
 
.app-download-btn-primary {
  color: #ffffff;
  overflow: hidden;
  position: relative;
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  border-radius: var(--border-radius-md);
}
 
.app-download-btn-primary:hover {
  box-shadow: var(--shadow-level-2);
}
 
.app-download-btn-secondary {
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
}
 
.app-download-check-icon-wrapper {
  width: 28px;
  height: 28px;
  display: flex;
  background: linear-gradient(135deg, #d4a574 0%, #c89666 100%);
  box-shadow: 0 4px 12px rgba(212, 165, 116, 0.25);
  margin-top: 2px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  justify-content: center;
}
 
.app-download-feature-text {
  flex: 1;
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(15px, 1.6vw, 17px);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.5;
  letter-spacing: 0.2px;
}
 
.app-download-check-icon {
  color: #ffffff;
  width: 16px;
  height: 16px;
  stroke-width: 3;
}
 
.app-download-card-wrapper::before {
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  z-index: 1;
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.3), transparent);
}
 
.app-download-btn-primary::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
 
.app-download-btn-primary:hover::before {
  left: 100%;
}
 
.app-download-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.app-download-btn-secondary:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
}
 
.app-download-btn:active {
  transform: translateY(0);
}
 
.nav-download-btn {
  gap: var(--spacing-sm, 0.75rem);
  color: #1a1410;
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-lg, 1.5rem);
  font-size: var(--font-size-lg, 1.125rem);
  background: linear-gradient(135deg, #d4a574 0%, #c9965f 100%);
  box-shadow: 0 8px 24px rgba(212, 165, 116, 0.4);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 700;
  border-radius: var(--border-radius-md, 16px);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  justify-content: center;
  text-decoration: none;
}
 
.nav-download-btn:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #e0b882 0%, #d4a574 100%);
  box-shadow: 0 12px 32px rgba(212, 165, 116, 0.5);
}
 
.nav-download-buttons-row {
  gap: var(--spacing-xs, 0.5rem);
  width: 100%;
  overflow: hidden;
  flex-direction: row;
}
 
.nav-download-buttons-row  .nav-download-btn {
  flex: 0 0 auto;
  width: auto;
  padding: var(--spacing-md, 1rem) var(--spacing-sm, 0.75rem);
  font-size: var(--font-size-base, 1rem);
}
 
.nav-download-btn-icon {
  width: 20px;
  height: 20px;
  object-fit: cover;
}
 
.nav-download-buttons-row  div {
  flex: 1 1 auto;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
}
 
.nav-download-buttons-row  img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  object-fit: contain;
}
 
.home-nirvana-hero-spiritual2 {
  width: 100%;
  padding: 40px 80px 60px 80px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(to top, #5e2a22, #59190f);
}
 

 
.home-container32 {
  display: none;
}
 
.home-container51 {
  display: none;
}
 
.home-nirvana-hero-spiritual-image-mobile1 {
  display: none;
}
 
.home-nirvana-hero-spiritual-instructor-image-mobile3 {
  border: solid 1px;
}
 

 
.home-nirvana-hero-spiritual-content1 {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
 
.home-nirvana-hero-spiritual-pill3 {
  gap: 8px;
  width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: inline-flex;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.05);
  align-items: center;
  border-radius: 24px;
  backdrop-filter: blur(10px);
}
 
.home-nirvana-hero-spiritual-heading1 {
  color: #ffffff;
  margin: 0;
  font-size: 40px;
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.5px;
}
 

 
.home-nirvana-hero-spiritual-paragraph2 {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  font-size: 18px;
  max-width: 560px;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.7;
}
 

 
.home-nirvana-hero-spiritual-cta-row1 {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
}
 
.thq-nirvana-hero-spiritual-instructor-image-elm {
  backdrop-filter: blur(5px);
}
 
.thq-nirvana-hero-spiritual-btn-primary-elm {
  background-image: linear-gradient(to right, #ffd200 0%, #f7b500 50%, #ff8c00 100%);
}
 
.home-nirvana-hero-spiritual-btn-primary2 {
  color: #1a0b2e;
  background: linear-gradient(135deg, #d4af37 0%, #c19a2e 100%);
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.3);
}
 
.thq-nirvana-hero-spiritual-btn-elm {
  display: none;
}
 
.thq-nirvana-hero-spiritual-stat-card-elm3 {
  background-color: #4a1410;
}
 
.thq-nirvana-hero-spiritual-stat-card-elm4 {
  background-color: #4a1410;
}
 
.thq-nirvana-hero-spiritual-stat-card-elm5 {
  background-color: #4a1410;
}
 
.thq-nirvana-hero-spiritual-stat-card-elm1 {
  background-color: #4a1410;
}
 
.thq-nirvana-hero-spiritual-stat-card-elm2 {
  background-color: #4a1410;
}
 
.thq-nirvana-hero-spiritual-stat-card-wide-elm {
  background-color: #4a1410;
}
 

 

 

 

 
.text11 {
  font-size: 20px;
}
 

 
.text13 {
  font-size: 20px;
}
 

 
.text15 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
}
 
.home-nirvana-hero-spiritual-btn-primary2:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(212, 175, 55, 0.4);
}
 
.home-letters-showcase-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  background: linear-gradient(to top, #fff8f0, #faf9f6);
  min-height: 100vh;
}
 
.thq-letter-lightbox-backdrop-elm {
  display: none;
}
 
.home-letter-card4 {
  width: 100%;
  cursor: pointer;
  padding: 14px 16px;
  max-width: 100%;
  transform: none;
  background: #ffffff;
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-md);
  scroll-snap-align: start;
}
 
.home-letter-card-image-wrapper3 {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  background: linear-gradient(135deg, var(--color-neutral), var(--color-surface));
  aspect-ratio: 4 / 5;
}
 
.home-letter-card-image3 {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.home-letter-card4:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.home-letters-showcase-section1 {
  padding: var(--spacing-4xl) var(--spacing-lg);
  background: linear-gradient(to top, #fff8f0, #faf9f6);
  min-height: 100vh;
}
 
.home-letter-card5 {
  width: 100%;
  cursor: pointer;
  padding: 14px 16px;
  max-width: 100%;
  transform: none;
  background: #ffffff;
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-md);
  scroll-snap-align: start;
}
 
.home-letter-card-image-wrapper4 {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  background: linear-gradient(135deg, var(--color-neutral), var(--color-surface));
  aspect-ratio: 4 / 5;
}
 
.home-letter-card-image4 {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
 
.home-letter-card5:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.upcoming-live-section {
  width: 100%;
  padding: 60px 40px;
  position: relative;
  background-image: linear-gradient(to bottom, #59190f, #5e2a22) !important;
}
 
.upcoming-live-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}
 
.upcoming-live-header {
  text-align: center;
  margin-bottom: 48px;
}
 
.upcoming-live-cards-desktop {
  gap: var(--spacing-xl, 2rem);
  display: flex;
  flex-direction: column;
}
 
.upcoming-live-carousel {
  display: none;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: var(--spacing-xl);
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
 
.upcoming-live-dots {
  gap: 8px;
  display: none;
  margin-top: var(--spacing-lg, 1.5rem);
  align-items: center;
  justify-content: center;
}
 
.upcoming-live-swipe-hint {
  color: #d4cfc5;
  display: none;
  font-size: var(--font-size-xs, 0.75rem);
  margin-top: var(--spacing-sm, 0.75rem);
  text-align: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
}
 
.upcoming-live-title {
  color: #ffffff;
  margin: 0 0 16px 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.upcoming-live-divider-section {
  width: 100%;
  display: flex;
  margin-top: 1.25rem;
  align-items: center;
  margin-bottom: 1.25rem;
  justify-content: center;
  background-color: transparent;
}
 
.upcoming-live-subtitle {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.upcoming-live-card-row {
  gap: 0;
  display: flex;
  padding: 0;
  overflow: hidden;
  box-shadow: var(--shadow-level-1, 0 4px 16px rgba(0, 0, 0, 0.08));
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: stretch;
  border-radius: var(--border-radius-lg, 16px);
  background-color: rgba(42, 29, 22, 0.3);
}
 
.upcoming-live-track {
  gap: 16px;
  display: flex;
  padding: 0 10% 10px 10%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: stretch;
}
 
.upcoming-live-dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  transition: all 0.3s ease;
  border-radius: 50%;
  background-color: #e8e4dc;
}
 
.upcoming-live-dot-active {
  width: 24px;
  border-radius: 4px;
  background-color: var(--color-primary, #ce912c);
}
 
.upcoming-live-divider-inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: 0;
  max-width: 300px;
  align-items: center;
  justify-content: center;
}
 
.upcoming-live-image-wrapper {
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  max-width: 40%;
  border-radius: 0;
}
 
.upcoming-live-body {
  gap: 5px;
  flex: 1;
  display: flex;
  padding: 18px 20px;
  flex-direction: column;
}
 
.upcoming-live-card-mobile {
  flex: 0 0 80%;
  display: flex;
  overflow: hidden;
  min-width: 80%;
  box-shadow: var(--shadow-level-1, 0 4px 16px rgba(0, 0, 0, 0.08));
  border-radius: var(--border-radius-lg, 16px);
  flex-direction: column;
  background-color: rgba(42, 29, 22, 0.3);
  scroll-snap-align: center;
}
 
.upcoming-live-divider-image {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.9;
  object-fit: contain;
  transition: opacity 0.3s ease;
}
 
.upcoming-live-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.upcoming-live-badge-wrapper {
  margin-bottom: 4px;
}
 
.upcoming-live-card-title {
  color: var(--color-on-primary);
  margin: 0;
  font-size: var(--font-size-xl, clamp(1.375rem, 1.3rem + 0.3vw, 1.5rem));
  font-family: var(--font-family-heading, "Red Hat Display", system-ui, sans-serif);
  font-weight: var(--font-weight-heading, 600);
  line-height: 1.3;
}
 
.upcoming-live-description {
  color: var(--color-neutral);
  margin: 0;
  font-size: var(--font-size-base, 1rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
  line-height: var(--line-height-body, 1.6);
}
 
.upcoming-live-details-row {
  gap: var(--spacing-lg, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
  align-items: center;
}
 
.upcoming-live-cta-row {
  gap: var(--spacing-md, 1rem);
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
}
 
.upcoming-live-helper-text {
  color: var(--color-neutral);
  margin: 4px 0 0 0;
  font-size: var(--font-size-xs, 0.75rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
}
 
.upcoming-live-mobile-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  aspect-ratio: 16 / 10;
}
 
.upcoming-live-mobile-body {
  padding: 18px 20px;
}
 
.upcoming-live-badge {
  display: inline-flex;
  padding: 2px 10px;
  font-size: var(--font-size-xs, 0.75rem);
  align-items: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-full, 9999px);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.upcoming-live-badge-beginner {
  color: var(--color-on-primary);
  background-color: var(--color-secondary);
}
 
.upcoming-live-badge-recording {
  color: var(--color-on-accent);
  display: inline-flex;
  padding: 2px 10px;
  font-size: 12px;
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
 
.upcoming-live-detail-item {
  gap: 6px;
  display: flex;
  align-items: center;
}
 
.upcoming-live-btn {
  gap: var(--spacing-xs);
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  box-shadow: var(--shadow-level-1);
  text-align: center;
  transition: all 0.2s ease-in-out;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-body);
  user-select: none;
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  justify-content: center;
  text-decoration: none;
}
 
.upcoming-live-btn-primary {
  color: var(--color-on-primary);
  border: none;
  background: var(--gradient_btn_1);
  transition: all 0.3s ease;
  border-color: var(--color-secondary);
}
 
.upcoming-live-btn-secondary {
  color: var(--color-surface);
  border: 2px solid var(--color-surface);
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  background-color: transparent;
}
 
.upcoming-live-badge-kids {
  color: #ffffff;
  background-color: var(--color-secondary, #e27a1b);
}
 
.upcoming-live-badge-icon {
  margin-right: 4px;
}
 
.upcoming-live-detail-icon {
  color: var(--color-surface);
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.upcoming-live-detail-text {
  color: var(--color-surface);
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
}
 
.upcoming-live-mobile-badge-pills {
  gap: 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.upcoming-live-mobile-badge {
  gap: 4px;
  color: #ffffff;
  display: inline-flex;
  padding: 4px 8px;
  font-size: 11px;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  border-radius: 12px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
 
.upcoming-live-mobile-badge-beginner {
  background: #10b981;
}
 
.upcoming-live-mobile-badge-recording {
  background: #8b5cf6;
}
 
.upcoming-live-mobile-badge-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
 
.upcoming-live-btn-primary:hover {
  color: var(--color-on-primary);
  opacity: 0.9;
  transform: translateY(-2px);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-2);
}
 
.upcoming-live-btn-secondary:hover {
  color: var(--color-on-surface);
  transform: translateY(-2px);
  border-color: var(--color-on-surface);
  background-color: var(--color-surface);
}
 
.upcoming-live-btn:focus-visible {
  outline: 2px solid var(--color-outline);
  outline-offset: 2px;
}
 
.upcoming-live-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
 
.upcoming-live-card-row:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2, 0 8px 32px rgba(0, 0, 0, 0.12));
}
 
.upcoming-live-badge-recording:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-level-2);
}
 
.upcoming-live-carousel::-webkit-scrollbar {
  display: none;
}
 
.upcoming-live-divider-image:hover {
  opacity: 1;
}
 
.student-letters-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
}
 
.courses-hero-section {
  width: 100%;
  margin: 0;
  padding: 180px 80px 80px 80px;
  overflow: hidden;
  position: relative;
  background: #59190f;
  min-height: 450px;
}
 
.courses-hero-container {
  gap: 60px;
  width: 100%;
  margin: 20px auto 20px auto;
  display: grid;
  padding: 0 40px;
  z-index: 2;
  position: relative;
  max-width: 1300px;
  align-items: center;
  grid-template-columns: 1fr;
}
 
.courses-bg-glow-1 {
  top: -100px;
  left: -100px;
  width: 400px;
  filter: blur(60px);
  height: 400px;
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);
  border-radius: 50%;
}
 
.courses-bg-glow-2 {
  right: -150px;
  width: 500px;
  bottom: -150px;
  filter: blur(80px);
  height: 500px;
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, rgba(255, 140, 0, 0.06) 0%, transparent 70%);
  border-radius: 50%;
}
 
.courses-hero-content {
  gap: 32px;
  display: flex;
  flex-direction: column;
}
 
.courses-hero-heading {
  color: #ffffff;
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.5px;
}
 
.courses-hero-description {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  font-size: 18px;
  max-width: 540px;
  font-weight: 400;
  line-height: 1.7;
}
 
.courses-stats-grid {
  gap: 16px;
  display: grid;
  margin-top: 8px;
  grid-template-columns: repeat(4, 1fr);
}
 
.courses-cta-row {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
}
 
.courses-stat-card {
  gap: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  padding: 20px;
  background: #4a1410;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 12px;
}
 
.courses-btn-primary {
  color: #59190f;
  border: none;
  cursor: pointer;
  padding: 14px 32px;
  font-size: 16px;
  background: linear-gradient(to right, #ffd200 0%, #f7b500 50%, #ff8c00 100%);
  box-shadow: 0 4px 16px rgba(255, 210, 0, 0.25);
  transition: all 0.3s ease;
  font-family: inherit;
  font-weight: 600;
  border-radius: 8px;
}
 
.courses-btn-secondary {
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  padding: 14px 32px;
  font-size: 16px;
  background: transparent;
  transition: all 0.3s ease;
  font-family: inherit;
  font-weight: 600;
  border-radius: 8px;
}
 
.courses-stat-icon {
  color: #d4af37;
  width: 48px;
  height: 48px;
  display: flex;
  background: rgba(212, 175, 55, 0.1);
  transition: all 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
  justify-content: center;
}
 
.courses-stat-content {
  gap: 4px;
  display: flex;
  flex-direction: column;
}
 
.courses-stat-number {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
 
.courses-stat-label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
 
.courses-stat-card\:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.15);
  border-color: rgba(212, 175, 55, 0.2);
}
 
.courses-stat-card\:hover\ \.courses-stat-icon {
  transform: scale(1.05);
  background: rgba(212, 175, 55, 0.15);
}
 
.courses-btn-primary\:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(255, 210, 0, 0.4);
}
 
.courses-btn-secondary\:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.4);
}
 
.courses---workshops-upcoming-live-section {
  width: 100%;
  padding: 60px 40px;
  position: relative;
  background-color: #f8f6f3;
}
 
.courses---workshops-upcoming-live-carousel {
  display: none;
  margin-bottom: var(--spacing-xl);
}
 
.courses---workshops-upcoming-live-dots {
  gap: 8px;
  display: none;
  margin-top: var(--spacing-lg, 1.5rem);
  align-items: center;
  justify-content: center;
}
 
.courses---workshops-upcoming-live-swipe-hint {
  color: #6b5a4a;
  display: none;
  font-size: var(--font-size-xs, 0.75rem);
  margin-top: var(--spacing-sm, 0.75rem);
  text-align: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
}
 
.courses---workshops-upcoming-live-title {
  color: #2a1d16;
  margin: 0 0 16px 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.courses---workshops-upcoming-live-subtitle {
  color: #5e4a3a;
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.courses---workshops-upcoming-live-card-row {
  gap: 0;
  display: flex;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: stretch;
  border-radius: var(--border-radius-lg, 16px);
  background-color: #ffffff;
}
 
.courses---workshops-upcoming-live-track {
  gap: 16px;
  display: flex;
  padding: 0 10% 10px 10%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: stretch;
}
 
.courses---workshops-upcoming-live-dot {
  width: 8px;
  cursor: pointer;
  height: 8px;
  transition: all 0.3s ease;
  border-radius: 50%;
  background-color: #c4b5a5;
}
 
.courses---workshops-upcoming-live-card-mobile {
  flex: 0 0 100%;
  display: flex;
  overflow: hidden;
  min-width: 100%;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius-lg, 16px);
  margin-bottom: var(--spacing-lg, 1.5rem);
  flex-direction: column;
  background-color: #ffffff;
}
 
.courses---workshops-upcoming-live-card-title {
  color: #2a1d16;
  margin: 0;
  font-size: var(--font-size-xl, clamp(1.375rem, 1.3rem + 0.3vw, 1.5rem));
  font-family: var(--font-family-heading, "Red Hat Display", system-ui, sans-serif);
  font-weight: var(--font-weight-heading, 600);
  line-height: 1.3;
}
 
.courses---workshops-upcoming-live-description {
  color: #5e4a3a;
  margin: 0;
  font-size: var(--font-size-base, 1rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
  line-height: var(--line-height-body, 1.6);
}
 
.courses---workshops-upcoming-live-helper-text {
  color: #6b5a4a;
  margin: 4px 0 0 0;
  font-size: var(--font-size-xs, 0.75rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
}
 
.courses---workshops-upcoming-live-badge-beginner {
  color: #ffffff;
  background-color: #10b981;
}
 
.courses---workshops-upcoming-live-badge-recording {
  color: #ffffff;
  display: inline-flex;
  padding: 2px 10px;
  font-size: 12px;
  background: var(--gradient_btn_1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
 
.courses---workshops-upcoming-live-btn {
  gap: var(--spacing-xs);
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: all 0.2s ease-in-out;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-body);
  user-select: none;
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  justify-content: center;
  text-decoration: none;
}
 
.courses---workshops-upcoming-live-btn-primary {
  color: #ffffff;
  border: none;
  background: var(--gradient_btn_1);
  transition: all 0.3s ease;
  border-color: var(--color-secondary);
}
 
.courses---workshops-upcoming-live-btn-secondary {
  color: #2a1d16;
  border: 2px solid #2a1d16;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  background-color: transparent;
}
 
.thq-upcoming-live-badge-icon-elm1 {
  margin-right: 4px;
}
 
.courses---workshops-upcoming-live-detail-icon {
  color: #5e4a3a;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.courses---workshops-upcoming-live-detail-text {
  color: #5e4a3a;
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
}
 
.thq-upcoming-live-badge-icon-elm2 {
  margin-right: 4px;
}
 
.thq-upcoming-live-badge-icon-elm3 {
  margin-right: 4px;
}
 
.courses---workshops-upcoming-live-btn-primary:hover {
  color: #ffffff;
  opacity: 0.9;
  transform: translateY(-2px);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
 
.courses---workshops-upcoming-live-btn-secondary:hover {
  color: #ffffff;
  transform: translateY(-2px);
  border-color: #2a1d16;
  background-color: #2a1d16;
}
 
.courses---workshops-upcoming-live-btn:focus-visible {
  outline: 2px solid var(--color-outline);
  outline-offset: 2px;
}
 
.courses---workshops-upcoming-live-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
 
.courses---workshops-upcoming-live-card-row:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
 
.courses---workshops-upcoming-live-badge-recording:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
 
.courses---workshops-upcoming-live-carousel::-webkit-scrollbar {
  display: none;
}
 
.courses---workshops-upcoming-live-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}
 
.courses---workshops-upcoming-live-carousel1 {
  display: none;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: var(--spacing-xl);
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
 
.courses---workshops-upcoming-live-dots1 {
  gap: 8px;
  display: none;
  margin-top: var(--spacing-lg, 1.5rem);
  align-items: center;
  justify-content: center;
}
 
.courses---workshops-upcoming-live-swipe-hint1 {
  color: #6b5d52;
  display: none;
  font-size: var(--font-size-xs, 0.75rem);
  margin-top: var(--spacing-sm, 0.75rem);
  text-align: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
}
 
.courses---workshops-upcoming-live-title1 {
  color: var(--color-on-primary);
  margin: 0 0 16px 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.courses---workshops-upcoming-live-subtitle1 {
  color: #ffffff;
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.courses---workshops-upcoming-live-card-row1 {
  gap: 0;
  border: 1px solid #e8e4dc;
  display: flex;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: stretch;
  border-radius: 14px;
}
 
.courses---workshops-upcoming-live-track1 {
  gap: 16px;
  display: flex;
  padding: 0 10% 10px 10%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: stretch;
}
 
.courses---workshops-upcoming-live-dot1 {
  width: 8px;
  cursor: pointer;
  height: 8px;
  transition: all 0.3s ease;
  border-radius: 50%;
  background-color: #bfb5aa;
}
 
.courses---workshops-upcoming-live-body {
  gap: 1px;
  flex: 1;
  display: flex;
  padding: 15px;
  background: linear-gradient(180deg, #EAD8B1 0%, #FFF7E8 18%, #FFF7E8 82%, #EAD8B1 100%);
  flex-direction: column;
}
 
.courses---workshops-upcoming-live-card-mobile1 {
  flex: 0 0 80%;
  border: 1px solid #e8e4dc;
  display: flex;
  overflow: hidden;
  min-width: 80%;
  background: linear-gradient(180deg, #EAD8B1 0%, #FFF7E8 18%, #FFF7E8 82%, #EAD8B1 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  flex-direction: column;
  scroll-snap-align: center;
}
 
.courses---workshops-upcoming-live-divider-image {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.8;
  object-fit: contain;
  transition: opacity 0.3s ease;
}
 
.courses---workshops-upcoming-live-badge-wrapper {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
}
 
.courses---workshops-upcoming-live-card-title1 {
  color: #2c2416;
  margin: 0 0 8px 0;
  font-size: var(--font-size-xl, clamp(1.375rem, 1.3rem + 0.3vw, 1.5rem));
  font-family: var(--font-family-heading, "Red Hat Display", system-ui, sans-serif);
  font-weight: var(--font-weight-heading, 600);
  line-height: 1.3;
}
 
.courses---workshops-upcoming-live-description1 {
  color: #4a4032;
  margin: 0 0 12px 0;
  font-size: var(--font-size-base, 1rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
  line-height: var(--line-height-body, 1.6);
}
 
.courses---workshops-upcoming-live-details-row {
  gap: var(--spacing-lg, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
  margin-bottom: 12px;
}
 
.courses---workshops-upcoming-live-cta-row {
  gap: var(--spacing-md, 1rem);
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
  align-items: center;
}
 
.courses---workshops-upcoming-live-helper-text1 {
  color: #6b5d52;
  margin: 8px 0 0 0;
  font-size: var(--font-size-xs, 0.75rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
}
 
.courses---workshops-upcoming-live-mobile-body {
  padding: 20px;
  background: linear-gradient(180deg, #EAD8B1 0%, #FFF7E8 18%, #FFF7E8 82%, #EAD8B1 100%);
}
 
.courses---workshops-upcoming-live-badge-beginner1 {
  color: #059669;
  background-color: rgba(16, 185, 129, 0.12);
}
 
.courses---workshops-upcoming-live-badge {
  color: #b8741a;
  display: inline-flex;
  padding: 4px 12px;
  font-size: var(--font-size-xs, 0.75rem);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-full, 9999px);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background-color: rgba(206, 145, 44, 0.12);
}
 
.courses---workshops-upcoming-live-badge-recording1 {
  color: #7c3aed;
  display: inline-flex;
  padding: 4px 12px;
  font-size: 12px;
  transition: all 0.3s ease;
  align-items: center;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
  text-transform: uppercase;
  background-color: rgba(139, 92, 246, 0.12);
}
 
.courses---workshops-upcoming-live-btn1 {
  gap: var(--spacing-xs);
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: 12px 24px;
  font-size: var(--font-size-base);
  text-align: center;
  transition: all 0.2s ease-in-out;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-body);
  user-select: none;
  white-space: nowrap;
  border-radius: 8px;
  justify-content: center;
  text-decoration: none;
}
 
.courses---workshops-upcoming-live-btn1:focus-visible {
  outline: 2px solid var(--color-primary);
}
 
.courses---workshops-upcoming-live-btn-primary1 {
  color: #ffffff;
  border: none;
  background: #5a1c12;
  box-shadow: 0 2px 8px rgba(206, 145, 44, 0.25);
  transition: all 0.3s ease;
}
 
.courses---workshops-upcoming-live-btn-secondary1 {
  color: var(--color-on-primary);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-md);
  background-color: var(--color-primary);
}
 
.courses---workshops-upcoming-live-btn-secondary1:hover {
  color: var(--color-on-primary);
  box-shadow: var(--shadow-level-2);
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}
 
.courses---workshops-upcoming-live-badge-kids {
  color: #d66a0f;
  background-color: rgba(226, 122, 27, 0.12);
}
 
.courses---workshops-upcoming-live-detail-icon1 {
  color: #6b5d52;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.courses---workshops-upcoming-live-detail-text1 {
  color: #4a4032;
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
}
 
.courses---workshops-upcoming-live-mobile-badge-pills {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.courses---workshops-upcoming-live-mobile-badge {
  gap: 4px;
  display: inline-flex;
  padding: 6px 12px;
  font-size: 11px;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  border-radius: 9999px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
 
.courses---workshops-upcoming-live-mobile-badge-beginner {
  color: #059669;
  background-color: rgba(16, 185, 129, 0.12);
}
 
.courses---workshops-upcoming-live-mobile-badge-recording {
  color: #7c3aed;
  background-color: rgba(139, 92, 246, 0.12);
}
 
.courses---workshops-upcoming-live-btn-primary1:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(206, 145, 44, 0.35);
}
 
.courses---workshops-upcoming-live-btn-secondary1:hover {
  color: var(--color-on-primary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}
 
.courses---workshops-upcoming-live-btn1:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
 
.courses---workshops-upcoming-live-btn1:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
 
.courses---workshops-upcoming-live-card-row1:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
 
.courses---workshops-upcoming-live-badge-recording1:hover {
  transform: translateY(-1px);
}
 
.courses---workshops-upcoming-live-carousel1::-webkit-scrollbar {
  display: none;
}
 
.courses---workshops-upcoming-live-divider-image:hover {
  opacity: 1;
}
 
.footer-logo-upload {
  color: var(--color-surface);
  width: 100%;
  border: 2px dashed color-mix(in srgb, var(--color-surface) 30%, transparent);
  cursor: pointer;
  padding: var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: color-mix(in srgb, var(--color-backplate) 50%, transparent);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-lg);
}
 
.footer-logo-upload:hover {
  background: color-mix(in srgb, var(--color-backplate) 70%, transparent);
  border-color: var(--color-surface);
}
 
.footer-logo-upload:focus {
  outline: none;
  border-color: var(--color-accent);
}
 
.footer-column-divider {
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    transparent,
    color-mix(in srgb, var(--color-surface) 25%, transparent) 50%,
    transparent
  );
  min-height: 200px;
}
 
.self-paced-section {
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background-color: #faf9f6;
}
 
.self-paced-container {
  width: 100%;
  margin: 0 auto;
  max-width: var(--content-max-width);
}
 
.self-paced-header {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
}
 
.self-paced-grid {
  gap: var(--spacing-2xl);
  display: grid;
  margin-top: var(--spacing-3xl);
  grid-template-columns: repeat(3, 1fr);
}
 
.self-paced-title {
  color: var(--color-primary);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-heading);
}
 
.self-paced-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 700px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.self-paced-card {
  border: 1px solid rgba(191, 181, 170, 0.2);
  height: 100%;
  display: flex;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(94, 42, 34, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 14px;
  flex-direction: column;
}
 
.self-paced-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #f5f5f0 0%, #e8e6dc 100%);
  aspect-ratio: 16 / 10;
}
 
.self-paced-card-content {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  padding: var(--spacing-xl);
  flex-direction: column;
}
 
.self-paced-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.self-paced-badges {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.self-paced-card-title {
  color: var(--color-on-surface);
  margin: var(--spacing-xs) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.self-paced-card-description {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-body);
}
 
.self-paced-details {
  gap: var(--spacing-sm);
  display: flex;
  padding: var(--spacing-md) 0;
  margin-top: auto;
  flex-direction: column;
}
 
.self-paced-cta-buttons {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-md);
}
 
.self-paced-badge {
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  transition: transform 0.2s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.self-paced-badge-primary {
  color: #b8722e;
  border: 1px solid rgba(212, 149, 108, 0.3);
  background: linear-gradient(135deg, rgba(212, 149, 108, 0.15) 0%, rgba(226, 122, 27, 0.15) 100%);
}
 
.self-paced-badge-secondary {
  color: var(--color-primary);
  border: 1px solid rgba(94, 42, 34, 0.15);
  background: rgba(94, 42, 34, 0.08);
}
 
.self-paced-detail-item {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
}
 
.self-paced-btn {
  flex: 1;
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  letter-spacing: 0.3px;
}
 
.self-paced-btn-primary {
  color: #ffffff;
  background: linear-gradient(135deg, #d4956c 0%, #e27a1b 100%);
  box-shadow: 0 2px 8px rgba(212, 149, 108, 0.25);
}
 
.self-paced-btn-secondary {
  color: #d4956c;
  border: 1.5px solid #d4956c;
  background: transparent;
}
 
.self-paced-badge-intermediate {
  color: #7d3c98;
  border: 1px solid rgba(155, 89, 182, 0.25);
  background: linear-gradient(135deg, rgba(155, 89, 182, 0.12) 0%, rgba(142, 68, 173, 0.12) 100%);
}
 
.self-paced-badge-all-levels {
  color: #2874a6;
  border: 1px solid rgba(52, 152, 219, 0.25);
  background: linear-gradient(135deg, rgba(52, 152, 219, 0.12) 0%, rgba(41, 128, 185, 0.12) 100%);
}
 
.self-paced-detail-icon {
  color: var(--color-secondary);
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.self-paced-detail-text {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.self-paced-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(94, 42, 34, 0.15);
  border-color: rgba(212, 149, 108, 0.3);
}
 
.self-paced-card:hover .self-paced-card-image {
  transform: scale(1.05);
}
 
.self-paced-detail-icon  svg {
  width: 100%;
  height: 100%;
}
 
.self-paced-btn-primary:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #e27a1b 0%, #d4956c 100%);
  box-shadow: 0 4px 16px rgba(212, 149, 108, 0.4);
}
 
.self-paced-btn-secondary:hover {
  color: #e27a1b;
  transform: translateY(-2px);
  background: rgba(212, 149, 108, 0.08);
  border-color: #e27a1b;
}
 
.selfpaced-spiritual-workshops-area {
  width: 100%;
  padding: 60px 40px;
  position: relative;
  background: #FDFBF7;
}
 
.selfpaced-workshops-inner-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}
 
.selfpaced-spiritual-section-header {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 48px;
}
 
.selfpaced-desktop-workshop-cards-grid {
  gap: var(--spacing-xl, 2rem);
  display: flex;
  flex-direction: column;
}
 
.selfpaced-mobile-workshop-cards-stack {
  gap: var(--spacing-xl, 2rem);
  display: none;
  flex-direction: column;
}
 
.selfpaced-spiritual-section-heading {
  color: color-on-surface;
  margin: 0 0 16px 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.selfpaced-ornamental-divider-container {
  width: 100%;
  display: flex;
  margin-top: 1.25rem;
  align-items: center;
  margin-bottom: 1.25rem;
  justify-content: center;
  background-color: transparent;
}
 
.selfpaced-spiritual-section-description {
  color: color-on-surface;
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.selfpaced-workshop-card-horizontal {
  gap: 0;
  display: flex;
  padding: 0;
  overflow: hidden;
  box-shadow: var(--shadow-level-1, 0 4px 16px rgba(0, 0, 0, 0.08));
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: stretch;
  border-radius: var(--border-radius-lg, 16px);
  background-color: rgba(42, 29, 22, 0.3);
}
 
.selfpaced-mobile-workshop-card-vertical {
  flex: 0 0 80%;
  display: flex;
  overflow: hidden;
  min-width: 80%;
  box-shadow: var(--shadow-level-1, 0 4px 16px rgba(0, 0, 0, 0.08));
  border-radius: var(--border-radius-lg, 16px);
  flex-direction: column;
  background-color: rgba(42, 29, 22, 0.3);
}
 
.selfpaced-ornamental-divider-inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: 0;
  max-width: 300px;
  align-items: center;
  justify-content: center;
}
 
.selfpaced-workshop-card-image-container {
  flex: 0 0 350px;
  overflow: hidden;
  position: relative;
  max-width: 350px;
  aspect-ratio: 1200 / 799;
  border-radius: 0;
}
 
.selfpaced-workshop-card-content-area {
  gap: 5px;
  flex: 1;
  display: flex;
  padding: 24px;
  background: linear-gradient(to bottom, #59190f, #5e2a22) !important;
  flex-direction: column;
}
 
.selfpaced-mobile-card-image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  aspect-ratio: 1200 / 799;
}
 
.selfpaced-ornamental-divider-graphic {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.9;
  object-fit: contain;
  transition: opacity 0.3s ease;
}
 
.selfpaced-workshop-card-featured-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.selfpaced-workshop-card-badges-row {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
 
.selfpaced-workshop-card-heading-text {
  color: var(--color-on-primary);
  margin: 0;
  font-size: var(--font-size-xl, clamp(1.375rem, 1.3rem + 0.3vw, 1.5rem));
  font-family: var(--font-family-heading, "Red Hat Display", system-ui, sans-serif);
  font-weight: var(--font-weight-heading, 600);
  line-height: 1.3;
}
 
.selfpaced-workshop-card-description-text {
  color: var(--color-neutral);
  margin: 0;
  font-size: var(--font-size-base, 1rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
  line-height: var(--line-height-body, 1.6);
}
 
.selfpaced-workshop-card-metadata-row {
  gap: var(--spacing-lg, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
  align-items: center;
}
 
.selfpaced-workshop-card-actions-row {
  gap: var(--spacing-md, 1rem);
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  align-items: center;
}
 
.selfpaced-workshop-card-helper-info {
  color: var(--color-neutral);
  margin: 4px 0 0 0;
  font-size: var(--font-size-xs, 0.75rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-body, 400);
}
 
.selfpaced-badge-live {
  color: var(--color-on-primary);
  background-color: var(--color-secondary);
}
 
.selfpaced-workshop-badge-pill {
  display: inline-flex;
  padding: 2px 10px;
  font-size: var(--font-size-xs, 0.75rem);
  align-items: center;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-full, 9999px);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.selfpaced-badge-recording {
  color: var(--color-on-accent);
  display: inline-flex;
  padding: 2px 10px;
  font-size: 12px;
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
 
.selfpaced-workshop-metadata-item {
  gap: 6px;
  display: flex;
  align-items: center;
}
 
.selfpaced-btn-primary-action {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  transition: all 0.3s ease;
  border-color: var(--color-secondary);
}
 
.selfpaced-workshop-action-button {
  border: none;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
}
 
.selfpaced-btn-secondary-action {
  color: var(--color-surface);
  border: 2px solid var(--color-surface);
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  background-color: transparent;
}
 
.selfpaced-badge-new {
  color: #ffffff;
  background-color: var(--color-secondary, #e27a1b);
}
 
.selfpaced-mobile-badges-group {
  gap: 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.selfpaced-badge-icon-svg {
  margin-right: 4px;
}
 
.selfpaced-workshop-metadata-icon {
  color: var(--color-surface);
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.selfpaced-workshop-metadata-label {
  color: var(--color-surface);
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body, "Roboto", system-ui, sans-serif);
  font-weight: var(--font-weight-medium, 500);
}
 
.selfpaced-mobile-badge-chip {
  gap: 4px;
  color: #ffffff;
  display: inline-flex;
  padding: 4px 8px;
  font-size: 11px;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  border-radius: 12px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
 
.selfpaced-mobile-badge-beginner {
  background: #10b981;
}
 
.selfpaced-mobile-badge-recordings {
  background: #8b5cf6;
}
 
.selfpaced-mobile-badge-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
 
.selfpaced-ornamental-divider-graphic:hover {
  opacity: 1;
}
 
.selfpaced-workshop-card-horizontal:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2, 0 8px 32px rgba(0, 0, 0, 0.12));
}
 
.selfpaced-badge-recording:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-level-2);
}
 
.selfpaced-btn-primary-action:hover {
  color: var(--color-on-primary);
  opacity: 0.9;
  transform: translateY(-2px);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-2);
}
 
.selfpaced-btn-secondary-action:hover {
  color: var(--color-on-surface);
  transform: translateY(-2px);
  border-color: var(--color-on-surface);
  background-color: var(--color-surface);
}
 
.nirvana-footer {
  color: var(--color-on-primary);
  padding: var(--spacing-xl) 0 var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: linear-gradient(90deg, hsla(8, 71%, 20%, 1) 0%, hsla(8, 88%, 22%, 1) 100%);
}
 
.nirvana-footer-container {
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
  max-width: 100%;
}
 
.nirvana-footer-main {
  gap: var(--spacing-3xl);
  width: 100%;
  display: grid;
  max-width: var(--content-max-width);
  align-items: start;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: 1fr 1fr 1fr 1.5fr;
}
 
.nirvana-footer-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-on-primary) 20%, transparent), transparent);
  margin-bottom: var(--spacing-xl);
}
 
.nirvana-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.nirvana-footer-column {
  gap: var(--spacing-lg);
  display: flex;
  flex-direction: column;
}
 
.nirvana-footer-brand {
  gap: var(--spacing-xl);
}
 

 
.nirvana-footer-form-column {
  gap: var(--spacing-md);
}
 
.nirvana-footer-copyright {
  color: color-mix(in oklab, var(--color-on-primary) 60%, transparent);
  margin: 0;
  font-size: var(--font-size-sm);
  text-align: center;
}
 
.nirvana-footer-logo {
  width: 220px;
  filter: brightness(0) invert(1);
  height: auto;
  display: block;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
 
.nirvana-footer-social {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
}
 
.nirvana-footer-heading {
  color: var(--color-on-primary);
  margin: 0;
  position: relative;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  letter-spacing: var(--letter-spacing-heading);
  padding-bottom: var(--spacing-sm);
}
 
.nirvana-footer-nav {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.nirvana-footer-form-helper {
  color: color-mix(in oklab, var(--color-on-primary) 70%, transparent);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-body);
}
 
.nirvana-footer-form {
  width: 100%;
}
 
.nirvana-footer-social-link {
  color: var(--color-on-primary);
  width: 44px;
  border: 2px solid color-mix(in oklab, var(--color-on-primary) 30%, transparent);
  height: 44px;
  display: flex;
  overflow: hidden;
  position: relative;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
  text-decoration: none;
}
 
.nirvana-footer-link {
  color: color-mix(in oklab, var(--color-on-primary) 80%, transparent);
  display: inline-flex;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.3s ease;
  align-items: center;
  line-height: 1.6;
  padding-left: 0;
  text-decoration: none;
}
 
.nirvana-footer-form-group {
  gap: var(--spacing-sm);
  display: flex;
  align-items: stretch;
}
 
.nirvana-footer-input {
  flex: 1;
  color: var(--color-on-primary);
  border: 2px solid color-mix(in oklab, var(--color-on-primary) 25%, transparent);
  outline: none;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: color-mix(in oklab, var(--color-on-primary) 10%, transparent);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.nirvana-footer-submit {
  color: var(--color-on-secondary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 12px rgba(226, 122, 27, 0.25);
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-control);
}
 
.nirvana-footer::before {
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  opacity: 0.6;
  position: absolute;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-secondary) 40%, transparent), transparent);
}
 
.nirvana-footer-logo:hover {
  opacity: 0.85;
  transform: scale(1.02);
}
 
.nirvana-footer-social-link::before {
  inset: 0;
  content: "";
  z-index: 1;
  position: absolute;
  transform: scale(0);
  background: var(--color-secondary);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-full);
}
 
.nirvana-footer-social-link:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(226, 122, 27, 0.25);
  border-color: var(--color-secondary);
}
 
.nirvana-footer-social-link:hover::before {
  transform: scale(1);
}
 
.nirvana-footer-social-link  svg {
  width: 20px;
  height: 20px;
  z-index: 2;
  position: relative;
}
 
.nirvana-footer-heading::after {
  left: 0;
  width: 40px;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  background: var(--color-secondary);
  border-radius: var(--border-radius-full);
}
 
.nirvana-footer-link::before {
  top: 50%;
  left: -16px;
  width: 8px;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateY(-50%) scaleX(0);
  background: var(--color-secondary);
  transition: transform 0.3s ease;
  transform-origin: left;
}
 
.nirvana-footer-link:hover {
  color: var(--color-on-primary);
  transform: translateX(4px);
  padding-left: var(--spacing-lg);
}
 
.nirvana-footer-link:hover::before {
  transform: translateY(-50%) scaleX(1);
}
 
.nirvana-footer-input::placeholder {
  color: color-mix(in oklab, var(--color-on-primary) 50%, transparent);
}
 
.nirvana-footer-input:focus {
  background: color-mix(in oklab, var(--color-on-primary) 15%, transparent);
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-secondary) 20%, transparent);
  border-color: var(--color-secondary);
}
 
.nirvana-footer-input:invalid:not(:placeholder-shown) {
  border-color: #ef4444;
}
 
.nirvana-footer-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(226, 122, 27, 0.35);
}
 
.nirvana-footer-submit:active {
  transform: translateY(0);
}
 

 

 
.early-access-signup {
  width: 90% !important;
  margin: 0 auto !important;
  padding: 20px 40px;
  overflow: hidden;
  position: relative;
  max-width: var(--content-max-width, 80rem);
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary, #5e2a22) 95%, transparent), color-mix(in oklab, var(--color-secondary, #e27a1b) 90%, transparent));
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius-lg, 24px);
}
 
.early-access-bg-layer {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  pointer-events: none;
}
 
.early-access-content {
  z-index: 10;
  position: relative;
  text-align: center;
}
 
.early-access-orb {
  filter: blur(60px);
  opacity: 0.05;
  position: absolute;
  animation: float 20s ease-in-out infinite;
  border-radius: 50%;
}
 
.early-access-orb-1 {
  top: -10%;
  left: -10%;
  width: 400px;
  height: 400px;
  background: var(--color-accent, #9b59b6);
  animation-delay: 0s;
  animation-duration: 22s;
}
 
.early-access-orb-2 {
  right: -10%;
  width: 350px;
  bottom: -15%;
  height: 350px;
  background: var(--color-secondary, #e27a1b);
  animation-delay: 3s;
  animation-duration: 25s;
}
 
.early-access-orb-3 {
  top: 40%;
  right: -5%;
  width: 300px;
  height: 300px;
  background: color-mix(in oklab, var(--color-primary, #5e2a22) 80%, #ffffff);
  animation-delay: 7s;
  animation-duration: 20s;
}
 
.early-access-orb-4 {
  left: 10%;
  width: 280px;
  bottom: 20%;
  height: 280px;
  background: var(--color-accent, #9b59b6);
  animation-delay: 10s;
  animation-duration: 23s;
}
 
.early-access-ring {
  border: 2px solid rgba(255, 255, 255, 0.08);
  opacity: 0.4;
  position: absolute;
  animation: rotate 30s linear infinite;
  border-radius: 50%;
}
 
.early-access-ring-1 {
  top: -20%;
  right: -15%;
  width: 500px;
  height: 500px;
  z-index: 2;
  animation-duration: 35s;
}
 
.early-access-ring-2 {
  left: -10%;
  width: 400px;
  bottom: -25%;
  height: 400px;
  z-index: 2;
  animation-duration: 40s;
  animation-direction: reverse;
}
 
.early-access-ring-3 {
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  z-index: 2;
  transform: translate(-50%, -50%);
  border-width: 1px;
  animation-duration: 30s;
}
 
.early-access-badge {
  color: var(--color-on-primary, #ffffff);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
  padding: 8px 20px;
  animation: fadeInDown 0.8s ease-out;
  font-size: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-weight: 600;
  border-radius: var(--border-radius-full, 9999px);
  margin-bottom: 24px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}
 
.early-access-heading {
  animation: fadeInUp 0.8s ease-out 0.2s backwards;
  margin-bottom: 24px;
}
 
.early-access-description {
  color: rgba(255, 255, 255, 0.9);
  margin: 0 auto 40px;
  animation: fadeInUp 0.8s ease-out 0.4s backwards;
  font-size: 1.125rem;
  max-width: 600px;
  font-family: var(--font-family-body, system-ui, sans-serif);
  font-weight: 300;
  line-height: 1.6;
}
 
.early-access-form {
  animation: fadeInUp 0.8s ease-out 0.6s backwards;
  margin-bottom: 24px;
}
 
.early-access-trust {
  gap: 8px;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  animation: fadeInUp 0.8s ease-out 0.8s backwards;
  font-size: 1.2rem;
  align-items: center;
  font-family: var(--font-family-body, system-ui, sans-serif);
  justify-content: center;
}
 
.early-access-headline {
  color: var(--color-on-primary, #ffffff);
  margin: 0;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-family: var(--font-family-heading, system-ui, -apple-system, sans-serif);
  line-height: 1.2;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
 
.early-access-form-container {
  gap: 16px;
  margin: 0 auto;
  display: flex;
  max-width: 700px;
  flex-direction: column;
}
 
.early-access-lock-icon {
  width: 26px;
  height: 26px;
  opacity: 0.8;
}
 
.early-access-trust-text {
  opacity: 0.8;
}
 
.early-access-headline-main {
  display: block;
  font-weight: 800;
}
 
.early-access-headline-sub {
  display: block;
  font-weight: 300;
}
 
.early-access-email-input {
  flex: 1;
  color: var(--color-on-primary, #ffffff);
  border: 1px solid rgba(255, 255, 255, 0.2);
  outline: none;
  padding: 18px 24px;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, system-ui, sans-serif);
  border-radius: var(--border-radius-md, 12px);
  backdrop-filter: blur(10px);
}
 
.early-access-cta-btn {
  gap: 8px;
  color: var(--color-on-surface, #2a1d16);
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: 18px 36px;
  overflow: hidden;
  position: relative;
  font-size: 1rem;
  background: var(--color-surface, #efe6db);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body, system-ui, sans-serif);
  font-weight: 600;
  white-space: nowrap;
  border-radius: var(--border-radius-md, 12px);
  justify-content: center;
}
 
.early-access-btn-text {
  z-index: 2;
  position: relative;
}
 
.early-access-btn-arrow {
  z-index: 2;
  position: relative;
  transition: transform 0.3s ease;
}
 
.early-access-btn-shimmer {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  transition: left 0.6s ease;
}
 
.early-access-email-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
 
.early-access-email-input:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
}
 
.early-access-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
 
.early-access-cta-btn:hover .early-access-btn-shimmer {
  animation: shimmer 0.8s ease;
}
 
.early-access-cta-btn:hover .early-access-btn-arrow {
  transform: translateX(4px);
}
 
.early-access-cta-btn:active {
  transform: translateY(0);
}
 
.notify-updates-section {
  width: 100%;
  padding: 100px var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: #FDFBF7;
}
 
.notify-updates-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.notify-updates-grid {
  gap: var(--spacing-4xl);
  display: grid;
  align-items: start;
  grid-template-columns: 55% 45%;
}
 
.notify-updates-content {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.notify-updates-card-wrapper {
  top: var(--spacing-3xl);
  position: sticky;
}
 
.notify-updates-heading {
  color: var(--color-primary);
  margin: 0;
  font-size: clamp(2rem, 3vw, 2.5rem);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.notify-updates-paragraph {
  color: #ffffff;
  margin: 0;
  opacity: 0.9;
  font-size: var(--font-size-lg);
  text-align: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.notify-updates-benefits {
  gap: 0;
  display: flex;
  margin-top: var(--spacing-md);
  flex-direction: column;
}
 
.notify-updates-reassurance {
  color: var(--color-on-surface-secondary);
  margin: var(--spacing-md) 0 0 0;
  opacity: 0.85;
  font-size: var(--font-size-sm);
  font-style: italic;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
}
 
.notify-updates-card {
  gap: var(--spacing-xl);
  border: 1px solid color-mix(in oklab, var(--color-neutral) 40%, transparent);
  display: flex;
  padding: var(--spacing-3xl);
  background: var(--color-primary);
  box-shadow: 0 8px 32px rgba(94, 42, 34, 0.08), 0 2px 8px rgba(94, 42, 34, 0.04);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.notify-benefit-item {
  gap: var(--spacing-lg);
  display: flex;
  padding: var(--spacing-lg) 0;
  transition: all 0.3s ease;
  align-items: flex-start;
  border-bottom: 1px solid var(--color-outline);
}
 
.notify-card-icon {
  color: var(--color-secondary);
  width: 72px;
  height: 72px;
  display: flex;
  position: relative;
  background: var(--color-primary);
  align-items: center;
  border-radius: var(--border-radius-full);
  margin-bottom: var(--spacing-sm);
  justify-content: center;
}
 
.notify-card-pill {
  color: #ffffff;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-neutral) 30%, transparent);
  text-align: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: 0.3px;
}
 
.notify-card-btn {
  color: var(--color-on-secondary);
  width: 100%;
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-lg) var(--spacing-2xl);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 16px rgba(226, 122, 27, 0.25);
  min-height: 52px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  border-radius: var(--border-radius-control);
  letter-spacing: 0.5px;
  justify-content: center;
  text-decoration: none;
}
 
.notify-card-helper {
  color: #fffffe;
  margin: 0;
  opacity: 0.85;
  font-size: var(--font-size-xs);
  max-width: 280px;
  text-align: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.6;
}
 
.notify-benefit-icon {
  color: var(--color-on-secondary);
  width: 32px;
  height: 32px;
  display: flex;
  background: linear-gradient(135deg, #ce912c 0%, #e27a1b 100%);
  box-shadow: 0 4px 12px rgba(226, 122, 27, 0.2);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.notify-benefit-text {
  gap: var(--spacing-xs);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.notify-benefit-label {
  color: var(--color-primary);
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.4;
}
 
.notify-benefit-description {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.6;
}
 
.notify-benefit-item:hover {
  transform: translateX(4px);
  padding-left: var(--spacing-sm);
}
 
.notify-benefit-item:last-child {
  border-bottom: none;
}
 
.notify-benefit-icon  svg {
  width: 18px;
  height: 18px;
}
 
.notify-updates-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(94, 42, 34, 0.12), 0 4px 16px rgba(94, 42, 34, 0.06);
}
 
.notify-card-icon::after {
  inset: -8px;
  content: "";
  z-index: -1;
  position: absolute;
  animation: notify-pulse 3s ease-in-out infinite;
  background: radial-gradient(circle, rgba(226, 122, 27, 0.15) 0%, transparent 70%);
  border-radius: var(--border-radius-full);
}
 

 
.notify-card-btn::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s ease;
}
 
.notify-card-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(226, 122, 27, 0.35);
}
 
.notify-card-btn:hover::before {
  left: 100%;
}
 
.notify-card-btn:active {
  transform: translateY(0);
}
 
.contact-hero-section {
  display: flex;
  padding: var(--spacing-4xl) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #2c1810 0%, #4a3428 100%);
  min-height: 90vh;
  align-items: center;
}
 
.contact-hero-container {
  gap: var(--spacing-3xl);
  margin: 0 auto;
  display: grid;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
  align-items: center;
  grid-template-columns: 45% 55%;
}
 
.contact-hero-content {
  padding-right: var(--spacing-xl);
}
 
.contact-hero-image-wrapper {
  height: 600px;
  position: relative;
}
 
.contact-hero-title {
  color: #f5f0e8;
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-family: "Playfair Display", var(--font-family-heading);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.02em;
}
 
.contact-hero-subtitle {
  color: #d4c4b0;
  font-size: var(--font-size-lg);
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: var(--spacing-xl);
}
 
.contact-hero-disclaimer {
  color: #a89885;
  padding: var(--spacing-md);
  font-size: var(--font-size-sm);
  background: rgba(212, 175, 55, 0.05);
  font-style: italic;
  border-left: 2px solid #d4af37;
  line-height: 1.6;
  border-radius: var(--border-radius-sm);
}
 
.contact-hero-image {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  object-fit: cover;
  border-radius: 24px;
}
 
.contact-hero-image-glow {
  top: 10%;
  left: -10%;
  width: 120%;
  filter: blur(80px);
  height: 120%;
  z-index: 1;
  position: absolute;
  animation: pulse-glow 4s ease-in-out infinite;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.2) 0%, transparent 70%);
  border-radius: 50%;
}
 
.contact-methods-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  position: relative;
  background: #1a0f08;
}
 
.contact-methods-container {
  gap: var(--spacing-xl);
  margin: 0 auto;
  display: grid;
  max-width: var(--content-max-width);
  grid-template-columns: repeat(2, 1fr);
}
 
.contact-method-card {
  gap: var(--spacing-lg);
  border: 2px solid transparent;
  display: flex;
  padding: var(--spacing-2xl);
  overflow: hidden;
  position: relative;
  background: #f5f0e8;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  align-items: flex-start;
  border-radius: 16px;
  text-decoration: none;
}
 
.contact-method-icon {
  color: #2c1810;
  width: 56px;
  height: 56px;
  display: flex;
  z-index: 2;
  position: relative;
  background: linear-gradient(135deg, #d4af37 0%, #b8962f 100%);
  transition: transform 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  justify-content: center;
}
 
.contact-method-content {
  flex: 1;
  z-index: 2;
  position: relative;
}
 
.contact-method-arrow {
  color: #d4af37;
  z-index: 2;
  position: relative;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
 
.contact-method-title {
  color: #2c1810;
  font-size: var(--font-size-xl);
  font-family: "Playfair Display", var(--font-family-heading);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}
 
.contact-method-text {
  color: #4a3428;
  font-size: var(--font-size-base);
  line-height: 1.6;
}
 
.contact-form-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  position: relative;
  background: #3d2817;
}
 
.contact-form-container {
  margin: 0 auto;
  max-width: 800px;
}
 
.contact-form-title {
  color: #f5f0e8;
  font-size: var(--font-size-3xl);
  text-align: center;
  font-family: "Playfair Display", var(--font-family-heading);
  font-weight: 600;
  margin-bottom: var(--spacing-3xl);
  letter-spacing: -0.01em;
}
 
.contact-form {
  gap: var(--spacing-xl);
  display: flex;
  flex-direction: column;
}
 
.form-group {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.form-submit-btn {
  gap: var(--spacing-sm);
  color: #f5f0e8;
  border: 2px solid #d4af37;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-2xl);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-lg);
  align-self: center;
  background: #2c1810;
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 600;
  border-radius: 50px;
  justify-content: center;
}
 
.form-label {
  color: #d4c4b0;
  font-size: var(--font-size-base);
  font-weight: 500;
  letter-spacing: 0.02em;
}
 
.form-input {
  color: #2c1810;
  width: 100%;
  border: 2px solid transparent;
  outline: none;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: #f5f0e8;
  transition: all 0.3s ease;
  font-family: "Inter", var(--font-family-body);
  border-radius: 12px;
}
 
.form-select {
  color: #2c1810;
  width: 100%;
  border: 2px solid transparent;
  cursor: pointer;
  outline: none;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  appearance: none;
  background: #f5f0e8;
  transition: all 0.3s ease;
  font-family: "Inter", var(--font-family-body);
  border-radius: 12px;
  padding-right: 3rem;
  background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232C1810' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
}
 
.form-textarea {
  color: #2c1810;
  width: 100%;
  border: 2px solid transparent;
  resize: vertical;
  outline: none;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: #f5f0e8;
  min-height: 150px;
  transition: all 0.3s ease;
  font-family: "Inter", var(--font-family-body);
  border-radius: 12px;
}
 
.community-section {
  padding: var(--spacing-4xl) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: #2c1810;
}
 
.community-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 900px;
}
 
.community-content {
  gap: var(--spacing-xl);
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
}
 
.community-stat {
  color: #d4af37;
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-family: "Playfair Display", var(--font-family-heading);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
 
.community-text {
  color: #f5f0e8;
  font-size: var(--font-size-xl);
  max-width: 600px;
  line-height: 1.6;
}
 
.community-social {
  gap: var(--spacing-lg);
  display: flex;
  margin-top: var(--spacing-md);
}
 
.newsletter-signup {
  width: 100%;
  max-width: 600px;
  margin-top: var(--spacing-xl);
}
 
.social-icon-link {
  color: #d4af37;
  width: 60px;
  border: 2px solid #d4af37;
  height: 60px;
  display: flex;
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  text-decoration: none;
}
 
.newsletter-label {
  color: #d4c4b0;
  display: block;
  font-size: var(--font-size-lg);
  font-weight: 500;
  margin-bottom: var(--spacing-md);
}
 
.newsletter-form {
  gap: var(--spacing-md);
  display: flex;
  align-items: stretch;
}
 
.newsletter-input {
  flex: 1;
  color: #2c1810;
  border: 2px solid transparent;
  outline: none;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: #f5f0e8;
  transition: all 0.3s ease;
  font-family: "Inter", var(--font-family-body);
  border-radius: 50px;
}
 
.newsletter-btn {
  color: #2c1810;
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: linear-gradient(135deg, #d4af37 0%, #b8962f 100%);
  transition: all 0.3s ease;
  font-weight: 600;
  white-space: nowrap;
  border-radius: 50px;
}
 
.contact-footer {
  padding: var(--spacing-2xl) var(--spacing-xl);
  background: #1a0f08;
  border-top: 1px solid rgba(212, 175, 55, 0.2);
}
 
.footer-container {
  gap: var(--spacing-lg);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  max-width: var(--content-max-width);
  align-items: center;
  justify-content: space-between;
}
 
.page-footer-copyright {
  color: #a89885;
  font-size: var(--font-size-sm);
}
 
.footer-links {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
}
 
.page-footer-link {
  color: #d4c4b0;
  font-size: var(--font-size-sm);
  transition: color 0.3s ease;
  text-decoration: none;
}
 
.footer-separator {
  color: #4a3428;
}
 
.contact-hero-section::before {
  top: -50%;
  right: -20%;
  width: 600px;
  filter: blur(60px);
  height: 600px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);
  border-radius: 50%;
}
 
.contact-method-card::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, transparent 100%);
  transition: opacity 0.3s ease;
}
 
.contact-method-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(212, 175, 55, 0.3);
  border-color: #d4af37;
}
 
.contact-method-card:hover::before {
  opacity: 1;
}
 
.contact-method-card:hover .contact-method-icon {
  transform: scale(1.1) rotate(5deg);
}
 
.contact-method-card:hover .contact-method-arrow {
  transform: translateX(8px);
}
 
.contact-form-section::before {
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent 0%, #d4af37 50%, transparent 100%);
}
 
.form-input::placeholder {
  color: #8b7b6a;
}
 
.form-input:focus {
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
  border-color: #d4af37;
}
 
.form-textarea::placeholder {
  color: #8b7b6a;
}
 
.form-textarea:focus {
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
  border-color: #d4af37;
}
 
.form-select:focus {
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
  border-color: #d4af37;
}
 
.form-submit-btn::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);
  transition: left 0.5s ease;
}
 
.form-submit-btn:hover::before {
  left: 100%;
}
 
.form-submit-btn:hover {
  color: #2c1810;
  transform: translateY(-2px);
  background: #d4af37;
  box-shadow: 0 8px 30px rgba(212, 175, 55, 0.4);
}
 
.form-submit-btn  span {
  z-index: 2;
  position: relative;
}
 
.form-submit-btn  svg {
  z-index: 2;
  position: relative;
}
 
.community-section::before {
  left: -20%;
  width: 600px;
  bottom: -50%;
  filter: blur(80px);
  height: 600px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
  border-radius: 50%;
}
 
.social-icon-link:hover {
  color: #2c1810;
  transform: translateY(-5px) rotate(5deg);
  background: #d4af37;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);
}
 
.newsletter-input::placeholder {
  color: #8b7b6a;
}
 
.newsletter-input:focus {
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
  border-color: #d4af37;
}
 
.newsletter-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
}
 
.page-footer-link:hover {
  color: #d4af37;
}
 
.contact-page-container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: var(--color-surface);
}
 
.page1-contact-hero-section {
  width: 100%;
  display: flex;
  background: #59190f;
  padding-top: var(--contact-spacing-4xl);
  margin-bottom: var(--contact-spacing-4xl);
  padding-bottom: var(--contact-spacing-4xl);
  justify-content: center;
}
 
.contact-social-section {
  max-width: var(--content-max-width);
  margin-left: auto;
  padding-top: var(--contact-spacing-4xl);
  margin-right: auto;
  padding-left: var(--spacing-xl);
  margin-bottom: var(--contact-spacing-4xl);
  padding-right: var(--spacing-xl);
}
 
.contact-topics-section {
  max-width: var(--content-max-width);
  margin-left: auto;
  padding-top: contact-spacing-2xl;
  margin-right: auto;
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}
 
.contact-cta-section {
  padding: var(--contact-spacing-4xl) 0;
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-xl);
  margin-bottom: var(--contact-spacing-4xl);
  padding-right: var(--spacing-xl);
}
 
.page1-contact-hero-content {
  gap: var(--contact-spacing-2xl);
  width: 100%;
  display: flex;
  max-width: var(--content-max-width);
  align-items: center;
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}
 
.contact-section-title {
  color: var(--color-primary);
  margin: 0 0 var(--contact-spacing-sm) 0;
  font-size: 36px;
  text-align: center;
  font-family: var(--font-family-heading);
  font-weight: 600;
  padding-bottom: 40px;
}
 
.contact-section-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 0 var(--contact-spacing-xl) 0;
  font-size: 17px;
  text-align: center;
  line-height: 1.6;
}
 
.contact-social-grid {
  gap: var(--contact-spacing-md);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
 
.contact-topics-grid {
  gap: var(--contact-spacing-md);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
 
.contact-cta-container {
  padding: var(--contact-spacing-2xl) var(--contact-spacing-xl);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  text-align: center;
  border-radius: var(--contact-border-radius-xl);
}
 
.contact-hero-left {
  flex: 1;
  display: flex;
  max-width: 550px;
  flex-direction: column;
}
 
.contact-hero-right {
  flex: 1;
  max-width: 600px;
}
 
.contact-social-card {
  cursor: pointer;
  padding: var(--contact-spacing-lg);
  background: var(--color-on-primary);
  box-shadow: var(--shadow-level-1);
  transition: var(--contact-transition-base);
  border-radius: var(--contact-border-radius-lg);
}
 
.contact-topic-card {
  border: 1px solid var(--color-outline);
  cursor: pointer;
  padding: var(--contact-spacing-lg);
  background: var(--color-surface-elevated);
  transition: var(--contact-transition-base);
  border-radius: var(--contact-border-radius-lg);
}
 
.contact-cta-title {
  color: var(--contact-color-white);
  margin: 0 0 var(--contact-spacing-sm) 0;
  font-size: 32px;
  font-family: var(--font-family-heading);
  font-weight: 600;
}
 
.contact-cta-subtitle {
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 var(--contact-spacing-lg) 0;
  font-size: 17px;
  line-height: 1.6;
}
 
.contact-cta-buttons {
  gap: var(--contact-spacing-sm);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
 
.page1-contact-hero-title {
  color: var(--color-on-primary);
  margin: 0 0 var(--contact-spacing-md) 0;
  font-size: 48px;
  font-family: var(--font-family-heading);
  font-weight: 600;
  line-height: 1.2;
}
 
.contact-hero-subtext {
  color: var(--color-on-primary);
  margin: 0 0 var(--contact-spacing-md) 0;
  opacity: 0.9;
  font-size: 18px;
  line-height: 1.7;
}
 
.contact-hero-support {
  color: var(--color-on-primary);
  margin: 0 0 var(--contact-spacing-lg) 0;
  opacity: 0.8;
  font-size: 16px;
}
 
.contact-hero-note {
  color: var(--color-on-primary);
  margin: 0 0 var(--contact-spacing-lg) 0;
  padding: var(--contact-spacing-sm);
  font-size: 14px;
  background: var(--color-backplate);
  line-height: 1.6;
  border-radius: var(--contact-border-radius-sm);
}
 
.contact-hero-actions {
  gap: var(--contact-spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.page1-contact-hero-image-wrapper {
  overflow: hidden;
  aspect-ratio: 1/1;
}
 
.contact-social-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  margin-bottom: var(--contact-spacing-sm);
  justify-content: center;
}
 
.contact-social-instagram {
  color: var(--contact-color-instagram);
}
 
.contact-social-name {
  color: var(--contact-color-text-primary);
  margin: var(--contact-spacing-sm) 0 8px 0;
  font-size: 22px;
  font-weight: 600;
}
 
.contact-social-description {
  color: var(--contact-color-text-muted);
  margin: 0 0 var(--contact-spacing-md) 0;
  font-size: 15px;
  line-height: 1.6;
}
 
.contact-social-link {
  gap: 6px;
  color: var(--color-secondary);
  display: inline-flex;
  font-size: 15px;
  transition: var(--contact-transition-base);
  align-items: center;
  font-weight: 500;
  text-decoration: none;
}
 
.contact-social-youtube {
  color: var(--contact-color-youtube);
}
 
.contact-social-facebook {
  color: var(--contact-color-facebook);
}
 
.contact-social-twitter {
  color: var(--contact-color-twitter);
}
 
.contact-topic-icon {
  color: var(--color-secondary);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  margin-bottom: var(--contact-spacing-md);
  justify-content: center;
}
 
.contact-topic-title {
  color: var(--contact-color-text-primary);
  margin: var(--contact-spacing-md) 0 var(--contact-border-radius-sm) 0;
  font-size: 20px;
  font-weight: 600;
}
 
.contact-topic-description {
  color: var(--contact-color-text-muted);
  margin: 0 0 var(--contact-spacing-md) 0;
  font-size: 15px;
  line-height: 1.6;
}
 
.contact-topic-link {
  gap: 6px;
  color: var(--color-secondary);
  display: inline-flex;
  font-size: 14px;
  transition: var(--contact-transition-base);
  align-items: center;
  font-weight: 500;
  text-decoration: none;
}
 
.contact-cta-btn {
  cursor: pointer;
  display: inline-flex;
  padding: 16px 32px;
  font-size: 16px;
  min-height: 44px;
  transition: var(--contact-transition-base);
  align-items: center;
  font-weight: 600;
  border-radius: var(--contact-border-radius-sm);
  justify-content: center;
  text-decoration: none;
}
 
.contact-cta-btn-primary {
  color: var(--color-primary);
  background: var(--color-surface);
}
 
.contact-cta-btn-secondary {
  color: var(--color-on-primary);
  border: 2px solid var(--color-on-primary);
  background: transparent;
}
 
.contact-action-card {
  gap: var(--contact-spacing-md);
  cursor: pointer;
  display: flex;
  padding: var(--contact-spacing-md);
  background: var(--contact-color-white);
  transition: var(--contact-transition-base);
  align-items: center;
  border-radius: var(--contact-border-radius-md);
  text-decoration: none;
}
 
.contact-action-whatsapp {
  border: 2px solid var(--color-secondary);
}
 
.contact-action-email {
  border: 1px solid var(--color-outline);
}
 
.page1-contact-hero-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
 
.contact-action-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.contact-action-content {
  flex: 1;
}
 
.contact-action-arrow {
  color: var(--contact-color-text-muted);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.contact-action-title {
  color: var(--contact-color-text-primary);
  margin: 0 0 4px 0;
  font-size: 20px;
  font-weight: 600;
}
 
.contact-action-text {
  color: var(--contact-color-text-muted);
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}
 
.contact-action-whatsapp:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(37, 211, 102, 0.2);
  border-color: var(--contact-color-whatsapp);
}
 
.contact-action-whatsapp  .contact-action-icon {
  color: var(--contact-color-whatsapp);
}
 
.contact-action-email:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(90, 155, 142, 0.2);
  border-color: var(--contact-color-primary);
}
 
.contact-action-email  .contact-action-icon {
  color: var(--contact-color-primary);
}
 
.contact-social-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
 
.contact-social-link:hover {
  gap: 10px;
  color: var(--contact-color-secondary);
}
 
.contact-topic-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(90, 155, 142, 0.15);
  border-color: var(--contact-color-primary);
}
 
.contact-topic-link:hover {
  gap: 10px;
  color: var(--contact-color-secondary);
}
 
.contact-cta-btn-primary:hover {
  transform: translateY(-2px);
  background: var(--contact-color-bg-light);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
 
.contact-cta-btn-secondary:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.1);
}
 
.nirvana-nav-mobile-menu.thq-show-menu-mobile {
  display: flex;
}
 
.courses---workshops-nirvana-nav-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  position: fixed;
  background: var(--color-primary);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
}
 
.courses---workshops-nirvana-nav-container {
  margin: 0 auto;
  display: flex;
  padding: var(--spacing-lg) var(--spacing-xl);
  position: relative;
  max-width: var(--content-max-width);
  align-items: center;
  justify-content: space-between;
}
 
.courses---workshops-nirvana-nav-mobile-menu {
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  opacity: 0;
  z-index: 9999;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  overflow-y: auto;
  transition: all 0.3s ease;
  visibility: hidden;
  backdrop-filter: blur(8px);
}
 
.courses---workshops-nirvana-nav-logo-section {
  display: flex;
  z-index: 10;
  align-items: center;
}
 
.courses---workshops-nirvana-nav-links-desktop {
  gap: var(--spacing-xl);
  left: 50%;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
  align-items: center;
}
 
.courses---workshops-nirvana-nav-cta-desktop {
  display: flex;
  margin-left: auto;
}
 
.courses---workshops-nirvana-nav-mobile-controls {
  gap: var(--spacing-md);
  display: none;
  align-items: center;
  margin-left: auto;
}
 
.courses---workshops-nirvana-nav-mobile-menu-content {
  width: 100%;
  display: flex;
  padding: var(--spacing-xl);
  position: relative;
  transform: translateX(-100%);
  background: var(--color-primary);
  min-height: 100%;
  transition: transform 0.3s ease;
  flex-direction: column;
}
 
.courses---workshops-nirvana-nav-logo-link {
  display: flex;
  transition: transform 0.3s ease;
  align-items: center;
  text-decoration: none;
}
 
.courses---workshops-nirvana-nav-link {
  color: var(--color-on-primary);
  padding: var(--spacing-sm) var(--spacing-md);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
  text-decoration: none;
}
 
.courses---workshops-nirvana-nav-cta-btn {
  gap: var(--spacing-sm);
  color: var(--color-on-primary);
  display: flex;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 12px rgba(226, 122, 27, 0.3);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  text-decoration: none;
}
 
.courses---workshops-nirvana-nav-cta-mobile {
  gap: var(--spacing-xs);
  color: var(--color-on-primary);
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: var(--gradient_btn_1);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  text-decoration: none;
}
 
.courses---workshops-nirvana-nav-hamburger {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm);
  background: transparent;
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.courses---workshops-nirvana-nav-mobile-header {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-3xl);
  justify-content: space-between;
}
 
.courses---workshops-nirvana-nav-mobile-links {
  gap: var(--spacing-xs);
  display: flex;
  margin-bottom: auto;
  flex-direction: column;
}
 
.courses---workshops-nirvana-nav-mobile-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-xl);
}
 
.courses---workshops-nirvana-nav-logo-image {
  width: auto;
  height: 48px;
  object-fit: contain;
}
 
.courses---workshops-nirvana-nav-btn-icon {
  display: block;
  flex-shrink: 0;
}
 
.courses---workshops-nirvana-nav-hamburger-icon {
  display: block;
}
 
.courses---workshops-nirvana-nav-mobile-logo {
  display: flex;
  align-items: center;
}
 
.courses---workshops-nirvana-nav-close-btn {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm);
  background: transparent;
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.courses---workshops-nirvana-nav-mobile-link {
  color: var(--color-on-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  font-size: var(--font-size-xl);
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.nirvana-nav-mobile-footer-heading {
  color: var(--color-on-primary);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.nirvana-nav-mobile-footer-buttons {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.courses---workshops-nirvana-nav-close-icon {
  display: block;
}
 
.nirvana-nav-app-store-btn {
  display: block;
  transition: transform 0.3s ease;
}
 
.courses---workshops-nirvana-nav-logo-link:hover {
  transform: scale(1.05);
}
 
.courses---workshops-nirvana-nav-link::before {
  left: 50%;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: var(--color-secondary);
  transition: width 0.3s ease;
}
 
.courses---workshops-nirvana-nav-link:hover {
  color: var(--color-secondary);
}
 
.courses---workshops-nirvana-nav-link:hover::before {
  width: 80%;
}
 
.courses---workshops-nirvana-nav-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(226, 122, 27, 0.4);
}
 
.courses---workshops-nirvana-nav-hamburger:hover {
  background: rgba(255, 255, 255, 0.1);
}
 
.courses---workshops-nirvana-nav-mobile-menu.active {
  opacity: 1;
  visibility: visible;
}
 
.courses---workshops-nirvana-nav-mobile-menu.active .nirvana-nav-mobile-menu-content {
  transform: translateX(0);
}
 
.courses---workshops-nirvana-nav-close-btn:hover {
  transform: rotate(90deg);
  background: rgba(255, 255, 255, 0.1);
}
 
.courses---workshops-nirvana-nav-mobile-link:hover {
  background: rgba(255, 255, 255, 0.1);
  padding-left: var(--spacing-lg);
  border-left-color: var(--color-secondary);
}
 
.nirvana-nav-app-store-btn:hover {
  transform: scale(1.05);
}
 
.nirvana-nav-app-store-btn  img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-md);
}
 

 
.home-nirvana-nav-wrapper2 {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  position: fixed;
  background: #59190f;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
 
.home-nirvana-nav-container2 {
  gap: var(--spacing-xl);
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: var(--spacing-md) var(--spacing-xl);
  position: relative;
  max-width: var(--content-max-width);
  align-items: center;
  justify-content: space-between;
}
 
.home-nirvana-nav-mobile-menu2 {
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: 999;
  position: fixed;
  max-width: 400px;
  transform: translateX(100%);
  background: var(--color-primary);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
  visibility: hidden;
}
 
.home-nirvana-nav-logo-section2 {
  width: auto;
  display: flex;
  z-index: 10;
  align-items: center;
}
 
.home-nirvana-nav-links-desktop2 {
  gap: var(--spacing-2xl);
  left: 50%;
  display: flex;
  z-index: 5;
  position: absolute;
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
}
 
.home-nirvana-nav-mobile-controls2 {
  gap: var(--spacing-md);
  display: none;
  z-index: 10;
  align-items: center;
}
 
.home-nirvana-nav-mobile-menu-content2 {
  gap: var(--spacing-2xl);
  display: flex;
  padding: var(--spacing-xl);
  position: relative;
  min-height: 100vh;
  flex-direction: column;
}
 
.home-nirvana-nav-link2 {
  color: #e8e0d5;
  display: block;
  padding: 0.5rem 0;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-heading);
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: none;
}
 
.home-nirvana-nav-cta-desktop2 {
  display: inline-flex;
  z-index: 10;
  margin-left: auto;
}
 
.home-nirvana-nav-cta-mobile2 {
  display: none;
}
 
.home-nirvana-nav-hamburger2 {
  color: #c9a961;
  border: 2px solid rgba(201, 169, 97, 0.3);
  cursor: pointer;
  display: flex;
  padding: 0.5rem;
  background: rgba(201, 169, 97, 0.1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.home-nirvana-nav-mobile-header2 {
  display: flex;
  align-items: center;
  padding-bottom: var(--spacing-lg);
  justify-content: space-between;
}
 
.home-nirvana-nav-mobile-links2 {
  gap: var(--spacing-sm);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.home-nirvana-nav-mobile-footer2 {
  padding-top: var(--spacing-lg);
  border-bottom: 1px solid rgba(212, 165, 116, 0.2);
  padding-bottom: var(--spacing-lg);
}
 
.home-nirvana-nav-cta-btn2 {
  gap: 0.5rem;
  color: #1a1410;
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: 0.75rem 1.75rem;
  z-index: 10;
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(180deg, #ead8b1 0%, #fff7e8 18%, #fff7e8 82%, #ead8b1 100%);
  box-shadow: 0 4px 16px rgba(201, 169, 97, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: 600;
  border-radius: var(--border-radius-full);
  background-size: 200% 100%;
  text-decoration: none;
}
 
.home-nirvana-nav-hamburger-icon2 {
  display: block;
}
 
.home-nirvana-nav-mobile-logo2 {
  display: flex;
  transition: opacity 0.3s ease;
  align-items: center;
  text-decoration: none;
}
 
.home-nirvana-nav-mobile-link2 {
  color: #e8e0d5;
  display: block;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-xl);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-left: 4px solid transparent;
  font-family: var(--font-family-heading);
  font-weight: 600;
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.nav-download-heading {
  color: #f5f1ea;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.nav-download-buttons {
  gap: var(--spacing-sm);
  width: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: row;
}
 
.home-nirvana-nav-btn-icon2 {
  z-index: 1;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
 
.home-nirvana-nav-close-icon2 {
  display: block;
}
 
.nav-download-link {
  flex: 1 1 auto;
  display: flex;
  min-width: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
 
.home-nirvana-nav-link2::before {
  left: 50%;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #c9a961, transparent);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.home-nirvana-nav-link2:hover {
  color: #c9a961;
  text-shadow: 0 0 20px rgba(201, 169, 97, 0.3);
}
 
.home-nirvana-nav-link2:hover::before {
  width: 100%;
}
 
.home-nirvana-nav-link2:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.home-nirvana-nav-cta-btn2::before {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.3);
  transition: width 0.6s, height 0.6s;
  border-radius: 50%;
}
 
.home-nirvana-nav-cta-btn2:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(201, 169, 97, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.2);
  background-position: 100% 0;
}
 
.home-nirvana-nav-cta-btn2:hover::before {
  width: 300px;
  height: 300px;
}
 
.home-nirvana-nav-cta-btn2:active {
  transform: translateY(0);
}
 
.home-nirvana-nav-cta-btn2:hover .nirvana-nav-btn-icon {
  transform: translateY(2px);
}
 
.home-nirvana-nav-cta-btn2:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.home-nirvana-nav-hamburger2:hover {
  transform: scale(1.05);
  background: rgba(201, 169, 97, 0.2);
  box-shadow: 0 4px 12px rgba(201, 169, 97, 0.3);
  border-color: #c9a961;
}
 
.home-nirvana-nav-hamburger2:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.home-nirvana-nav-mobile-menu2.active {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}
 
.home-nirvana-nav-mobile-logo2:hover {
  opacity: 0.85;
}
 
.home-nirvana-nav-mobile-link2::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.1), transparent);
  transition: left 0.5s ease;
}
 
.home-nirvana-nav-mobile-link2:hover {
  color: #e0b882;
  background: rgba(212, 165, 116, 0.08);
  padding-left: var(--spacing-xl);
}
 
.home-nirvana-nav-mobile-link2:hover::before {
  left: 100%;
}
 
.home-nirvana-nav-mobile-link2:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.nav-download-link:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
 
.nav-download-link  img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  object-fit: contain;
}
 

 
.home-nirvana-nav-wrapper3 {
  top: 0;
  width: 100%;
  z-index: 1000;
  position: sticky;
  background: #59190f;
  box-sizing: border-box;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
 
.home-nirvana-nav-container3 {
  gap: var(--spacing-xl);
  margin: 0 auto;
  display: flex;
  padding: var(--spacing-md) var(--spacing-xl);
  position: relative;
  max-width: var(--content-max-width);
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}
 
.home-nirvana-nav-mobile-menu3 {
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: 999;
  position: fixed;
  max-width: 400px;
  transform: translateX(100%);
  background: var(--color-primary);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
  visibility: hidden;
}
 
.home-nirvana-nav-logo-section3 {
  width: auto;
  display: flex;
  z-index: 10;
  align-items: center;
}
 
.home-nirvana-nav-links-desktop3 {
  gap: var(--spacing-xl);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.home-nirvana-nav-mobile-controls3 {
  gap: var(--spacing-md);
  display: none;
  z-index: 10;
  align-items: center;
}
 
.home-nirvana-nav-mobile-menu-content3 {
  gap: var(--spacing-2xl);
  display: flex;
  padding: var(--spacing-xl);
  position: relative;
  min-height: 100vh;
  flex-direction: column;
}
 
.home-nirvana-nav-link3 {
  color: #e8e0d5;
  display: block;
  padding: 0.5rem 0;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-heading);
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: none;
}
 
.home-nirvana-nav-cta-desktop3 {
  display: inline-flex;
  z-index: 10;
  margin-left: auto;
}
 
.home-nirvana-nav-cta-mobile3 {
  display: none;
}
 
.home-nirvana-nav-hamburger3 {
  color: #c9a961;
  border: 2px solid rgba(201, 169, 97, 0.3);
  cursor: pointer;
  display: flex;
  padding: 0.5rem;
  background: rgba(201, 169, 97, 0.1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.home-nirvana-nav-mobile-header3 {
  display: flex;
  align-items: center;
  padding-bottom: var(--spacing-lg);
  justify-content: space-between;
}
 
.home-nirvana-nav-mobile-links3 {
  gap: var(--spacing-sm);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.home-nirvana-nav-mobile-footer3 {
  padding-top: var(--spacing-lg);
  border-bottom: 1px solid rgba(212, 165, 116, 0.2);
  padding-bottom: var(--spacing-lg);
}
 
.home-nirvana-nav-cta-btn3 {
  gap: 0.5rem;
  color: #1a1410;
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: 0.75rem 1.75rem;
  z-index: 10;
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(180deg, #ead8b1 0%, #fff7e8 18%, #fff7e8 82%, #ead8b1 100%);
  box-shadow: 0 4px 16px rgba(201, 169, 97, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: 600;
  border-radius: var(--border-radius-sm);
  background-size: 200% 100%;
  text-decoration: none;
}
 
.home-nirvana-nav-hamburger-icon3 {
  display: block;
}
 
.home-nirvana-nav-mobile-logo3 {
  display: flex;
  transition: opacity 0.3s ease;
  align-items: center;
  text-decoration: none;
}
 
.home-nirvana-nav-mobile-link3 {
  color: #e8e0d5;
  display: block;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-xl);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-left: 4px solid transparent;
  font-family: var(--font-family-heading);
  font-weight: 600;
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.home-nirvana-nav-btn-icon3 {
  z-index: 1;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
 
.home-nirvana-nav-close-icon3 {
  display: block;
}
 
.home-nirvana-nav-link3::before {
  left: 50%;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #c9a961, transparent);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.home-nirvana-nav-link3:hover {
  color: #c9a961;
  text-shadow: 0 0 20px rgba(201, 169, 97, 0.3);
}
 
.home-nirvana-nav-link3:hover::before {
  width: 100%;
}
 
.home-nirvana-nav-link3:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.home-nirvana-nav-cta-btn3::before {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.3);
  transition: width 0.6s, height 0.6s;
  border-radius: 50%;
}
 
.home-nirvana-nav-cta-btn3:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(201, 169, 97, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.2);
  background-position: 100% 0;
}
 
.home-nirvana-nav-cta-btn3:hover::before {
  width: 300px;
  height: 300px;
}
 
.home-nirvana-nav-cta-btn3:active {
  transform: translateY(0);
}
 
.home-nirvana-nav-cta-btn3:hover .nirvana-nav-btn-icon {
  transform: translateY(2px);
}
 
.home-nirvana-nav-cta-btn3:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.home-nirvana-nav-hamburger3:hover {
  transform: scale(1.05);
  background: rgba(201, 169, 97, 0.2);
  box-shadow: 0 4px 12px rgba(201, 169, 97, 0.3);
  border-color: #c9a961;
}
 
.home-nirvana-nav-hamburger3:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.home-nirvana-nav-mobile-menu3.active {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}
 
.home-nirvana-nav-mobile-logo3:hover {
  opacity: 0.85;
}
 
.home-nirvana-nav-mobile-link3::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.1), transparent);
  transition: left 0.5s ease;
}
 
.home-nirvana-nav-mobile-link3:hover {
  color: #e0b882;
  background: rgba(212, 165, 116, 0.08);
  padding-left: var(--spacing-xl);
}
 
.home-nirvana-nav-mobile-link3:hover::before {
  left: 100%;
}
 
.home-nirvana-nav-mobile-link3:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 

 
.navigationheader_new-nirvana-nav-wrapper {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  position: relative;
  background: #59190f;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
 
.navigationheader_new-nirvana-nav-container {
  gap: var(--spacing-xl);
  margin: 0 auto;
  display: flex;
  padding: var(--spacing-md) var(--spacing-xl);
  position: relative;
  max-width: var(--content-max-width);
  align-items: center;
  justify-content: space-between;
}
 
.navigationheader_new-nirvana-nav-mobile-menu {
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: 999;
  position: fixed;
  max-width: 400px;
  transform: translateX(100%);
  background: var(--color-primary);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
  visibility: hidden;
}
 
.navigationheader_new-nirvana-nav-logo-section {
  width: auto;
  display: flex;
  z-index: 10;
  align-items: center;
}
 
.navigationheader_new-nirvana-nav-links-desktop {
  gap: var(--spacing-2xl);
  left: 50%;
  display: flex;
  z-index: 5;
  position: absolute;
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
}
 
.navigationheader_new-nirvana-nav-mobile-controls {
  gap: var(--spacing-md);
  display: none;
  z-index: 10;
  align-items: center;
}
 
.navigationheader_new-nirvana-nav-mobile-menu-content {
  gap: var(--spacing-2xl);
  display: flex;
  padding: var(--spacing-xl);
  position: relative;
  min-height: 100vh;
  flex-direction: column;
}
 
.navigationheader_new-nirvana-nav-link {
  color: #e8e0d5;
  display: block;
  padding: 0.5rem 0;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-heading);
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: none;
}
 
.navigationheader_new-nirvana-nav-cta-desktop {
  display: inline-flex;
  z-index: 10;
  margin-left: auto;
}
 
.navigationheader_new-nirvana-nav-cta-mobile {
  display: none;
}
 
.navigationheader_new-nirvana-nav-hamburger {
  color: #c9a961;
  border: 2px solid rgba(201, 169, 97, 0.3);
  cursor: pointer;
  display: flex;
  padding: 0.5rem;
  background: rgba(201, 169, 97, 0.1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.navigationheader_new-nirvana-nav-mobile-header {
  display: flex;
  align-items: center;
  padding-bottom: var(--spacing-lg);
  justify-content: space-between;
}
 
.navigationheader_new-nirvana-nav-mobile-links {
  gap: var(--spacing-sm);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.navigationheader_new-nirvana-nav-mobile-footer {
  padding-top: var(--spacing-lg);
  border-bottom: 1px solid rgba(212, 165, 116, 0.2);
  padding-bottom: var(--spacing-lg);
}
 
.navigationheader_new-nirvana-nav-cta-btn {
  gap: 0.5rem;
  color: #1a1410;
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: 0.75rem 1.75rem;
  z-index: 10;
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(180deg, #ead8b1 0%, #fff7e8 18%, #fff7e8 82%, #ead8b1 100%);
  box-shadow: 0 4px 16px rgba(201, 169, 97, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: 600;
  border-radius: var(--border-radius-full);
  background-size: 200% 100%;
  text-decoration: none;
}
 
.navigationheader_new-nirvana-nav-hamburger-icon {
  display: block;
}
 
.navigationheader_new-nirvana-nav-mobile-logo {
  display: flex;
  transition: opacity 0.3s ease;
  align-items: center;
  text-decoration: none;
}
 
.navigationheader_new-nirvana-nav-mobile-link {
  color: #e8e0d5;
  display: block;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-xl);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-left: 4px solid transparent;
  font-family: var(--font-family-heading);
  font-weight: 600;
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.navigationheader_new-nirvana-nav-btn-icon {
  z-index: 1;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
 
.navigationheader_new-nirvana-nav-close-icon {
  display: block;
}
 
.navigationheader_new-nirvana-nav-link::before {
  left: 50%;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, #c9a961, transparent);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.navigationheader_new-nirvana-nav-link:hover {
  color: #c9a961;
  text-shadow: 0 0 20px rgba(201, 169, 97, 0.3);
}
 
.navigationheader_new-nirvana-nav-link:hover::before {
  width: 100%;
}
 
.navigationheader_new-nirvana-nav-link:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.navigationheader_new-nirvana-nav-cta-btn::before {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.3);
  transition: width 0.6s, height 0.6s;
  border-radius: 50%;
}
 
.navigationheader_new-nirvana-nav-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(201, 169, 97, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.2);
  background-position: 100% 0;
}
 
.navigationheader_new-nirvana-nav-cta-btn:hover::before {
  width: 300px;
  height: 300px;
}
 
.navigationheader_new-nirvana-nav-cta-btn:active {
  transform: translateY(0);
}
 
.navigationheader_new-nirvana-nav-cta-btn:hover .nirvana-nav-btn-icon {
  transform: translateY(2px);
}
 
.navigationheader_new-nirvana-nav-cta-btn:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.navigationheader_new-nirvana-nav-hamburger:hover {
  transform: scale(1.05);
  background: rgba(201, 169, 97, 0.2);
  box-shadow: 0 4px 12px rgba(201, 169, 97, 0.3);
  border-color: #c9a961;
}
 
.navigationheader_new-nirvana-nav-hamburger:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 
.navigationheader_new-nirvana-nav-mobile-menu.active {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}
 
.navigationheader_new-nirvana-nav-mobile-logo:hover {
  opacity: 0.85;
}
 
.navigationheader_new-nirvana-nav-mobile-link::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.1), transparent);
  transition: left 0.5s ease;
}
 
.navigationheader_new-nirvana-nav-mobile-link:hover {
  color: #e0b882;
  background: rgba(212, 165, 116, 0.08);
  padding-left: var(--spacing-xl);
}
 
.navigationheader_new-nirvana-nav-mobile-link:hover::before {
  left: 100%;
}
 
.navigationheader_new-nirvana-nav-mobile-link:focus {
  outline: 2px solid #c9a961;
  outline-offset: 4px;
}
 

 
.nirvana-header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  position: sticky;
  background: #59190f;
  border-bottom: var(--divider-value);
}
 
.nirvana-header-container {
  gap: var(--spacing-xl);
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: 14px 24px;
  position: relative;
  max-width: 1200px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}
 
.nirvana-header-mobile-menu {
  top: 0;
  right: -100%;
  width: 85%;
  height: 100vh;
  display: flex;
  padding: var(--spacing-xl);
  z-index: 1000;
  position: fixed;
  max-width: 100%;
  background: #59190f;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
  overflow-y: auto;
  transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  flex-direction: column;
}
 
.nirvana-header-logo {
  display: flex;
  transition: transform 0.3s ease, opacity 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}
 
.nirvana-header-nav-desktop {
  gap: var(--spacing-xl);
  flex: 1;
  margin: 0 var(--spacing-2xl);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.nirvana-header-cta-desktop {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
 
.nirvana-header-mobile-toggle {
  color: #ffffff;
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: none;
  padding: 0;
  min-width: 44px;
  background: transparent;
  min-height: 44px;
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.nirvana-header-mobile-menu-header {
  display: flex;
  align-items: center;
  border-bottom: var(--divider-value);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-md);
  justify-content: space-between;
}
 
.nirvana-header-mobile-nav {
  gap: var(--spacing-xs);
  display: flex;
  margin-bottom: var(--spacing-2xl);
  flex-direction: column;
}
 
.nirvana-header-mobile-cta {
  border-top: var(--divider-value);
  margin-top: auto;
  padding-top: var(--spacing-xl);
}
 
.nirvana-header-logo-image {
  width: auto;
  height: 48px;
  display: block;
}
 
.nirvana-header-nav-link {
  color: #ffffff;
  padding: var(--spacing-xs) var(--spacing-md);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.nirvana-header-cta-button {
  gap: var(--spacing-sm);
  color: var(--color-primary);
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  animation: pulse 2s infinite;
  font-size: var(--font-size-base);
  background: linear-gradient(180deg,#ead8b1,#fff7e8 18%,#fff7e8 82%,#ead8b1);
  box-shadow: 0 4px 12px rgba(234, 216, 177, 0.4);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  text-decoration: none;
}
 
.nirvana-header-cta-button:hover {
  box-shadow: 0 6px 20px rgba(234, 216, 177, 0.6);
}
 
.nirvana-header-hamburger-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.nirvana-header-mobile-logo {
  width: auto;
  height: 40px;
}
 
.nirvana-header-mobile-close {
  color: #ffffff;
  width: 40px;
  border: none;
  cursor: pointer;
  height: 40px;
  display: flex;
  padding: 0;
  background: transparent;
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.nirvana-header-mobile-link {
  color: #ffffff;
  padding: var(--spacing-md) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-lg);
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.nirvana-header-mobile-cta-button {
  gap: var(--spacing-xs);
  color: var(--color-on-primary);
  width: 100%;
  display: inline-flex;
  padding: var(--spacing-sm) var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 16px rgba(226, 122, 27, 0.25);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-full);
  justify-content: center;
  text-decoration: none;
}
 
.nirvana-header-cta-icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}
 
.nirvana-header-logo:hover {
  opacity: 0.9;
  transform: scale(1.05);
}
 
.nirvana-header-nav-link::before {
  left: 50%;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: var(--gradient_btn_1);
  transition: width 0.3s ease;
}
 
.nirvana-header-nav-link:hover {
  color: var(--color-primary);
  background: color-mix(in oklab, var(--color-primary) 5%, transparent);
}
 
.nirvana-header-nav-link:hover::before {
  width: 80%;
}
 
.nirvana-header-cta-button::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  transition: left 0.5s ease;
}
 
.nirvana-header-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(234, 216, 177, 0.6);
}
 
.nirvana-header-cta-button:hover::before {
  left: 100%;
}
 
.nirvana-header-cta-button:active {
  transform: translateY(0);
}
 
.nirvana-header-mobile-toggle:hover {
  background: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
 
.nirvana-header-mobile-toggle:active {
  transform: scale(0.95);
}
 
.nirvana-header-mobile-menu.active {
  right: 0;
}
 
.nirvana-header-mobile-close:hover {
  transform: rotate(90deg);
  background: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
 
.nirvana-header-mobile-link::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  content: "";
  position: absolute;
  background: var(--gradient_btn_1);
  transition: height 0.3s ease;
}
 
.nirvana-header-mobile-link:hover {
  color: var(--color-primary);
  background: color-mix(in oklab, var(--color-primary) 5%, transparent);
  padding-left: var(--spacing-xl);
}
 
.nirvana-header-mobile-link:hover::before {
  height: 100%;
}
 
.nirvana-header-mobile-cta-button:active {
  transform: scale(0.98);
}
 
.contact-us-nirvana-header {
  width: 100%;
  z-index: auto;
  position: static;
  background: #59190f;
}
 
.contact-us-nirvana-header-container {
  gap: var(--spacing-xl);
  margin: 0 auto;
  display: flex;
  padding: var(--spacing-lg) var(--spacing-xl);
  position: static;
  max-width: var(--content-max-width);
  align-items: center;
  justify-content: space-between;
}
 
.contact-us-nirvana-header-mobile-menu {
  top: 0;
  right: -100%;
  width: 85%;
  height: 100dvh;
  display: flex;
  padding: var(--spacing-xl);
  z-index: 1000;
  position: fixed;
  max-width: 400px;
  background: #59190f;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
  min-height: 100dvh;
  overflow-y: auto;
  transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  flex-direction: column;
}
 
.contact-us-nirvana-header-mobile-toggle {
  color: #ffffff;
  width: 48px;
  border: none;
  cursor: pointer;
  height: 48px;
  display: none;
  padding: 0;
  background: transparent;
  transition: all 0.3s ease;
  align-items: center;
  margin-right: var(--spacing-md);
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.contact-us-nirvana-header-mobile-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
}
 
.contact-us-nirvana-header-nav-link {
  color: #ffffff;
  padding: var(--spacing-xs) var(--spacing-md);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.contact-us-nirvana-header-nav-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
 
.contact-us-nirvana-header-cta-button {
  gap: var(--spacing-sm);
  color: var(--color-primary);
  display: inline-flex;
  padding: var(--spacing-sm) var(--spacing-sm);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base);
  background: linear-gradient(180deg,#ead8b1,#fff7e8 18%,#fff7e8 82%,#ead8b1);
  box-shadow: 0 4px 16px rgba(234, 216, 177, 0.25);
  transition: all .4s cubic-bezier(.4,0,.2,1);
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  margin-left: auto;
  border-radius: var(--border-radius-sm);
  text-decoration: none;
}
 
.contact-us-nirvana-header-cta-button:hover {
  box-shadow: 0 6px 24px rgba(234, 216, 177, 0.45);
}
 
.contact-us-nirvana-header-mobile-close {
  color: #ffffff;
  width: 40px;
  border: none;
  cursor: pointer;
  height: 40px;
  display: flex;
  padding: 0;
  background: transparent;
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.contact-us-nirvana-header-mobile-close:hover {
  background: rgba(255, 255, 255, 0.1);
}
 
.contact-us-nirvana-header-mobile-link {
  color: #ffffff;
  padding: var(--spacing-md) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-lg);
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  text-decoration: none;
}
 
.contact-us-nirvana-header-mobile-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
 
.contact-us-nirvana-header-nav-link::before {
  left: 50%;
  width: 0;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: var(--gradient_btn_1);
  transition: width 0.3s ease;
}
 
.contact-us-nirvana-header-nav-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
 
.contact-us-nirvana-header-nav-link:hover::before {
  width: 80%;
}
 
.contact-us-nirvana-header-cta-button::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s ease;
}
 
.contact-us-nirvana-header-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(234, 216, 177, 0.45);
}
 
.contact-us-nirvana-header-cta-button:hover::before {
  left: 100%;
}
 
.contact-us-nirvana-header-cta-button:active {
  transform: translateY(0);
}
 
.contact-us-nirvana-header-mobile-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
}
 
.contact-us-nirvana-header-mobile-toggle:active {
  transform: scale(0.95);
}
 
.contact-us-nirvana-header-mobile-menu.active {
  right: 0;
}
 
.contact-us-nirvana-header-mobile-close:hover {
  transform: rotate(90deg);
  background: rgba(255, 255, 255, 0.1);
}
 
.contact-us-nirvana-header-mobile-link::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  content: "";
  position: absolute;
  background: var(--gradient_btn_1);
  transition: height 0.3s ease;
}
 
.contact-us-nirvana-header-mobile-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  padding-left: var(--spacing-xl);
}
 
.contact-us-nirvana-header-mobile-link:hover::before {
  height: 100%;
}
 
.nirvana-header-mobile-cta-link {
  flex: 1;
  text-decoration: none;
}
 
.nirvana-header-mobile-cta-button.secondary {
  color: var(--color-on-surface);
  border: 1px solid var(--color-outline);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
}
 
.podcast-hero-section {
  width: 100%;
  display: flex;
  padding: 60px 24px;
  overflow: hidden;
  position: relative;
  background: #59190f;
  min-height: 70vh;
  align-items: center;
}
 
.podcast-hero-container {
  gap: 80px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
 
.podcasts-podcast-hero-content {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
 
.podcast-hero-visual {
  height: 600px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.podcast-hero-badge {
  gap: 8px;
  width: fit-content;
  border: 1px solid rgba(212, 175, 55, 0.3);
  display: inline-flex;
  padding: 10px 20px;
  animation: podcast-badge-float 3s ease-in-out infinite;
  background: rgba(212, 175, 55, 0.15);
  align-items: center;
  border-radius: 50px;
  backdrop-filter: blur(10px);
}
 
.podcast-hero-heading {
  color: #ffffff;
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
 
.podcast-hero-subheading {
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-size: clamp(2rem, 2vw, 1.125rem);
  max-width: 540px;
  line-height: 1.7;
}
 
.podcast-hero-cta-group {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  justify-content: left;
}
 
.podcast-platforms-section {
  display: flex;
  margin-top: var(--spacing-xl);
  align-items: center;
}
 
.podcast-glow-effect {
  filter: blur(80px);
  opacity: 0.6;
  z-index: 1;
  position: absolute;
  animation: podcast-glow-pulse 4s ease-in-out infinite;
  border-radius: 50%;
}
 
.podcast-glow-1 {
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);
}
 
.podcast-glow-2 {
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(255, 140, 0, 0.2) 0%, transparent 70%);
  animation-delay: 1s;
}
 
.podcast-artwork-wrapper {
  z-index: 2;
  position: relative;
}
 
.podcast-stat-badge {
  gap: 12px;
  border: 1px solid rgba(212, 175, 55, 0.2);
  display: flex;
  padding: 16px 20px;
  z-index: 3;
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  align-items: center;
  border-radius: 16px;
  backdrop-filter: blur(10px);
}
 
.podcast-stat-episodes {
  top: 80px;
  left: -40px;
  animation: podcast-float-1 3s ease-in-out infinite;
}
 
.podcast-stat-updates {
  right: -40px;
  bottom: 100px;
  animation: podcast-float-2 3s ease-in-out infinite;
  animation-delay: 1.5s;
}
 
.podcast-decorative-circle {
  border: 2px solid rgba(212, 175, 55, 0.2);
  z-index: 1;
  position: absolute;
  border-radius: 50%;
}
 
.podcast-deco-1 {
  top: 50%;
  left: 50%;
  width: 500px;
  height: 500px;
  animation: podcast-rotate-slow 30s linear infinite;
  transform: translate(-50%, -50%);
}
 
.podcast-deco-2 {
  top: 50%;
  left: 50%;
  width: 560px;
  height: 560px;
  animation: podcast-rotate-slow 40s linear infinite reverse;
  transform: translate(-50%, -50%);
  border-style: dashed;
}
 
.podcast-badge-icon {
  color: #d4af37;
  display: flex;
  align-items: center;
}
 
.podcast-badge-text {
  color: #d4af37;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}
 
.podcast-btn-primary {
  gap: 10px;
  color: #5e2a22;
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: 16px 32px;
  font-size: 1rem;
  background: linear-gradient(135deg, #d4af37 0%, #f4d03f 100%);
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 600;
  border-radius: 50px;
}
 
.podcast-btn-secondary {
  gap: 10px;
  color: #d4af37;
  border: 2px solid #d4af37;
  cursor: pointer;
  display: inline-flex;
  padding: 14px 30px;
  font-size: 1rem;
  background: transparent;
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 600;
  border-radius: 50px;
}
 
.podcast-artwork-border {
  width: 400px;
  height: 400px;
  padding: 6px;
  animation: podcast-artwork-swing 4s ease-in-out infinite;
  background: linear-gradient(135deg, #d4af37 0%, #f4d03f 50%, #d4af37 100%);
  box-shadow: 0 20px 60px rgba(212, 175, 55, 0.4), 0 0 80px rgba(212, 175, 55, 0.2);
  border-radius: 50%;
}
 
.podcast-stat-icon {
  color: #5e2a22;
  width: 40px;
  height: 40px;
  display: flex;
  background: linear-gradient(135deg, #d4af37 0%, #f4d03f 100%);
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
 
.podcast-stat-content {
  display: flex;
  flex-direction: column;
}
 
.podcast-artwork-image {
  width: 100%;
  border: 4px solid #5e2a22;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 50%;
}
 
.podcast-stat-number {
  color: #5e2a22;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
 
.podcast-stat-label {
  color: rgba(94, 42, 34, 0.7);
  margin: 4px 0 0 0;
  font-size: 0.875rem;
}
 
.podcast-hero-section::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.08) 0%, transparent 50%),radial-gradient(circle at 80% 50%, rgba(212, 175, 55, 0.08) 0%, transparent 50%);
}
 
.podcast-btn-primary:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #f4d03f 0%, #d4af37 100%);
  box-shadow: 0 8px 30px rgba(212, 175, 55, 0.5);
}
 
.podcast-btn-primary:active {
  transform: translateY(0);
}
 
.podcast-btn-secondary:hover {
  transform: translateY(-2px);
  background: rgba(212, 175, 55, 0.1);
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
}
 
.podcast-youtube-link {
  gap: var(--spacing-xs);
  color: #ffffff;
  display: flex;
  padding: var(--spacing-xs) var(--spacing-md);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  text-decoration: none;
}
 
.podcast-youtube-link:hover {
  color: var(--contact-color-youtube);
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--contact-color-youtube) 15%, transparent);
}
 
.nirvana-podcast-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 100%, transparent) 0%, color-mix(in oklab, var(--color-surface) 95%, var(--color-secondary)) 100%);
}
 
.nirvana-podcast-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.nirvana-podcast-header {
  gap: var(--spacing-xl);
  display: flex;
  align-items: flex-end;
  margin-bottom: var(--spacing-3xl);
  justify-content: space-between;
}
 
.nirvana-podcast-carousel-desktop {
  display: block;
  overflow: hidden;
  position: relative;
}
 
.nirvana-podcast-stack-mobile {
  display: none;
}
 
.nirvana-podcast-pagination {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-3xl);
  align-items: center;
  justify-content: center;
}
 
.nirvana-podcast-header-content {
  flex: 1;
  max-width: 720px;
}
 
.nirvana-podcast-nav-desktop {
  gap: var(--spacing-sm);
  display: flex;
}
 
.nirvana-podcast-track {
  gap: var(--spacing-xl);
  display: flex;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.nirvana-podcast-card {
  flex: 0 0 calc(33.333% - var(--spacing-xl) * 2 / 3);
  border: 1px solid var(--color-border);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-card);
}
 
.nirvana-podcast-dot {
  width: 12px;
  border: none;
  cursor: pointer;
  height: 12px;
  padding: 0;
  background: var(--color-border);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-full);
}
 
.nirvana-podcast-dot-active {
  width: 32px;
  transform: scale(1);
  background: var(--gradient_btn_1);
}
 
.nirvana-podcast-title {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  display: inline-block;
  position: relative;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.nirvana-podcast-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-podcast-nav-btn {
  color: var(--color-on-surface);
  width: 48px;
  border: 1px solid var(--color-border);
  cursor: pointer;
  height: 48px;
  display: flex;
  background: var(--color-surface-elevated);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 

 

 
.nirvana-podcast-thumbnail-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  padding-top: 56.25%;
}
 
.nirvana-podcast-content {
  padding: var(--spacing-lg);
  z-index: 2;
  position: relative;
}
 
.nirvana-podcast-thumbnail {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.nirvana-podcast-play-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  z-index: 3;
  position: absolute;
  background: var(--color-overlay);
  transition: opacity 0.4s ease;
  align-items: center;
  justify-content: center;
}
 
.nirvana-podcast-gradient-overlay {
  left: 0;
  right: 0;
  bottom: 0;
  height: 60%;
  opacity: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(to top, color-mix(in oklab, #000000 50%, transparent) 0%, transparent 100%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
 
.nirvana-podcast-meta {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-md);
}
 
.nirvana-podcast-card-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  transition: color 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-heading);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.nirvana-podcast-description {
  color: var(--color-on-surface-secondary);
  margin: 0 0 var(--spacing-md) 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.nirvana-podcast-platforms {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
}
 
.nirvana-podcast-play-btn {
  color: var(--color-on-secondary);
  width: 72px;
  border: none;
  cursor: pointer;
  height: 72px;
  display: flex;
  transform: scale(0.9);
  background: var(--gradient_btn_1);
  box-shadow: 0 8px 24px color-mix(in oklab, var(--color-secondary) 40%, transparent);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.nirvana-podcast-duration {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.nirvana-podcast-date {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
}
 
.nirvana-podcast-platform-badge {
  gap: var(--spacing-xs);
  border: 1px solid transparent;
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-xs);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-podcast-badge-youtube {
  color: #ff0000;
  background: color-mix(in oklab, #ff0000 10%, transparent);
  border-color: color-mix(in oklab, #ff0000 20%, transparent);
}
 
.nirvana-podcast-badge-spotify {
  color: #1db954;
  background: color-mix(in oklab, #1db954 10%, transparent);
  border-color: color-mix(in oklab, #1db954 20%, transparent);
}
 
.nirvana-podcast-section::before {
  top: -50%;
  right: -20%;
  width: 800px;
  height: 800px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, color-mix(in oklab, var(--color-secondary) 8%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
 
.nirvana-podcast-section::after {
  left: -15%;
  width: 600px;
  bottom: -30%;
  height: 600px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, color-mix(in oklab, var(--color-primary) 5%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
 
.nirvana-podcast-title::after {
  left: 0;
  width: 60px;
  bottom: -8px;
  height: 4px;
  content: "";
  position: absolute;
  background: var(--gradient_btn_1);
  border-radius: var(--border-radius-full);
}
 
.nirvana-podcast-nav-btn:hover {
  color: var(--color-on-secondary);
  transform: translateY(-2px);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-2);
  border-color: transparent;
}
 
.nirvana-podcast-nav-btn:active {
  transform: translateY(0);
}
 
.nirvana-podcast-nav-btn:disabled {
  cursor: not-allowed;
  opacity: 0.4;
  transform: none;
}
 
.nirvana-podcast-nav-prev  svg {
  transform: rotate(90deg);
}
 
.nirvana-podcast-nav-next  svg {
  transform: rotate(-90deg);
}
 
.nirvana-podcast-card::before {
  inset: 0;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-secondary) 3%, transparent) 0%, transparent 100%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
 
.nirvana-podcast-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
  border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
}
 
.nirvana-podcast-card:hover::before {
  opacity: 1;
}
 
.nirvana-podcast-card:hover .nirvana-podcast-thumbnail {
  transform: scale(1.08);
}
 
.nirvana-podcast-card:hover .nirvana-podcast-gradient-overlay {
  opacity: 1;
}
 
.nirvana-podcast-card:hover .nirvana-podcast-play-overlay {
  opacity: 1;
}
 
.nirvana-podcast-card:hover .nirvana-podcast-play-btn {
  transform: scale(1);
}
 
.nirvana-podcast-card:hover .nirvana-podcast-card-title {
  color: var(--color-secondary);
}
 
.nirvana-podcast-play-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 12px 32px color-mix(in oklab, var(--color-secondary) 50%, transparent);
}
 
.nirvana-podcast-play-btn  svg {
  width: 32px;
  height: 32px;
  margin-left: 4px;
}
 
.nirvana-podcast-duration  svg {
  color: var(--color-secondary);
  width: 16px;
  height: 16px;
}
 
.nirvana-podcast-platform-badge  svg {
  width: 14px;
  height: 14px;
}
 
.nirvana-podcast-badge-youtube:hover {
  color: #ffffff;
  background: #ff0000;
}
 
.nirvana-podcast-badge-spotify:hover {
  color: #ffffff;
  background: #1db954;
}
 
.nirvana-podcast-dot:hover {
  transform: scale(1.2);
  background: var(--color-neutral);
}
 
.nirvana-podcast-dot-active:hover {
  transform: scale(1.1);
}
 
.nirvana-podcasts-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 100%, transparent) 0%, color-mix(in oklab, var(--color-surface) 95%, var(--color-secondary)) 100%);
}
 
.nirvana-podcasts-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.nirvana-podcasts-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.nirvana-podcasts-grid {
  gap: var(--spacing-xl);
  display: grid;
  position: relative;
  grid-template-columns: repeat(3, 1fr);
}
 
.nirvana-podcasts-card {
  border: 1px solid var(--color-border);
  cursor: pointer;
  display: flex;
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.nirvana-podcasts-thumbnail-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: var(--color-neutral);
  padding-top: 56.25%;
}
 
.nirvana-podcasts-content {
  flex: 1;
  display: flex;
  padding: var(--spacing-lg);
  z-index: 2;
  position: relative;
  flex-direction: column;
}
 
.nirvana-podcasts-thumbnail {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.nirvana-podcasts-overlay {
  left: 0;
  right: 0;
  bottom: 0;
  height: 60%;
  opacity: 0;
  z-index: 2;
  position: absolute;
  background: linear-gradient(to top, color-mix(in oklab, #000000 50%, transparent) 0%, transparent 100%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
 
.nirvana-podcasts-badges {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-md);
}
 
.nirvana-podcasts-title {
  color: var(--color-on-surface);
  margin: 0 0 auto 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  min-height: 2.8em;
  transition: color 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-heading);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.podcasts-podcast-language {
  color: var(--color-secondary);
  border: 1px solid color-mix(in oklab, var(--color-secondary) 20%, transparent);
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-xs);
  background: color-mix(in oklab, var(--color-secondary) 10%, transparent);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-podcasts-header  .section-title {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  display: inline-block;
  position: relative;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.nirvana-podcasts-header  .section-title::after {
  left: 50%;
  width: 80px;
  bottom: -8px;
  height: 4px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: var(--gradient_btn_1);
  border-radius: var(--border-radius-full);
}
 
.nirvana-podcasts-header  .section-subtitle {
  color: var(--color-on-surface-secondary);
  margin: var(--spacing-md) 0 0 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-podcasts-card::before {
  inset: 0;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-secondary) 3%, transparent) 0%, transparent 100%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
 
.nirvana-podcasts-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-level-3);
  border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);
}
 
.nirvana-podcasts-card:hover::before {
  opacity: 1;
}
 
.nirvana-podcasts-card:hover .nirvana-podcasts-thumbnail {
  transform: scale(1.08);
}
 
.nirvana-podcasts-card:hover .nirvana-podcasts-overlay {
  opacity: 1;
}
 
.nirvana-podcasts-card:hover .podcast-language {
  color: var(--color-on-secondary);
  background: var(--color-secondary);
  border-color: var(--color-secondary);
}
 
.nirvana-podcasts-card:hover .nirvana-podcasts-title {
  color: var(--color-secondary);
}
 
.nirvana-podcasts-content  .btn-primary {
  color: var(--color-on-secondary);
  width: 100%;
  border: none;
  cursor: pointer;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 16px color-mix(in oklab, var(--color-secondary) 25%, transparent);
  margin-top: var(--spacing-md);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-podcasts-content  .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px color-mix(in oklab, var(--color-secondary) 40%, transparent);
}
 
.nirvana-podcasts-content  .btn-primary:active {
  transform: translateY(0);
}
 
.nirvana-podcasts-section::before {
  top: -50%;
  right: -20%;
  width: 800px;
  height: 800px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, color-mix(in oklab, var(--color-secondary) 8%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
 
.nirvana-podcasts-section::after {
  left: -15%;
  width: 600px;
  bottom: -30%;
  height: 600px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle, color-mix(in oklab, var(--color-primary) 5%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
 
.nirvana-in-podcasts-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: #FDFBF7;
}
 
.nirvana-in-podcasts-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.nirvana-in-podcasts-modal-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999;
  position: fixed;
  align-items: center;
  justify-content: center;
}
 
.nirvana-in-podcasts-header {
  animation: fadeInUp 0.8s ease-out;
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.nirvana-in-podcasts-grid {
  gap: var(--spacing-xl);
  display: grid;
  animation: fadeIn 1s ease-out 0.2s both;
  grid-template-columns: repeat(3, 1fr);
}
 
.nirvana-in-podcasts-modal-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--color-scrim);
  backdrop-filter: blur(8px);
}
 
.nirvana-in-podcasts-modal-panel {
  width: 90%;
  z-index: 10000;
  position: relative;
  max-width: 1200px;
  background: var(--color-surface);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  max-height: 90vh;
  border-radius: var(--border-radius-lg);
}
 
.nirvana-in-podcasts-title {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
 
.nirvana-in-podcasts-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 720px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-in-podcasts-card-link {
  width: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
 
.nirvana-in-podcasts-modal-close {
  top: -40px;
  color: white;
  right: 0;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm);
  z-index: 10001;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.nirvana-in-podcasts-modal-content {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 56.25%;
  border-radius: var(--border-radius-lg);
}
 
.nirvana-in-podcasts-card {
  border: 1px solid var(--color-border);
  cursor: pointer;
  height: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  transform: none;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  border-radius: var(--border-radius-card);
  flex-direction: column;
}
 
.nirvana-in-podcasts-modal-iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: var(--border-radius-lg);
}
 
.nirvana-in-podcasts-thumb-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  padding-top: 56.25%;
}
 
.nirvana-in-podcasts-card-body {
  padding: var(--spacing-lg);
  z-index: 2;
  position: relative;
}
 
.nirvana-in-podcasts-thumb {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
}
 
.nirvana-in-podcasts-play-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  z-index: 2;
  position: absolute;
  background: var(--color-overlay);
  transition: opacity 0.4s ease;
  align-items: center;
  justify-content: center;
}
 
.nirvana-in-podcasts-platform-icon {
  top: var(--spacing-md);
  right: var(--spacing-md);
  width: 44px;
  height: 44px;
  display: flex;
  z-index: 3;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  transition: transform 0.3s ease, background 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  backdrop-filter: blur(8px);
  justify-content: center;
}
 
.nirvana-in-podcasts-card-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-lg);
  transition: color 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.4;
  letter-spacing: var(--letter-spacing-heading);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 
.nirvana-in-podcasts-pills {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.nirvana-in-podcasts-play-icon-wrapper {
  width: 80px;
  height: 80px;
  display: flex;
  transform: scale(0.8);
  background: var(--color-secondary);
  box-shadow: 0 8px 24px rgba(226, 122, 27, 0.4);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.nirvana-in-podcasts-pill {
  color: var(--color-on-surface-secondary);
  border: 1px solid var(--color-border);
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-xs);
  background: color-mix(in oklab, var(--color-neutral) 20%, transparent);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
  letter-spacing: var(--letter-spacing-body);
}
 
.nirvana-in-podcasts-pill-language {
  color: var(--color-on-secondary);
  background: var(--gradient_btn_1);
  font-weight: var(--font-weight-heading);
  border-color: transparent;
}
 
.nirvana-in-podcasts-play-icon {
  color: var(--color-on-secondary);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
 
.nirvana-in-podcasts-title-highlight {
  font-weight: 700;
}
 
.nirvana-in-podcasts-section::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle at 20% 30%, color-mix(in oklab, var(--color-secondary) 8%, transparent) 0%, transparent 50%),radial-gradient(circle at 80% 70%, color-mix(in oklab, var(--color-accent) 6%, transparent) 0%, transparent 50%);
  pointer-events: none;
}
 
.nirvana-in-podcasts-card::before {
  inset: 0;
  content: "";
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-secondary) 5%, transparent) 0%, transparent 100%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
 
.nirvana-in-podcasts-card:hover::before {
  opacity: 1;
}
 
.nirvana-in-podcasts-card:hover .nirvana-in-podcasts-thumb {
  opacity: 0.7;
  transform: scale(1.1);
}
 
.nirvana-in-podcasts-card:hover .nirvana-in-podcasts-play-overlay {
  opacity: 1;
}
 
.nirvana-in-podcasts-card:hover .nirvana-in-podcasts-play-icon-wrapper {
  animation: pulse 1.5s infinite;
  transform: scale(1);
}
 
.nirvana-in-podcasts-card:hover .nirvana-in-podcasts-platform-icon {
  transform: scale(1.1);
  background: rgba(255, 0, 0, 0.9);
}
 
.nirvana-in-podcasts-card:hover .nirvana-in-podcasts-card-title {
  color: var(--color-secondary);
}
 
.nirvana-in-podcasts-card:hover .nirvana-in-podcasts-pill {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
 
.nirvana-in-podcasts-modal-overlay.is-open {
  display: flex;
}
 
.nirvana-in-podcasts-modal-close:hover {
  transform: scale(1.1);
  background: var(--color-secondary);
}
 

 

 
.contact-modal-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  opacity: 0;
  padding: var(--spacing-lg, 1.5rem);
  z-index: 9999;
  position: fixed;
  background: var(--color-scrim, rgba(0, 0, 0, 0.65));
  overflow-y: auto;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  visibility: hidden;
  align-items: center;
  justify-content: center;
}
 
.contact-modal-container {
  width: 100%;
  display: flex;
  position: relative;
  max-width: 600px;
  transform: scale(0.9);
  background: var(--color-surface, #efe6db);
  box-shadow: var(--shadow-level-3, 0 16px 64px rgba(0, 0, 0, 0.2));
  max-height: 90vh;
  transition: transform 0.3s ease;
  border-radius: var(--border-radius-lg, 24px);
  flex-direction: column;
}
 
.contact-modal-header {
  display: flex;
  padding: var(--spacing-xl, 2rem);
  align-items: flex-start;
  border-bottom: var(--divider-value, 1px solid var(--color-outline, rgba(191, 181, 170, 0.75)));
  justify-content: space-between;
}
 
.contact-modal-body {
  flex: 1;
  padding: var(--spacing-xl, 2rem);
  overflow-y: auto;
}
 
.contact-modal-title-section {
  flex: 1;
}
 
.contact-modal-close {
  color: var(--color-on-surface-secondary, #7e6b5a);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-xs, 0.5rem);
  background: transparent;
  transition: all 0.2s ease;
  align-items: center;
  margin-left: var(--spacing-md, 1rem);
  border-radius: var(--border-radius-sm, 8px);
  justify-content: center;
}
 
.contact-modal-step {
  display: none;
  animation: contactModalFadeIn 0.3s ease;
}
 

 
.contact-modal-title {
  color: var(--color-on-surface, #2a1d16);
  margin: 0 0 var(--spacing-xs, 0.5rem) 0;
  font-size: var(--font-size-2xl, 1.75rem);
  font-family: var(--font-family-heading, "Red Hat Display", sans-serif);
  font-weight: var(--font-weight-heading, 600);
  line-height: var(--line-height-heading, 1.25);
}
 
.contact-modal-step-indicator {
  color: var(--color-on-surface-secondary, #7e6b5a);
  margin: 0;
  font-size: var(--font-size-sm, 0.875rem);
  font-family: var(--font-family-body, "Roboto", sans-serif);
}
 
.contact-modal-form {
  gap: var(--spacing-lg, 1.5rem);
  display: flex;
  flex-direction: column;
}
 
.contact-modal-success-content {
  display: flex;
  padding: var(--spacing-2xl, 3rem) var(--spacing-xl, 2rem);
  text-align: center;
  align-items: center;
  flex-direction: column;
}
 
.contact-modal-form-row {
  gap: var(--spacing-md, 1rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
 
.contact-modal-form-group {
  gap: var(--spacing-xs, 0.5rem);
  display: flex;
  flex-direction: column;
}
 

 
.contact-modal-form-actions {
  gap: var(--spacing-md, 1rem);
  display: flex;
  margin-top: var(--spacing-lg, 1.5rem);
  justify-content: flex-end;
}
 
.contact-modal-success-icon {
  color: var(--color-accent, #9b59b6);
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-xl, 2rem);
}
 
.contact-modal-success-title {
  color: var(--color-on-surface, #2a1d16);
  margin: 0 0 var(--spacing-md, 1rem) 0;
  font-size: var(--font-size-xl, 1.375rem);
  font-family: var(--font-family-heading, "Red Hat Display", sans-serif);
  font-weight: var(--font-weight-heading, 600);
}
 
.contact-modal-success-message {
  color: var(--color-on-surface-secondary, #7e6b5a);
  margin: 0 0 var(--spacing-xl, 2rem) 0;
  font-size: var(--font-size-base, 1rem);
  max-width: 400px;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  line-height: var(--line-height-body, 1.6);
}
 
.contact-modal-btn {
  gap: var(--spacing-xs, 0.5rem);
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-xl, 2rem);
  position: relative;
  font-size: var(--font-size-base, 1rem);
  min-width: 120px;
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  justify-content: center;
}
 
.contact-modal-btn-primary {
  color: var(--color-on-primary, #ffffff);
  background: var(--gradient_btn_1, linear-gradient(135deg, #ce912c 0%, #e27a1b 100%));
  box-shadow: var(--shadow-level-1, 0 4px 16px rgba(255, 255, 255, 0.1));
}
 

 
.contact-modal-label {
  color: var(--color-on-surface, #2a1d16);
  font-size: var(--font-size-base, 1rem);
  font-family: var(--font-family-body, "Roboto", sans-serif);
  font-weight: var(--font-weight-medium, 500);
  letter-spacing: var(--letter-spacing-body, 0.4px);
}
 
.contact-modal-input-wrapper {
  display: flex;
  position: relative;
  align-items: center;
}
 
.contact-modal-error {
  color: var(--color-secondary, #e27a1b);
  display: none;
  font-size: var(--font-size-sm, 0.875rem);
  margin-top: calc(var(--spacing-xs, 0.5rem) * -0.5);
  font-family: var(--font-family-body, "Roboto", sans-serif);
}
 
.contact-modal-btn-secondary {
  color: var(--color-on-surface, #2a1d16);
  border: 2px solid var(--color-border, rgba(191, 181, 170, 0.6));
  background: transparent;
}
 

 
.contact-modal-radio-group {
  gap: var(--spacing-sm, 0.75rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
 
.contact-modal-textarea {
  color: var(--color-on-surface, #2a1d16);
  width: 100%;
  border: 1px solid var(--color-border, rgba(191, 181, 170, 0.6));
  resize: vertical;
  outline: none;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
  font-size: var(--font-size-base, 1rem);
  background: var(--color-surface-elevated, rgba(255, 255, 255, 0.5));
  min-height: 120px;
  transition: all 0.2s ease;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  line-height: var(--line-height-body, 1.6);
  border-radius: var(--border-radius-md, 16px);
}
 
.contact-modal-verification-wrapper {
  display: none;
}
 

 

 
.contact-modal-input {
  color: var(--color-on-surface, #2a1d16);
  width: 100%;
  border: 1px solid var(--color-border, rgba(191, 181, 170, 0.6));
  outline: none;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
  font-size: var(--font-size-base, 1rem);
  background: var(--color-surface-elevated, rgba(255, 255, 255, 0.5));
  transition: all 0.2s ease;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  border-radius: var(--border-radius-md, 16px);
}
 
.contact-modal-required {
  color: var(--color-secondary, #e27a1b);
}
 
.contact-modal-input-icon {
  left: var(--spacing-md, 1rem);
  color: var(--color-on-surface-secondary, #7e6b5a);
  display: flex;
  position: absolute;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
 
.contact-modal-input-with-icon {
  padding-left: calc(var(--spacing-md, 1rem) * 3);
}
 
.contact-modal-radio-label {
  gap: var(--spacing-xs, 0.5rem);
  border: 1px solid var(--color-border, rgba(191, 181, 170, 0.6));
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm, 0.75rem);
  background: var(--color-surface-elevated, rgba(255, 255, 255, 0.5));
  transition: all 0.2s ease;
  align-items: center;
  border-radius: var(--border-radius-sm, 8px);
}
 
.contact-modal-verification-input {
  flex: 1;
}
 
.contact-modal-captcha {
  display: none;
}
 

 
.contact-modal-spinner {
  width: 16px;
  border: 2px solid var(--color-on-primary, #ffffff);
  height: 16px;
  animation: contactModalSpin 0.6s linear infinite;
  border-radius: 50%;
  border-top-color: transparent;
}
 
.contact-modal-radio {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
 
.contact-modal-radio-custom {
  width: 20px;
  border: 2px solid var(--color-border, rgba(191, 181, 170, 0.6));
  height: 20px;
  position: relative;
  transition: all 0.2s ease;
  flex-shrink: 0;
  border-radius: 50%;
}
 
.contact-modal-radio-text {
  color: var(--color-on-surface, #2a1d16);
  font-size: var(--font-size-base, 1rem);
  font-family: var(--font-family-body, "Roboto", sans-serif);
}
 
.iti {
  width: 100%;
}
 
.iti__tel-input {
  color: var(--color-on-surface, #2a1d16) !important;
  width: 100% !important;
  border: 1px solid var(--color-border, rgba(191, 181, 170, 0.6)) !important;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem) !important;
  font-size: var(--font-size-base, 1rem) !important;
  background: var(--color-surface-elevated, rgba(255, 255, 255, 0.5)) !important;
  transition: all 0.2s ease !important;
  font-family: var(--font-family-body, "Roboto", sans-serif) !important;
  padding-left: 52px !important;
  border-radius: var(--border-radius-md, 16px) !important;
}
 
.contact-modal-overlay[data-contact-modal-state="open"] {
  opacity: 1;
  visibility: visible;
}
 
.contact-modal-overlay[data-contact-modal-state="open"] .contact-modal-container {
  transform: scale(1);
}
 
.contact-modal-close:hover {
  color: var(--color-on-surface, #2a1d16);
  background: var(--color-surface-elevated, rgba(0, 0, 0, 0.05));
}
 
.contact-modal-close:focus-visible {
  outline: 2px solid var(--color-primary, #5e2a22);
  outline-offset: 2px;
}
 
.contact-modal-step[data-step-active="true"] {
  display: block;
}
 
.contact-modal-input:focus {
  background: var(--color-surface, #efe6db);
  box-shadow: 0 0 0 3px rgba(94, 42, 34, 0.1);
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-modal-input.contact-modal-input-error {
  border-color: var(--color-secondary, #e27a1b);
}
 
.contact-modal-input:focus-visible {
  outline: 2px solid var(--color-primary, #5e2a22);
  outline-offset: 2px;
}
 
.contact-modal-textarea:focus {
  background: var(--color-surface, #efe6db);
  box-shadow: 0 0 0 3px rgba(94, 42, 34, 0.1);
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-modal-textarea.contact-modal-textarea-error {
  border-color: var(--color-secondary, #e27a1b);
}
 
.contact-modal-textarea:focus-visible {
  outline: 2px solid var(--color-primary, #5e2a22);
  outline-offset: 2px;
}
 
.contact-modal-radio-label:hover {
  background: var(--color-surface, #efe6db);
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-modal-radio-label:focus-within {
  outline: 2px solid var(--color-primary, #5e2a22);
  outline-offset: 2px;
}
 
.contact-modal-radio:checked + .contact-modal-radio-custom {
  background: var(--color-primary, #5e2a22);
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-modal-radio:checked + .contact-modal-radio-custom::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  background: var(--color-on-primary, #ffffff);
  border-radius: 50%;
}
 
.contact-modal-error.contact-modal-error-active {
  display: block;
}
 
.contact-modal-btn-primary:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2, 0 8px 32px rgba(255, 255, 255, 0.15));
}
 
.contact-modal-btn-secondary:hover:not(:disabled) {
  background: var(--color-surface-elevated, rgba(255, 255, 255, 0.5));
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-modal-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
 
.contact-modal-btn:focus-visible {
  outline: 2px solid var(--color-primary, #5e2a22);
  outline-offset: 2px;
}
 
.iti__tel-input:focus {
  outline: none !important;
  background: var(--color-surface, #efe6db) !important;
  box-shadow: 0 0 0 3px rgba(94, 42, 34, 0.1) !important;
  border-color: var(--color-primary, #5e2a22) !important;
}
 
.iti__tel-input.contact-modal-input-error {
  border-color: var(--color-secondary, #e27a1b) !important;
}
 
.contact-modal-trigger-btn {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-modal-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  padding: var(--spacing-lg);
  z-index: 9999;
  position: fixed;
  background: var(--color-scrim);
  overflow-y: auto;
  align-items: center;
  justify-content: center;
}
 
.contact-us-contact-modal-container {
  width: 100%;
  margin: auto;
  position: relative;
  animation: contactModalSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  max-width: 600px;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-3);
  border-radius: var(--border-radius-xl);
}
 
.contact-us-contact-modal-header {
  color: var(--color-on-primary);
  display: flex;
  padding: var(--spacing-lg) var(--spacing-xl);
  position: relative;
  background: var(--gradient_btn_1);
  align-items: flex-start;
  border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0;
  justify-content: space-between;
}
 
.contact-us-contact-modal-body {
  padding: var(--spacing-xl);
  position: relative;
}
 
.contact-modal-header-content {
  flex: 1;
}
 
.contact-modal-close-btn {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-xs);
  background: transparent;
  transition: all 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  margin-left: var(--spacing-md);
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 

 
.contact-modal-step-active {
  display: block !important;
}
 

 
.contact-us-contact-modal-success {
  display: none;
  padding: var(--spacing-2xl) 0;
  animation: contactModalFadeIn 0.5s ease;
  text-align: center;
}
 
.contact-modal-submission-error {
  color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  display: none;
  padding: var(--spacing-md);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-secondary) 10%, transparent);
  margin-top: var(--spacing-md);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-title {
  color: var(--color-on-primary);
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
}
 
.contact-us-contact-modal-step-indicator {
  color: var(--color-on-primary);
  margin: 0;
  opacity: 0.9;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
}
 
.contact-us-contact-modal-form {
  margin-bottom: var(--spacing-xl);
}
 
.contact-modal-actions {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-xl);
  justify-content: flex-end;
}
 
.contact-modal-actions-double {
  justify-content: space-between;
}
 
.contact-modal-success-svg {
  width: 100%;
  height: auto;
  margin: 0 auto var(--spacing-xl) auto;
  max-width: 400px;
}
 
.contact-us-contact-modal-btn {
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  min-width: 120px;
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-btn-primary {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
}
 

 
.contact-modal-row {
  gap: var(--spacing-md);
  display: grid;
  margin-bottom: var(--spacing-md);
  grid-template-columns: 1fr 1fr;
}
 
.contact-modal-field {
  margin-bottom: var(--spacing-md);
}
 

 
.contact-us-contact-modal-btn-secondary {
  color: var(--color-on-surface);
  border: 2px solid var(--color-border);
  background: transparent;
}
 
.contact-us-contact-modal-label {
  color: var(--color-on-surface);
  display: block;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-xs);
}
 
.contact-us-contact-modal-error {
  color: var(--color-secondary);
  display: block;
  font-size: var(--font-size-xs);
  margin-top: var(--spacing-xs);
  min-height: 1rem;
  font-family: var(--font-family-body);
}
 
.contact-us-contact-modal-radio-group {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.contact-us-contact-modal-textarea {
  color: var(--color-on-surface);
  width: 100%;
  border: 1px solid var(--color-border);
  resize: vertical;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface);
  min-height: 120px;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 

 
.contact-us-contact-modal-required {
  color: var(--color-secondary);
}
 
.contact-us-contact-modal-input-icon {
  left: var(--spacing-md);
  color: var(--color-on-surface-secondary);
  display: flex;
  position: absolute;
  align-items: center;
  pointer-events: none;
}
 
.contact-us-contact-modal-input {
  color: var(--color-on-surface);
  width: 100%;
  border: 1px solid var(--color-border);
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.75rem;
  font-size: var(--font-size-base);
  background: var(--color-surface);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 

 

 

 
.contact-modal-radio-item {
  display: flex;
  align-items: center;
}
 

 

 
.contact-us-contact-modal-radio {
  width: 20px;
  cursor: pointer;
  height: 20px;
  margin: 0;
  accent-color: var(--color-primary);
}
 
.contact-us-contact-modal-radio-label {
  color: var(--color-on-surface);
  cursor: pointer;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  margin-left: var(--spacing-sm);
  user-select: none;
}
 
.contact-modal-trigger-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-modal-backdrop.contact-modal-active {
  display: flex;
}
 
.contact-modal-close-btn:hover {
  transform: rotate(90deg);
  background: rgba(255, 255, 255, 0.2);
}
 
.contact-us-contact-modal-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-input.contact-modal-input-error {
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-textarea.contact-modal-input-error {
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-btn-primary:active {
  transform: translateY(0);
}
 
.contact-us-contact-modal-btn-primary:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  transform: none;
}
 
.contact-us-contact-modal-btn-secondary:hover {
  color: var(--color-primary);
  background: var(--color-surface-elevated);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-success.contact-modal-success-active {
  display: block;
}
 
.contact-modal-submission-error.contact-modal-submission-error-active {
  display: block;
}
 
.contact-us-contact-modal-btn.contact-modal-loading {
  color: transparent;
  position: relative;
  pointer-events: none;
}
 
.contact-us-contact-modal-btn.contact-modal-loading::after {
  top: 50%;
  left: 50%;
  width: 20px;
  border: 3px solid transparent;
  height: 20px;
  content: "";
  position: absolute;
  animation: contactModalSpin 0.8s linear infinite;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top-color: var(--color-on-primary);
}
 
.contact-us-contact-modal-container1 {
  width: 100%;
  margin: auto;
  position: relative;
  animation: contactModalSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  max-width: 600px;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-3);
  border-radius: var(--border-radius-xl);
}
 
.contact-us-contact-modal-header1 {
  color: var(--color-on-primary);
  display: flex;
  padding: var(--spacing-lg) var(--spacing-xl);
  position: relative;
  background: var(--gradient_btn_1);
  align-items: flex-start;
  border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0;
  justify-content: space-between;
}
 
.contact-us-contact-modal-body1 {
  padding: var(--spacing-xl);
  position: relative;
}
 
.contact-us-contact-modal-success1 {
  display: none;
  padding: var(--spacing-2xl) 0;
  animation: contactModalFadeIn 0.5s ease;
  text-align: center;
}
 
.contact-us-contact-modal-title1 {
  color: var(--color-on-primary);
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
}
 
.contact-us-contact-modal-step-indicator1 {
  color: var(--color-on-primary);
  margin: 0;
  opacity: 0.9;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
}
 
.contact-us-contact-modal-form1 {
  margin-bottom: var(--spacing-xl);
}
 
.contact-us-contact-modal-btn1 {
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  min-width: 120px;
  transition: all 0.3s ease;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-btn-primary1 {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
}
 
.contact-us-contact-modal-btn-secondary1 {
  color: var(--color-on-surface);
  border: 2px solid var(--color-border);
  background: transparent;
}
 
.contact-us-contact-modal-label1 {
  color: var(--color-on-surface);
  display: block;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-xs);
}
 
.contact-us-contact-modal-error1 {
  color: var(--color-secondary);
  display: block;
  font-size: var(--font-size-xs);
  margin-top: var(--spacing-xs);
  min-height: 1rem;
  font-family: var(--font-family-body);
}
 
.contact-us-contact-modal-radio-group1 {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.contact-us-contact-modal-textarea1 {
  color: var(--color-on-surface);
  width: 100%;
  border: 1px solid var(--color-border);
  resize: vertical;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface);
  min-height: 120px;
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-required1 {
  color: var(--color-secondary);
}
 
.contact-us-contact-modal-input-icon1 {
  left: var(--spacing-md);
  color: var(--color-on-surface-secondary);
  display: flex;
  position: absolute;
  align-items: center;
  pointer-events: none;
}
 
.contact-us-contact-modal-input1 {
  color: var(--color-on-surface);
  width: 100%;
  border: 1px solid var(--color-border);
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.75rem;
  font-size: var(--font-size-base);
  background: var(--color-surface);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-radio1 {
  width: 20px;
  cursor: pointer;
  height: 20px;
  margin: 0;
  accent-color: var(--color-primary);
}
 
.contact-us-contact-modal-radio-label1 {
  color: var(--color-on-surface);
  cursor: pointer;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  margin-left: var(--spacing-sm);
  user-select: none;
}
 
.contact-us-contact-modal-input1:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-input1.contact-modal-input-error {
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-textarea1:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-textarea1.contact-modal-input-error {
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-btn-primary1:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-btn-primary1:active {
  transform: translateY(0);
}
 
.contact-us-contact-modal-btn-primary1:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  transform: none;
}
 
.contact-us-contact-modal-btn-secondary1:hover {
  color: var(--color-primary);
  background: var(--color-surface-elevated);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-success1.contact-modal-success-active {
  display: block;
}
 
.contact-us-contact-modal-btn1.contact-modal-loading {
  color: transparent;
  position: relative;
  pointer-events: none;
}
 
.contact-us-contact-modal-btn1.contact-modal-loading::after {
  top: 50%;
  left: 50%;
  width: 20px;
  border: 3px solid transparent;
  height: 20px;
  content: "";
  position: absolute;
  animation: contactModalSpin 0.8s linear infinite;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top-color: var(--color-on-primary);
}
 
.thq-contact-modal-required-elm3 {
  color: var(--color-secondary);
}
 
.thq-contact-modal-required-elm4 {
  color: var(--color-secondary);
}
 
.thq-contact-modal-required-elm5 {
  color: var(--color-secondary);
}
 
.thq-contact-modal-required-elm6 {
  color: var(--color-secondary);
}
 
.thq-contact-modal-required-elm7 {
  color: var(--color-secondary);
}
 
.thq-contact-modal-required-elm1 {
  color: var(--color-secondary);
}
 
.thq-contact-modal-required-elm2 {
  color: var(--color-secondary);
}
 
.contact-modal-wrapper {
  position: relative;
}
 
.contact-us-contact-modal-trigger-btn {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: var(--contact-transition-base, all 0.3s ease);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  padding: var(--spacing-md);
  z-index: 9999;
  position: fixed;
  animation: contactModalFadeIn 0.3s ease-out;
  background: var(--color-scrim);
  overflow-y: auto;
  align-items: center;
  backdrop-filter: blur(4px);
  justify-content: center;
}
 
.contact-us-contact-modal-container2 {
  width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  animation: contactModalSlideUp 0.4s ease-out;
  max-width: 600px;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-3);
  max-height: 90vh;
  border-radius: var(--contact-border-radius-lg, var(--border-radius-lg));
  flex-direction: column;
}
 
.contact-us-contact-modal-close-btn {
  top: var(--spacing-md);
  color: var(--color-on-surface);
  right: var(--spacing-md);
  width: 40px;
  border: 1px solid var(--color-border);
  cursor: pointer;
  height: 40px;
  display: flex;
  z-index: 10;
  position: absolute;
  background: var(--color-surface-elevated);
  transition: var(--contact-transition-base, all 0.3s ease);
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.contact-us-contact-modal-header2 {
  padding: var(--spacing-xl) var(--spacing-lg);
  position: relative;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  border-radius: var(--contact-border-radius-lg, var(--border-radius-lg)) var(--contact-border-radius-lg, var(--border-radius-lg)) 0 0;
}
 
.contact-us-contact-modal-body2 {
  flex: 1;
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow-y: auto;
}
 
.contact-us-contact-modal-title2 {
  color: var(--color-on-primary);
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.contact-us-contact-modal-step-indicator2 {
  color: var(--color-on-primary);
  opacity: 0.9;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-step {
  display: none;
  animation: contactModalFadeIn 0.3s ease-out;
}
 
.contact-us-contact-modal-current-step {
  display: block;
}
 
.contact-us-contact-modal-success2 {
  display: none;
  animation: contactModalFadeIn 0.5s ease-out;
  text-align: center;
}
 
.contact-us-contact-modal-submission-error {
  color: var(--color-on-secondary);
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-secondary);
  box-shadow: var(--shadow-level-2);
  text-align: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-lg);
}
 
.contact-us-contact-modal-success-content {
  margin-bottom: var(--spacing-2xl);
}
 
.contact-us-contact-modal-btn2 {
  flex: 1;
  border: none;
  cursor: pointer;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: var(--font-size-base);
  transition: var(--contact-transition-base, all 0.3s ease);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-btn-primary2 {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
}
 
.contact-us-contact-modal-row {
  gap: var(--spacing-md);
  display: grid;
  margin-bottom: var(--spacing-md);
  grid-template-columns: 1fr 1fr;
}
 
.contact-us-contact-modal-field {
  margin-bottom: var(--spacing-lg);
}
 
.contact-us-contact-modal-actions {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-xl);
}
 
.contact-us-contact-modal-actions-double {
  justify-content: space-between;
}
 
.contact-us-contact-modal-success-svg {
  color: var(--color-primary);
  margin: 0 auto var(--spacing-lg);
  display: block;
}
 
.contact-us-contact-modal-success-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
}
 
.contact-modal-success-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.contact-us-contact-modal-label2 {
  color: var(--color-on-surface);
  display: block;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-xs);
}
 
.contact-us-contact-modal-input-wrapper {
  position: relative;
}
 
.contact-us-contact-modal-error2 {
  color: var(--color-secondary);
  display: none;
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-xs);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-input2 {
  color: var(--color-on-surface);
  width: 100%;
  border: 2px solid var(--color-border);
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface);
  transition: var(--contact-transition-base, all 0.3s ease);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-radio-group2 {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-sm);
  flex-direction: column;
}
 
.contact-us-contact-modal-textarea2 {
  color: var(--color-on-surface);
  width: 100%;
  border: 2px solid var(--color-border);
  resize: vertical;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface);
  min-height: 120px;
  transition: var(--contact-transition-base, all 0.3s ease);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-btn-secondary2 {
  color: var(--color-on-surface);
  border: 2px solid var(--color-border);
  background: var(--color-surface-elevated);
}
 
.required-asterisk {
  color: var(--color-secondary);
}
 
.contact-us-contact-modal-input-icon2 {
  top: 50%;
  left: var(--spacing-sm);
  color: var(--color-on-surface-secondary);
  display: flex;
  position: absolute;
  transform: translateY(-50%);
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
 
.contact-us-contact-modal-input-with-icon {
  padding-left: calc(var(--spacing-md) + 24px);
}
 
.contact-us-contact-modal-radio2 {
  width: 20px;
  cursor: pointer;
  height: 20px;
  margin: 0;
  accent-color: var(--color-primary);
}
 
.contact-us-contact-modal-radio-label2 {
  color: var(--color-on-surface);
  cursor: pointer;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  margin-left: var(--spacing-sm);
  user-select: none;
}
 
.contact-us-contact-modal-trigger-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-close-btn:hover {
  color: var(--color-on-primary);
  transform: rotate(90deg);
  background: var(--color-primary);
}
 
.contact-us-contact-modal-input2:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-outline);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-input2.invalid {
  background: color-mix(in srgb, var(--color-secondary) 5%, var(--color-surface));
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-textarea2:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-outline);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-textarea2.invalid {
  background: color-mix(in srgb, var(--color-secondary) 5%, var(--color-surface));
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-error2:not(:empty) {
  display: block;
}
 
.contact-us-contact-modal-btn-primary2:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-btn-primary2:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
 
.contact-us-contact-modal-btn-secondary2:hover {
  background: var(--color-neutral);
  border-color: var(--color-neutral);
}
 
.contact-us-contact-modal-trigger-btn1 {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: var(--contact-transition-base, all 0.3s ease);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-backdrop1 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  padding: var(--spacing-md);
  z-index: 9999;
  position: fixed;
  animation: contactModalFadeIn 0.3s ease-out;
  background: var(--color-scrim);
  overflow-y: auto;
  align-items: center;
  backdrop-filter: blur(4px);
  justify-content: center;
}
 
.contact-us-contact-modal-container3 {
  width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  animation: contactModalSlideUp 0.4s ease-out;
  max-width: 600px;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-3);
  max-height: 90vh;
  border-radius: var(--contact-border-radius-lg, var(--border-radius-lg));
  flex-direction: column;
}
 
.contact-us-contact-modal-close-btn1 {
  top: var(--spacing-md);
  color: var(--color-on-surface);
  right: var(--spacing-md);
  width: 40px;
  border: 1px solid var(--color-border);
  cursor: pointer;
  height: 40px;
  display: flex;
  z-index: 10;
  position: absolute;
  background: var(--color-surface-elevated);
  transition: var(--contact-transition-base, all 0.3s ease);
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.contact-us-contact-modal-header3 {
  padding: var(--spacing-xl) var(--spacing-lg);
  position: relative;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  border-radius: var(--contact-border-radius-lg, var(--border-radius-lg)) var(--contact-border-radius-lg, var(--border-radius-lg)) 0 0;
}
 
.contact-us-contact-modal-body3 {
  flex: 1;
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow-y: auto;
}
 
.contact-us-contact-modal-title3 {
  color: var(--color-on-primary);
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.contact-us-contact-modal-step-indicator3 {
  color: var(--color-on-primary);
  opacity: 0.9;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-step1 {
  display: none;
  animation: contactModalFadeIn 0.3s ease-out;
}
 
.contact-us-contact-modal-current-step1 {
  display: block;
}
 
.contact-us-contact-modal-success3 {
  display: none;
  animation: contactModalFadeIn 0.5s ease-out;
  text-align: center;
}
 
.contact-us-contact-modal-submission-error1 {
  color: var(--color-on-secondary);
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-secondary);
  box-shadow: var(--shadow-level-2);
  text-align: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-lg);
}
 
.contact-us-contact-modal-success-content1 {
  margin-bottom: var(--spacing-2xl);
}
 
.contact-us-contact-modal-btn3 {
  flex: 1;
  border: none;
  cursor: pointer;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: var(--font-size-base);
  transition: var(--contact-transition-base, all 0.3s ease);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-btn-primary3 {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
}
 
.contact-us-contact-modal-row1 {
  gap: var(--spacing-md);
  display: grid;
  margin-bottom: var(--spacing-md);
  grid-template-columns: 1fr 1fr;
}
 
.contact-us-contact-modal-field1 {
  margin-bottom: var(--spacing-lg);
}
 
.contact-us-contact-modal-actions1 {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-xl);
}
 
.contact-us-contact-modal-actions-double1 {
  justify-content: space-between;
}
 
.contact-us-contact-modal-success-svg1 {
  color: var(--color-primary);
  margin: 0 auto var(--spacing-lg);
  display: block;
}
 
.contact-us-contact-modal-success-title1 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
}
 
.contact-us-contact-modal-label3 {
  color: var(--color-on-surface);
  display: block;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-xs);
}
 
.contact-us-contact-modal-input-wrapper1 {
  position: relative;
}
 
.contact-us-contact-modal-error3 {
  color: var(--color-secondary);
  display: none;
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-xs);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-input3 {
  color: var(--color-on-surface);
  width: 100%;
  border: 2px solid var(--color-border);
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface);
  transition: var(--contact-transition-base, all 0.3s ease);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-radio-group3 {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-sm);
  flex-direction: column;
}
 
.contact-us-contact-modal-textarea3 {
  color: var(--color-on-surface);
  width: 100%;
  border: 2px solid var(--color-border);
  resize: vertical;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface);
  min-height: 120px;
  transition: var(--contact-transition-base, all 0.3s ease);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-btn-secondary3 {
  color: var(--color-on-surface);
  border: 2px solid var(--color-border);
  background: var(--color-surface-elevated);
}
 
.contact-us-contact-modal-input-icon3 {
  top: 50%;
  left: var(--spacing-sm);
  color: var(--color-on-surface-secondary);
  display: flex;
  position: absolute;
  transform: translateY(-50%);
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
 
.contact-us-contact-modal-input-with-icon1 {
  padding-left: calc(var(--spacing-md) + 24px);
}
 
.contact-us-contact-modal-radio3 {
  width: 20px;
  cursor: pointer;
  height: 20px;
  margin: 0;
  accent-color: var(--color-primary);
}
 
.contact-us-contact-modal-radio-label3 {
  color: var(--color-on-surface);
  cursor: pointer;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  margin-left: var(--spacing-sm);
  user-select: none;
}
 
.contact-us-contact-modal-trigger-btn1:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-close-btn1:hover {
  color: var(--color-on-primary);
  transform: rotate(90deg);
  background: var(--color-primary);
}
 
.contact-us-contact-modal-input3:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-outline);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-input3.invalid {
  background: color-mix(in srgb, var(--color-secondary) 5%, var(--color-surface));
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-textarea3:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-outline);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-textarea3.invalid {
  background: color-mix(in srgb, var(--color-secondary) 5%, var(--color-surface));
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-error3:not(:empty) {
  display: block;
}
 
.contact-us-contact-modal-btn-primary3:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-btn-primary3:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
 
.contact-us-contact-modal-btn-secondary3:hover {
  background: var(--color-neutral);
  border-color: var(--color-neutral);
}
 
.contact-trigger-btn {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-backdrop2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  padding: var(--spacing-lg);
  z-index: 9999;
  position: fixed;
  background: var(--color-scrim);
  overflow-y: auto;
  align-items: center;
  justify-content: center;
}
 
.contact-us-contact-modal-container4 {
  width: 100%;
  position: relative;
  animation: contactModalSlideIn 0.3s ease-out;
  max-width: 600px;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-3);
  max-height: 90vh;
  overflow-y: auto;
  border-radius: var(--border-radius-lg);
}
 
.contact-us-contact-modal-close-btn2 {
  top: var(--spacing-lg);
  color: var(--color-on-surface);
  right: var(--spacing-lg);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-xs);
  z-index: 10;
  position: absolute;
  background: transparent;
  transition: all 0.2s ease;
  align-items: center;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.contact-us-contact-modal-header4 {
  padding: var(--spacing-xl);
  background: var(--gradient_btn_1);
  text-align: center;
  border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}
 
.contact-us-contact-modal-body4 {
  padding: var(--spacing-2xl) var(--spacing-xl);
}
 
.contact-us-contact-modal-title4 {
  color: var(--color-on-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.contact-step-indicator {
  color: var(--color-on-primary);
  opacity: 0.9;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-step2 {
  display: none;
}
 
.contact-submission-error {
  color: var(--color-on-secondary);
  display: none;
  padding: var(--spacing-md);
  font-size: var(--font-size-sm);
  background: var(--color-secondary);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-body);
  border-radius: var(--border-radius-control);
  margin-bottom: var(--spacing-lg);
}
 
.contact-success-content {
  display: flex;
  padding: var(--spacing-2xl) 0;
  text-align: center;
  align-items: center;
  flex-direction: column;
}
 
.contact-us-contact-modal-row2 {
  gap: var(--spacing-md);
  display: grid;
  margin-bottom: var(--spacing-md);
  grid-template-columns: 1fr 1fr;
}
 
.contact-us-contact-modal-actions2 {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-xl);
}
 
.contact-success-svg {
  animation: contactSuccessScale 0.5s ease-out;
  margin-bottom: var(--spacing-xl);
}
 
.contact-success-text {
  margin-bottom: var(--spacing-xl);
}
 
.contact-us-contact-modal-btn4 {
  flex: 1;
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  transition: all 0.3s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-btn-primary4 {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
}
 
.contact-us-contact-modal-label4 {
  color: var(--color-on-surface);
  display: block;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-xs);
}
 
.contact-us-contact-modal-input-wrapper2 {
  position: relative;
}
 
.contact-us-contact-modal-error4 {
  color: var(--color-secondary);
  display: none;
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-xs);
  min-height: 20px;
}
 
.contact-us-contact-modal-input4 {
  color: var(--color-on-surface);
  width: 100%;
  border: 1px solid var(--color-border);
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface);
  box-sizing: border-box;
  transition: all 0.2s ease;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-radio-group4 {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.contact-us-contact-modal-textarea4 {
  color: var(--color-on-surface);
  width: 100%;
  border: 1px solid var(--color-border);
  resize: vertical;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface);
  box-sizing: border-box;
  transition: all 0.2s ease;
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-btn-secondary4 {
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  background: transparent;
}
 
.contact-success-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
}
 
.contact-success-message {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.contact-required-asterisk {
  color: var(--color-secondary);
}
 
.contact-us-contact-modal-input-icon4 {
  top: 50%;
  left: var(--spacing-md);
  color: var(--color-on-surface-secondary);
  display: flex;
  position: absolute;
  transform: translateY(-50%);
  align-items: center;
  pointer-events: none;
}
 
.contact-us-contact-modal-input-with-icon2 {
  padding-left: calc(var(--spacing-md) * 2.5);
}
 
.contact-us-contact-modal-radio4 {
  width: 20px;
  cursor: pointer;
  height: 20px;
  margin: 0;
  accent-color: var(--color-primary);
}
 
.contact-us-contact-modal-radio-label4 {
  color: var(--color-on-surface);
  cursor: pointer;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  margin-left: var(--spacing-sm);
}
 
.contact-trigger-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-backdrop2.is-active {
  display: flex;
}
 
.contact-us-contact-modal-close-btn2:hover {
  transform: rotate(90deg);
  background: var(--color-neutral);
}
 
.contact-us-contact-modal-input4:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-input4.error {
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-textarea4:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-textarea4.error {
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-error4.active {
  display: block;
}
 
.contact-submission-error.active {
  display: block;
}
 
.contact-us-contact-modal-btn-primary4:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-btn-primary4.loading {
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: none;
}
 
.contact-us-contact-modal-btn-primary4.loading::after {
  width: 16px;
  border: 2px solid var(--color-on-primary);
  height: 16px;
  content: "";
  display: inline-block;
  animation: contactButtonSpin 0.6s linear infinite;
  margin-left: var(--spacing-sm);
  border-radius: 50%;
  border-top-color: transparent;
}
 
.contact-us-contact-modal-btn-secondary4:hover {
  color: var(--color-on-primary);
  transform: translateY(-2px);
  background: var(--color-primary);
}
 
.contact-trigger-button {
  color: var(--color-on-primary, #ffffff);
  border: none;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  background: var(--gradient_btn_1, linear-gradient(135deg, #ce912c 0%, #e27a1b 100%));
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-md, 16px);
}
 
.contact-us-contact-modal-backdrop3 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  padding: 20px;
  z-index: 1000;
  position: fixed;
  overflow-y: auto;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
}
 
.contact-us-contact-modal-container5 {
  width: 100%;
  margin: auto;
  padding: 32px;
  position: relative;
  max-width: 500px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  background-color: var(--color-surface, #ffffff);
}
 
.contact-us-contact-modal-close-btn3 {
  top: 16px;
  color: var(--color-on-surface-secondary, #7e6b5a);
  right: 16px;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 8px;
  position: absolute;
  background: transparent;
  transition: background-color 0.2s ease, color 0.2s ease;
  align-items: center;
  border-radius: var(--border-radius-sm, 8px);
  justify-content: center;
}
 
.contact-us-contact-modal-header5 {
  margin-bottom: 24px;
}
 
.contact-us-contact-modal-form2 {
  display: flex;
  flex-direction: column;
}
 
.contact-us-contact-modal-title5 {
  color: var(--color-on-surface, #2a1d16);
  margin: 0 0 8px 0;
  font-size: var(--font-size-2xl, 1.75rem);
  font-weight: var(--font-weight-heading, 600);
}
 
.contact-us-contact-step-indicator {
  color: var(--color-on-surface-secondary, #7e6b5a);
  margin: 0;
  font-size: var(--font-size-sm, 0.875rem);
}
 
.contact-form-step {
  width: 100%;
}
 
.contact-success-state {
  padding: 20px 0;
  text-align: center;
}
 
.contact-form-field {
  gap: 6px;
  display: flex;
  flex-direction: column;
}
 
.contact-form-btn {
  border: none;
  cursor: pointer;
  padding: 12px 24px;
  font-size: var(--font-size-base, 1rem);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-sm, 8px);
}
 
.contact-btn-primary {
  flex: 1;
  color: var(--color-on-primary, #ffffff);
  background: var(--gradient_btn_1, linear-gradient(135deg, #ce912c 0%, #e27a1b 100%));
}
 
.contact-us-contact-submission-error {
  color: #ffffff;
  display: none;
  padding: 12px 16px;
  font-size: var(--font-size-sm, 0.875rem);
  border-radius: var(--border-radius-sm, 8px);
  margin-bottom: 8px;
  background-color: #e74c3c;
}
 
.contact-form-buttons {
  gap: 12px;
  display: flex;
}
 
.contact-success-icon {
  color: #ffffff;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  background-color: #27ae60;
}
 
.contact-us-contact-success-title {
  color: var(--color-on-surface, #2a1d16);
  margin: 0;
  font-size: var(--font-size-2xl, 1.75rem);
  font-weight: var(--font-weight-heading, 600);
}
 
.contact-us-contact-success-message {
  color: var(--color-on-surface-secondary, #7e6b5a);
  margin: 0;
  font-size: var(--font-size-base, 1rem);
  line-height: var(--line-height-body, 1.6);
}
 
.contact-form-label {
  color: var(--color-on-surface, #2a1d16);
  font-size: var(--font-size-base, 1rem);
  font-weight: var(--font-weight-medium, 500);
}
 
.contact-form-input {
  color: var(--color-on-surface, #2a1d16);
  width: 100%;
  border: 1px solid var(--color-border, rgba(191, 181, 170, 0.6));
  padding: 12px 16px;
  font-size: var(--font-size-base, 1rem);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  border-radius: var(--border-radius-sm, 8px);
  background-color: var(--color-surface, #ffffff);
}
 
.contact-form-error {
  color: #e74c3c;
  display: none;
  font-size: var(--font-size-sm, 0.875rem);
}
 
.contact-input-wrapper {
  display: flex;
  position: relative;
  align-items: center;
}
 
.contact-radio-group {
  gap: 12px;
  display: flex;
  flex-direction: column;
}
 
.contact-form-textarea {
  color: var(--color-on-surface, #2a1d16);
  width: 100%;
  border: 1px solid var(--color-border, rgba(191, 181, 170, 0.6));
  resize: vertical;
  padding: 12px 16px;
  font-size: var(--font-size-base, 1rem);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  border-radius: var(--border-radius-sm, 8px);
  background-color: var(--color-surface, #ffffff);
}
 
.contact-btn-secondary {
  flex: 1;
  color: var(--color-primary, #5e2a22);
  border: 2px solid var(--color-primary, #5e2a22);
  background-color: transparent;
}
 
.contact-us-required-asterisk {
  color: #e74c3c;
}
 
.contact-input-icon {
  left: 12px;
  color: var(--color-on-surface-secondary, #7e6b5a);
  display: flex;
  position: absolute;
  align-items: center;
  pointer-events: none;
}
 
.contact-input-with-icon {
  padding-left: 44px;
}
 
.contact-radio-label {
  gap: 10px;
  cursor: pointer;
  display: flex;
  padding: 8px;
  transition: background-color 0.2s ease;
  align-items: center;
  border-radius: var(--border-radius-sm, 8px);
}
 
.contact-radio-input {
  width: 18px;
  cursor: pointer;
  height: 18px;
  accent-color: var(--color-primary, #5e2a22);
}
 
.contact-radio-text {
  color: var(--color-on-surface, #2a1d16);
  font-size: var(--font-size-base, 1rem);
}
 
.contact-us-contact-modal-backdrop3.active {
  display: flex;
}
 
.contact-trigger-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(226, 122, 27, 0.3);
}
 
.contact-us-contact-modal-close-btn3:hover {
  color: var(--color-on-surface, #2a1d16);
  background-color: var(--color-neutral, #bfb5aa);
}
 
.contact-form-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(94, 42, 34, 0.1);
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-form-input.error {
  border-color: #e74c3c;
}
 
.contact-form-textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(94, 42, 34, 0.1);
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-form-textarea.error {
  border-color: #e74c3c;
}
 
.contact-form-error.visible {
  display: block;
}
 
.contact-radio-label:hover {
  background-color: rgba(191, 181, 170, 0.1);
}
 
.contact-btn-primary:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(226, 122, 27, 0.3);
}
 
.contact-btn-primary:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
 
.contact-btn-secondary:hover {
  color: var(--color-on-primary, #ffffff);
  background-color: var(--color-primary, #5e2a22);
}
 
.contact-us-contact-submission-error.visible {
  display: block;
}
 
.contact-us-contact-submission-error  p {
  margin: 0;
}
 
.contact-us-contact-modal-wrapper {
  display: inline-block;
}
 
.contact-us-contact-modal-trigger-btn2 {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: var(--contact-transition-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-backdrop4 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--spacing-md);
  z-index: 9999;
  position: fixed;
  animation: contactModalFadeIn 0.3s ease-out;
  background: var(--color-scrim);
  overflow-y: auto;
  align-items: center;
  backdrop-filter: blur(4px);
  justify-content: center;
}
 
.contact-us-contact-modal-container6 {
  width: 100%;
  display: flex;
  position: relative;
  animation: contactModalSlideUp 0.3s ease-out;
  max-width: 600px;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-3);
  max-height: 90vh;
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.contact-us-contact-modal-header6 {
  gap: var(--spacing-md);
  color: var(--color-on-primary);
  display: flex;
  padding: var(--spacing-lg);
  background: var(--gradient_btn_1);
  align-items: flex-start;
  border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
  justify-content: space-between;
}
 
.contact-us-contact-modal-body5 {
  flex: 1;
  padding: var(--spacing-xl);
  overflow-y: auto;
}
 
.contact-us-contact-modal-close-btn4 {
  color: var(--color-on-primary);
  width: 40px;
  border: none;
  cursor: pointer;
  height: 40px;
  display: flex;
  background: rgba(255, 255, 255, 0.2);
  transition: var(--contact-transition-base);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.contact-us-contact-modal-step3 {
  animation: contactModalSlideUp 0.3s ease-out;
}
 
.contact-us-contact-modal-success4 {
  display: flex;
  animation: contactModalSlideUp 0.3s ease-out;
  min-height: 400px;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.contact-us-contact-modal-title6 {
  color: var(--color-on-primary);
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.contact-us-contact-modal-step-indicator4 {
  color: var(--color-on-primary);
  opacity: 0.9;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-form3 {
  gap: var(--spacing-lg);
  display: flex;
  flex-direction: column;
}
 
.contact-us-contact-modal-actions3 {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-lg);
  justify-content: flex-end;
}
 
.contact-us-contact-modal-actions-double2 {
  justify-content: space-between;
}
 
.contact-us-contact-modal-submission-error2 {
  color: var(--color-secondary);
  border: 2px solid var(--color-secondary);
  padding: var(--spacing-md);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, var(--color-secondary) 10%, transparent);
  margin-top: var(--spacing-md);
  text-align: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-success-content2 {
  gap: var(--spacing-lg);
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-2xl);
  flex-direction: column;
}
 
.contact-us-contact-modal-btn5 {
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  position: relative;
  font-size: var(--font-size-base);
  min-width: 120px;
  transition: var(--contact-transition-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-btn-primary5 {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
}
 
.contact-us-contact-modal-success-close-btn {
  min-width: 200px;
}
 
.contact-us-contact-modal-field2 {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.contact-us-contact-modal-btn-secondary5 {
  color: var(--color-on-surface);
  border: 2px solid var(--color-border);
  background: var(--color-surface-elevated);
}
 
.contact-us-contact-modal-success-svg2 {
  animation: contactModalSuccessCheckmark 0.6s ease-out;
}
 
.contact-us-contact-modal-success-title2 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.contact-us-contact-modal-success-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  max-width: 400px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.contact-us-contact-modal-label5 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-base);
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-input5 {
  color: var(--color-on-surface);
  width: 100%;
  border: 2px solid var(--color-border);
  outline: none;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface-elevated);
  transition: var(--contact-transition-base);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-contact-modal-error5 {
  color: var(--color-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  min-height: 20px;
  align-items: center;
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-radio-group5 {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.contact-us-contact-modal-textarea5 {
  color: var(--color-on-surface);
  width: 100%;
  border: 2px solid var(--color-border);
  resize: vertical;
  outline: none;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--color-surface-elevated);
  min-height: 120px;
  transition: var(--contact-transition-base);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-control);
}
 
.contact-us-required-asterisk1 {
  color: var(--color-secondary);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-input-icon5 {
  left: var(--spacing-md);
  color: var(--color-on-surface-secondary);
  display: flex;
  z-index: 1;
  position: absolute;
  align-items: center;
  pointer-events: none;
}
 
.contact-us-contact-modal-radio-item {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
}
 
.contact-us-contact-modal-radio5 {
  width: 20px;
  cursor: pointer;
  height: 20px;
  flex-shrink: 0;
  accent-color: var(--color-primary);
}
 
.contact-us-contact-modal-radio-label5 {
  flex: 1;
  color: var(--color-on-surface);
  cursor: pointer;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  user-select: none;
}
 
.contact-us-contact-modal-trigger-btn2:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-trigger-btn2:active {
  transform: translateY(0);
}
 
.contact-us-contact-modal-close-btn4:hover {
  transform: rotate(90deg);
  background: rgba(255, 255, 255, 0.3);
}
 
.contact-us-contact-modal-close-btn4  svg {
  width: 24px;
  height: 24px;
}
 
.contact-us-contact-modal-input-icon5  svg {
  width: 20px;
  height: 20px;
}
 
.contact-modal-input-wrapper  .contact-modal-input {
  padding-left: calc(var(--spacing-md) * 2.5);
}
 
.contact-us-contact-modal-input5:focus {
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-input5.contact-modal-input-error {
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-textarea5:focus {
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 15%, transparent);
  border-color: var(--color-primary);
}
 
.contact-us-contact-modal-textarea5.contact-modal-input-error {
  border-color: var(--color-secondary);
}
 
.contact-us-contact-modal-btn-primary5:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-btn-primary5:active:not(:disabled) {
  transform: translateY(0);
}
 
.contact-us-contact-modal-btn-primary5:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
 
.contact-us-contact-modal-btn-secondary5:hover:not(:disabled) {
  background: var(--color-neutral);
  border-color: var(--color-neutral);
}
 
.contact-us-contact-modal-btn-secondary5:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
 
.contact-us-contact-modal-trigger-btn3 {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
  justify-content: center;
}
 
.contact-us-contact-modal-backdrop5 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  opacity: 0;
  z-index: 1000;
  position: fixed;
  background: var(--color-scrim);
  transition: opacity 0.3s ease;
}
 
.contact-us-contact-modal-wrapper1 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  padding: var(--spacing-lg);
  z-index: 1001;
  position: fixed;
  overflow-y: auto;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
 
.contact-us-contact-modal-container7 {
  width: 100%;
  opacity: 0;
  z-index: 1002;
  position: relative;
  max-width: 560px;
  transform: scale(0.9) translateY(20px);
  background: var(--contact-color-white);
  box-shadow: var(--shadow-level-3);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  border-radius: var(--contact-border-radius-lg);
}
 
.contact-us-contact-modal-header7 {
  display: flex;
  padding: var(--contact-spacing-lg);
  position: relative;
  align-items: flex-start;
  border-bottom: var(--divider-value);
  justify-content: space-between;
}
 
.contact-us-contact-modal-body6 {
  padding: var(--contact-spacing-lg);
  position: relative;
}
 
.contact-us-contact-modal-header-content {
  gap: var(--spacing-xs);
  flex: 1;
  display: flex;
  flex-direction: column;
}
 
.contact-us-contact-modal-close-btn5 {
  color: var(--contact-color-text-secondary);
  width: 40px;
  border: none;
  cursor: pointer;
  height: 40px;
  display: flex;
  padding: 0;
  position: relative;
  background: transparent;
  transition: all 0.2s ease;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.contact-us-contact-modal-step4 {
  display: none;
  opacity: 0;
  transform: translateX(20px);
  transition: all 0.3s ease;
}
 
.contact-us-contact-modal-success5 {
  gap: var(--contact-spacing-md);
  display: none;
  padding: var(--contact-spacing-xl) 0;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.contact-us-contact-modal-title7 {
  color: var(--contact-color-text-primary);
  margin: 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.contact-us-contact-modal-step-indicator5 {
  color: var(--contact-color-text-muted);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-contact-modal-actions4 {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--contact-spacing-md);
}
 
.contact-us-contact-modal-actions-double3 {
  justify-content: space-between;
}
 
.contact-us-contact-modal-submission-error3 {
  color: #7f1d1d;
  border: 1px solid #dc2626;
  display: none;
  padding: var(--spacing-md);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, #dc2626 10%, transparent);
  margin-top: var(--spacing-md);
  border-radius: var(--contact-border-radius-sm);
}
 
.contact-us-contact-modal-success-svg3 {
  margin-bottom: var(--spacing-md);
}
 
.contact-us-contact-modal-success-text1 {
  color: var(--contact-color-text-primary);
  margin: 0;
  font-size: var(--font-size-lg);
  max-width: 400px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.contact-us-contact-modal-btn6 {
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md) var(--spacing-xl);
  position: relative;
  font-size: var(--font-size-base);
  min-width: 120px;
  transition: all 0.2s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--contact-border-radius-sm);
  justify-content: center;
}
 
.contact-us-contact-modal-btn-primary6 {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
}
 
.contact-us-contact-modal-field3 {
  gap: var(--spacing-xs);
  display: flex;
  position: relative;
  flex-direction: column;
}
 
.contact-us-contact-modal-btn-secondary6 {
  color: var(--contact-color-text-primary);
  border: 2px solid var(--contact-color-neutral);
  background: transparent;
}
 
.contact-us-contact-modal-label6 {
  color: var(--contact-color-text-primary);
  display: block;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  margin-bottom: 0;
}
 
.contact-us-contact-modal-input6 {
  color: var(--contact-color-text-primary);
  width: 100%;
  border: 2px solid var(--contact-color-neutral);
  display: block;
  outline: none;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--contact-color-white);
  transition: all 0.2s ease;
  font-family: var(--font-family-body);
  border-radius: var(--contact-border-radius-sm);
}
 
.contact-us-contact-modal-error6 {
  color: #dc2626;
  display: none;
  font-size: var(--font-size-sm);
  margin-top: 4px;
  font-family: var(--font-family-body);
}
 
.contact-us-contact-modal-radio-group6 {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.contact-us-contact-modal-textarea6 {
  color: var(--contact-color-text-primary);
  width: 100%;
  border: 2px solid var(--contact-color-neutral);
  resize: vertical;
  display: block;
  outline: none;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  background: var(--contact-color-white);
  min-height: 120px;
  transition: all 0.2s ease;
  font-family: var(--font-family-body);
  border-radius: var(--contact-border-radius-sm);
}
 
.contact-us-required-asterisk2 {
  color: #dc2626;
  margin-left: 2px;
}
 
.contact-us-contact-modal-input-icon6 {
  left: var(--spacing-md);
  color: var(--contact-color-text-muted);
  display: flex;
  z-index: 1;
  position: absolute;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
 
.contact-us-contact-modal-radio-item1 {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
}
 
.contact-us-contact-modal-radio6 {
  width: 20px;
  cursor: pointer;
  height: 20px;
  margin: 0;
  display: block;
  flex-shrink: 0;
  accent-color: var(--contact-color-primary);
}
 
.contact-us-contact-modal-radio-label6 {
  color: var(--contact-color-text-primary);
  cursor: pointer;
  margin: 0;
  display: block;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  user-select: none;
}
 
.contact-us-contact-modal-trigger-btn3:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-backdrop5.is-active {
  display: block;
  opacity: 1;
}
 
.contact-us-contact-modal-backdrop5.is-active .contact-modal-wrapper {
  pointer-events: auto;
}
 
.contact-us-contact-modal-backdrop5.is-active .contact-modal-container {
  opacity: 1;
  transform: scale(1) translateY(0);
}
 
.contact-us-contact-modal-close-btn5:hover {
  color: var(--contact-color-text-primary);
  background: var(--contact-color-bg-subtle);
}
 
.contact-us-contact-modal-close-btn5  svg {
  width: 24px;
  height: 24px;
  display: block;
}
 
.contact-us-contact-modal-step4.contact-modal-step-active {
  display: block;
  opacity: 1;
  transform: translateX(0);
}
 
.contact-us-contact-modal-step4  form {
  gap: var(--contact-spacing-md);
  display: flex;
  margin-bottom: var(--contact-spacing-lg);
  flex-direction: column;
}
 
.contact-us-contact-modal-input6:focus {
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--contact-color-primary) 15%, transparent);
  border-color: var(--contact-color-primary);
}
 
.contact-us-contact-modal-input6.error {
  border-color: #dc2626;
}
 
.contact-us-contact-modal-textarea6:focus {
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--contact-color-primary) 15%, transparent);
  border-color: var(--contact-color-primary);
}
 
.contact-us-contact-modal-textarea6.error {
  border-color: #dc2626;
}
 
.contact-us-contact-modal-error6:not(:empty) {
  display: block;
}
 
.contact-us-contact-modal-btn-primary6:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.contact-us-contact-modal-btn-primary6.loading {
  opacity: 0.7;
  pointer-events: none;
}
 
.contact-us-contact-modal-btn-primary6.loading::after {
  right: var(--spacing-md);
  width: 16px;
  border: 2px solid var(--color-on-primary);
  height: 16px;
  content: "";
  position: absolute;
  animation: contactModalSpin 0.6s linear infinite;
  border-radius: 50%;
  border-top-color: transparent;
}
 
.contact-us-contact-modal-btn-secondary6:hover {
  background: var(--contact-color-bg-subtle);
  border-color: var(--contact-color-neutral-dark);
}
 
.contact-us-contact-modal-submission-error3:not(:empty) {
  display: block;
}
 
.contact-us-contact-modal-success5.is-active {
  display: flex;
}
 

 
.enquirypopupform-trigger-btn {
  color: var(--color-on-primary);
  border: none;
  cursor: pointer;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
  transition: all 0.2s ease;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
}
 
.enquirypopupform-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  padding: var(--spacing-md);
  z-index: 9999;
  position: fixed;
  overflow-y: auto;
  align-items: center;
  justify-content: center;
  background-color: var(--color-scrim);
}
 
.enquirypopupform-container {
  width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  animation: enquirySlideUp 0.3s ease-out;
  max-width: 600px;
  box-shadow: var(--shadow-level-3);
  max-height: 90vh;
  border-radius: var(--border-radius-lg);
  flex-direction: column;
  background-color: var(--color-surface);
}
 
.enquirypopupform-header {
  display: flex;
  padding: var(--spacing-xl);
  align-items: flex-start;
  border-bottom: var(--divider-value);
  justify-content: space-between;
  background-color: var(--color-surface-elevated);
}
 
.enquirypopupform-body {
  flex: 1;
  padding: var(--spacing-xl);
  overflow-y: auto;
}
 
.enquirypopupform-header-content {
  flex: 1;
  padding-right: var(--spacing-md);
}
 
.enquirypopupform-close-btn {
  color: var(--color-on-surface-secondary);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-xs);
  background: none;
  transition: all 0.2s ease;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.enquirypopupform-step {
  animation: enquiryFadeIn 0.3s ease-out;
}
 

 

 
.enquirypopupform-success {
  display: flex;
  padding: var(--spacing-2xl) 0;
  text-align: center;
  align-items: center;
  flex-direction: column;
}
 
.enquirypopupform-title {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.enquirypopupform-step-indicator {
  margin-top: var(--spacing-xs);
}
 
.enquirypopupform-form {
  gap: var(--spacing-lg);
  display: flex;
  flex-direction: column;
}
 
.enquirypopupform-actions {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-xl);
  justify-content: flex-end;
}
 
.enquirypopupform-submission-error {
  color: var(--color-secondary);
  padding: var(--spacing-md);
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-lg);
  border-left: 4px solid var(--color-secondary);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-sm);
  background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
}
 
.enquirypopupform-actions-double {
  justify-content: space-between;
}
 
.enquirypopupform-success-content {
  gap: var(--spacing-lg);
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-xl);
  flex-direction: column;
}
 
.enquirypopupform-step-text {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
}
 
.enquirypopupform-field {
  gap: var(--spacing-xs);
  display: flex;
  flex-direction: column;
}
 
.enquirypopupform-btn {
  gap: var(--spacing-xs);
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: var(--font-size-base);
  min-width: 120px;
  transition: all 0.2s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-control);
  justify-content: center;
}
 
.enquirypopupform-btn-primary {
  color: var(--color-on-primary);
  background: var(--gradient_btn_1);
  box-shadow: var(--shadow-level-1);
}
 
.enquirypopupform-btn-secondary {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  background-color: transparent;
}
 
.enquirypopupform-success-svg {
  animation: enquirySuccessScale 0.5s ease-out;
}
 
.enquirypopupform-success-title {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.enquirypopupform-success-text {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  max-width: 400px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.enquirypopupform-label {
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-body);
}
 
.enquirypopupform-input {
  color: var(--color-on-surface);
  width: 100%;
  border: 1px solid var(--color-border);
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  transition: all 0.2s ease;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  border-radius: var(--border-radius-control);
  background-color: var(--contact-color-white);
}
 
.enquirypopupform-error {
  color: var(--color-secondary);
  display: none;
  font-size: var(--font-size-sm);
  margin-top: var(--spacing-xs);
  font-family: var(--font-family-body);
}
 
.enquirypopupform-input-wrapper {
  display: flex;
  position: relative;
  align-items: center;
}
 

 
.enquirypopupform-radio-group {
  gap: var(--spacing-sm);
  display: flex;
  margin-top: var(--spacing-xs);
  flex-direction: column;
}
 
.enquirypopupform-textarea {
  color: var(--color-on-surface);
  width: 100%;
  border: 1px solid var(--color-border);
  resize: vertical;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  min-height: 120px;
  transition: all 0.2s ease;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  border-radius: var(--border-radius-control);
  background-color: var(--contact-color-white);
}
 
.contact-us-required-asterisk3 {
  color: var(--color-secondary);
  margin-left: 2px;
}
 
.enquirypopupform-city-icon {
  left: var(--spacing-md);
  color: var(--color-on-surface-secondary);
  display: flex;
  position: absolute;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}
 
.enquirypopupform-input-icon {
  padding-left: calc(var(--spacing-md) + 28px);
}
 
.enquirypopupform-radio-item {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
}
 
.enquirypopupform-radio {
  width: 20px;
  border: 2px solid var(--color-border);
  cursor: pointer;
  height: 20px;
  position: relative;
  appearance: none;
  transition: all 0.2s ease;
  flex-shrink: 0;
  border-radius: 50%;
}
 
.enquirypopupform-radio-label {
  color: var(--color-on-surface);
  cursor: pointer;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  user-select: none;
}
 
.enquirypopupform-backdrop.is-active {
  display: flex;
}
 
.enquirypopupform-close-btn:hover {
  color: var(--color-on-surface);
  background-color: var(--color-neutral);
}
 
.enquirypopupform-close-btn:active {
  transform: scale(0.95);
}
 
.enquirypopupform-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 10%, transparent);
  border-color: var(--color-primary);
}
 
.enquirypopupform-input::placeholder {
  color: var(--contact-color-text-muted);
}
 
.enquirypopupform-input.has-error {
  border-color: var(--color-secondary);
}
 
.enquirypopupform-textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 10%, transparent);
  border-color: var(--color-primary);
}
 
.enquirypopupform-textarea::placeholder {
  color: var(--contact-color-text-muted);
}
 
.enquirypopupform-textarea.has-error {
  border-color: var(--color-secondary);
}
 
.enquirypopupform-error.is-visible {
  display: block;
}
 
.enquirypopupform-radio:checked {
  border-color: var(--color-primary);
  background-color: var(--contact-color-white);
}
 
.enquirypopupform-radio:checked::before {
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--color-primary);
}
 
.enquirypopupform-radio:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 10%, transparent);
}
 
.enquirypopupform-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.enquirypopupform-btn-primary:active {
  transform: translateY(0);
}
 
.enquirypopupform-btn-primary:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  transform: none;
}
 
.enquirypopupform-btn-secondary:hover {
  border-color: var(--color-neutral);
  background-color: var(--color-neutral);
}
 
.enquirypopupform-btn-secondary:active {
  transform: scale(0.98);
}
 
.enquirypopupform-trigger-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.enquirypopupform-trigger-btn:active {
  transform: translateY(0);
}
 

 

 
.contact-us-enquirypopupform-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  padding: var(--spacing-md, 1rem);
  z-index: 9999;
  position: fixed;
  animation: enquirypopupform-fadeIn 0.3s ease;
  background: var(--color-scrim, rgba(0, 0, 0, 0.65));
  overflow-y: auto;
  align-items: center;
  backdrop-filter: blur(4px);
  justify-content: center;
}
 
.enquirypopupform-modal {
  width: 100%;
  position: relative;
  animation: enquirypopupform-slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  max-width: 560px;
  background: var(--color-surface, #efe6db);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
  max-height: 90vh;
  overflow-y: auto;
  border-radius: var(--border-radius-xl, 32px);
}
 
.contact-us-enquirypopupform-close-btn {
  top: var(--spacing-lg, 1.5rem);
  color: var(--color-on-surface, #2a1d16);
  right: var(--spacing-lg, 1.5rem);
  width: 40px;
  border: none;
  cursor: pointer;
  height: 40px;
  display: flex;
  z-index: 10;
  position: absolute;
  background: var(--color-surface-elevated, rgba(0, 0, 0, 0.05));
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full, 9999px);
  justify-content: center;
}
 
.enquirypopupform-content {
  display: block;
}
 
.contact-us-enquirypopupform-success {
  display: none;
  padding: var(--spacing-3xl, 4rem) var(--spacing-2xl, 3rem);
}
 
.contact-us-enquirypopupform-header {
  padding: var(--spacing-3xl, 4rem) var(--spacing-2xl, 3rem) var(--spacing-lg, 1.5rem);
  text-align: center;
  border-bottom: 1px solid var(--color-border, rgba(191, 181, 170, 0.3));
}
 
.contact-us-enquirypopupform-step-indicator {
  padding: var(--spacing-md, 1rem) var(--spacing-2xl, 3rem);
  background: linear-gradient(135deg, var(--color-surface-elevated, rgba(0, 0, 0, 0.03)) 0%, transparent 100%);
  border-bottom: 1px solid var(--color-border, rgba(191, 181, 170, 0.3));
}
 
.contact-us-enquirypopupform-form {
  padding: var(--spacing-2xl, 3rem);
}
 
.contact-us-enquirypopupform-success-content {
  text-align: center;
}
 
.contact-us-enquirypopupform-title {
  color: var(--color-primary, #5e2a22);
  margin: 0 0 var(--spacing-xs, 0.5rem);
  font-size: var(--font-size-3xl, 2.5rem);
  font-family: var(--font-family-heading, "Red Hat Display", sans-serif);
  font-weight: var(--font-weight-heading, 600);
  line-height: var(--line-height-heading, 1.25);
}
 
.enquirypopupform-subtitle {
  color: var(--color-on-surface-secondary, #7e6b5a);
  margin: 0;
  font-size: var(--font-size-base, 1rem);
  line-height: var(--line-height-body, 1.6);
}
 
.contact-us-enquirypopupform-step-text {
  color: var(--color-secondary, #e27a1b);
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: var(--font-weight-medium, 500);
  letter-spacing: 1px;
  text-transform: uppercase;
}
 
.contact-us-enquirypopupform-step {
  display: none;
  animation: enquirypopupform-fadeIn 0.4s ease;
}
 

 
.enquirypopupform-success-icon {
  color: var(--color-primary, #5e2a22);
  margin: 0 auto var(--spacing-xl, 2rem);
  animation: enquirypopupform-checkmark 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
 
.contact-us-enquirypopupform-success-title {
  color: var(--color-primary, #5e2a22);
  margin: 0 0 var(--spacing-md, 1rem);
  font-size: var(--font-size-2xl, 1.75rem);
  font-family: var(--font-family-heading, "Red Hat Display", sans-serif);
  font-weight: var(--font-weight-heading, 600);
}
 
.enquirypopupform-success-message {
  color: var(--color-on-surface-secondary, #7e6b5a);
  margin: 0 0 var(--spacing-2xl, 3rem);
  font-size: var(--font-size-base, 1rem);
  line-height: var(--line-height-body, 1.6);
}
 
.contact-us-enquirypopupform-btn {
  border: none;
  cursor: pointer;
  display: inline-flex;
  padding: var(--spacing-md, 1rem) var(--spacing-xl, 2rem);
  overflow: hidden;
  position: relative;
  font-size: var(--font-size-base, 1rem);
  min-height: 50px;
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-heading, "Red Hat Display", sans-serif);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-control, 16px);
  justify-content: center;
}
 
.contact-us-enquirypopupform-btn-primary {
  color: var(--color-on-primary, #ffffff);
  background: var(--gradient_btn_1, linear-gradient(135deg, #ce912c 0%, #e27a1b 100%));
  box-shadow: 0 4px 16px rgba(226, 122, 27, 0.3);
}
 
.contact-us-enquirypopupform-field {
  margin-bottom: var(--spacing-xl, 2rem);
}
 
.contact-us-enquirypopupform-actions {
  gap: var(--spacing-md, 1rem);
  display: flex;
  margin-top: var(--spacing-2xl, 3rem);
}
 
.contact-us-enquirypopupform-submission-error {
  color: var(--color-secondary, #e27a1b);
  border: 1px solid var(--color-secondary, #e27a1b);
  display: none;
  padding: var(--spacing-md, 1rem);
  font-size: var(--font-size-sm, 0.875rem);
  background: color-mix(in srgb, var(--color-secondary, #e27a1b) 10%, transparent);
  border-radius: var(--border-radius-md, 16px);
  margin-bottom: var(--spacing-lg, 1.5rem);
}
 
.contact-us-enquirypopupform-actions-double {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
 
.contact-us-enquirypopupform-label {
  color: var(--color-on-surface, #2a1d16);
  display: block;
  font-size: var(--font-size-base, 1rem);
  font-family: var(--font-family-heading, "Red Hat Display", sans-serif);
  font-weight: var(--font-weight-medium, 500);
  margin-bottom: var(--spacing-xs, 0.5rem);
}
 
.contact-us-enquirypopupform-input {
  color: var(--color-on-surface, #2a1d16);
  width: 100%;
  border: 2px solid var(--color-border, rgba(191, 181, 170, 0.3));
  outline: none;
  padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  font-size: var(--font-size-base, 1rem);
  background: var(--color-surface, #efe6db);
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  border-radius: var(--border-radius-control, 16px);
}
 
.contact-us-enquirypopupform-error {
  color: var(--color-secondary, #e27a1b);
  display: block;
  font-size: var(--font-size-sm, 0.875rem);
  margin-top: var(--spacing-xs, 0.5rem);
  min-height: 20px;
  font-weight: var(--font-weight-medium, 500);
}
 
.contact-us-enquirypopupform-input-wrapper {
  position: relative;
}
 
.contact-us-enquirypopupform-radio-group {
  gap: var(--spacing-sm, 0.75rem);
  display: grid;
}
 
.contact-us-enquirypopupform-textarea {
  color: var(--color-on-surface, #2a1d16);
  width: 100%;
  border: 2px solid var(--color-border, rgba(191, 181, 170, 0.3));
  resize: vertical;
  outline: none;
  padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  font-size: var(--font-size-base, 1rem);
  background: var(--color-surface, #efe6db);
  min-height: 120px;
  transition: all 0.3s ease;
  font-family: var(--font-family-body, "Roboto", sans-serif);
  border-radius: var(--border-radius-control, 16px);
}
 
.contact-us-enquirypopupform-btn-secondary {
  color: var(--color-on-surface, #2a1d16);
  border: 2px solid var(--color-border, rgba(191, 181, 170, 0.6));
  background: transparent;
}
 
.enquirypopupform-required {
  color: var(--color-secondary, #e27a1b);
  margin-left: 2px;
}
 
.contact-us-enquirypopupform-input-icon {
  top: 50%;
  left: var(--spacing-md, 1rem);
  color: var(--color-on-surface-secondary, #7e6b5a);
  display: flex;
  position: absolute;
  transform: translateY(-50%);
  align-items: center;
  pointer-events: none;
}
 
.enquirypopupform-input-with-icon {
  padding-left: calc(var(--spacing-lg, 1.5rem) + 28px);
}
 
.contact-us-enquirypopupform-radio-item {
  display: flex;
  align-items: center;
}
 
.contact-us-enquirypopupform-radio {
  width: 20px;
  border: 2px solid var(--color-border, rgba(191, 181, 170, 0.6));
  cursor: pointer;
  height: 20px;
  margin: 0;
  position: relative;
  appearance: none;
  transition: all 0.2s ease;
  flex-shrink: 0;
  margin-right: var(--spacing-sm, 0.75rem);
  border-radius: var(--border-radius-full, 9999px);
}
 
.contact-us-enquirypopupform-radio-label {
  flex: 1;
  color: var(--color-on-surface, #2a1d16);
  cursor: pointer;
  font-size: var(--font-size-base, 1rem);
  user-select: none;
}
 
.contact-us-enquirypopupform-backdrop.enquirypopupform-active {
  display: flex;
}
 
.contact-us-enquirypopupform-close-btn:hover {
  color: var(--color-on-primary, #ffffff);
  transform: rotate(90deg);
  background: var(--color-primary, #5e2a22);
}
 
.enquirypopupform-content.enquirypopupform-hidden {
  display: none;
}
 
.contact-us-enquirypopupform-step.enquirypopupform-step-active {
  display: block;
}
 
.contact-us-enquirypopupform-input:focus {
  box-shadow: 0 0 0 4px var(--color-surface-elevated, rgba(94, 42, 34, 0.1));
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-us-enquirypopupform-input.enquirypopupform-input-error {
  border-color: var(--color-secondary, #e27a1b);
}
 
.contact-us-enquirypopupform-textarea:focus {
  box-shadow: 0 0 0 4px var(--color-surface-elevated, rgba(94, 42, 34, 0.1));
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-us-enquirypopupform-textarea.enquirypopupform-input-error {
  border-color: var(--color-secondary, #e27a1b);
}
 
.contact-us-enquirypopupform-radio:checked {
  background: var(--color-primary, #5e2a22);
  border-color: var(--color-primary, #5e2a22);
}
 
.contact-us-enquirypopupform-radio:checked::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  background: var(--color-on-primary, #ffffff);
  border-radius: var(--border-radius-full, 9999px);
}
 
.contact-us-enquirypopupform-submission-error.enquirypopupform-show {
  display: block;
}
 
.contact-us-enquirypopupform-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(226, 122, 27, 0.4);
}
 
.contact-us-enquirypopupform-btn-primary:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  transform: none;
}
 
.contact-us-enquirypopupform-btn-secondary:hover {
  background: var(--color-surface-elevated, rgba(0, 0, 0, 0.05));
  border-color: var(--color-primary, #5e2a22);
}
 

 
.enquirypopupform-btn-loading::after {
  width: 16px;
  border: 2px solid transparent;
  height: 16px;
  content: "";
  position: absolute;
  animation: enquirypopupform-spin 0.6s linear infinite;
  margin-left: var(--spacing-sm, 0.75rem);
  border-radius: var(--border-radius-full, 9999px);
  border-top-color: currentColor;
}
 
.contact-us-enquirypopupform-success.enquirypopupform-show {
  display: block;
  animation: enquirypopupform-fadeIn 0.5s ease;
}
 
.contact-us-required-asterisk4 {
  color: var(--color-secondary);
  margin-left: 2px;
}
 
.nirvana-footer-top-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-on-primary) 25%, transparent) 20%, color-mix(in oklab, var(--color-on-primary) 25%, transparent) 80%, transparent);
  margin-bottom: var(--spacing-4xl);
}
 
.nirvanafooter-nirvana-footer-main {
  gap: var(--spacing-3xl);
  width: 100%;
  display: grid;
  max-width: var(--content-max-width);
  align-items: start;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-3xl);
  grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
}
 
.nirvanafooter-nirvana-footer-bottom {
  gap: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: var(--spacing-xl);
  justify-content: space-between;
}
 
.nirvanafooter-nirvana-footer-brand {
  gap: var(--spacing-md);
}
 

 
.nirvana-footer-app-column {
  gap: var(--spacing-md);
}
 
.nirvanafooter-nirvana-footer-copyright {
  color: color-mix(in oklab, var(--color-on-primary) 60%, transparent);
  margin: 0;
  font-size: var(--font-size-sm);
  text-align: left;
}
 
.nirvana-footer-bottom-links {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
 
.nirvanafooter-nirvana-footer-logo {
  width: 200px;
  filter: brightness(0) invert(1);
  height: auto;
  display: block;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
 
.nirvana-footer-tagline {
  color: color-mix(in oklab, var(--color-on-primary) 70%, transparent);
  margin: 0;
  font-size: var(--font-size-sm);
  max-width: 280px;
  line-height: var(--line-height-body);
}
 
.nirvanafooter-nirvana-footer-social {
  gap: var(--spacing-sm);
  display: flex;
  align-items: center;
}
 
.nirvanafooter-nirvana-footer-heading {
  color: var(--color-on-primary);
  margin: 0;
  position: relative;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  letter-spacing: var(--letter-spacing-heading);
  padding-bottom: var(--spacing-sm);
}
 
.nirvanafooter-nirvana-footer-nav {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.nirvana-footer-app-description {
  color: color-mix(in oklab, var(--color-on-primary) 70%, transparent);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-body);
}
 
.nirvana-footer-app-badges {
  gap: var(--spacing-sm);
  display: flex;
  max-width: 240px;
  flex-direction: column;
}
 
.fragment27 {
  display: contents;
}
 
.nirvana-footer-bottom-link {
  color: color-mix(in oklab, var(--color-on-primary) 70%, transparent);
  font-size: var(--font-size-sm);
  transition: color 0.3s ease;
  text-decoration: none;
}
 
.nirvana-footer-separator {
  color: color-mix(in oklab, var(--color-on-primary) 40%, transparent);
  font-size: var(--font-size-sm);
}
 
.nirvana-footer-devotion {
  color: color-mix(in oklab, var(--color-on-primary) 70%, transparent);
  font-size: var(--font-size-sm);
  font-style: italic;
}
 
.fragment09 {
  display: contents;
}
 
.fragment10 {
  display: contents;
}
 
.nirvanafooter-nirvana-footer-link {
  color: color-mix(in oklab, var(--color-on-primary) 80%, transparent);
  width: fit-content;
  display: inline-flex;
  position: relative;
  font-size: var(--font-size-base);
  transition: all 0.3s ease;
  align-items: center;
  line-height: 1.6;
  padding-left: 0;
  text-decoration: none;
}
 
.fragment18 {
  display: contents;
}
 
.fragment25 {
  display: contents;
}
 
.fragment26 {
  display: contents;
}
 
.nirvana-footer-app-badge {
  gap: var(--spacing-md);
  border: 2px solid color-mix(in oklab, var(--color-on-primary) 25%, transparent);
  cursor: pointer;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  background: color-mix(in oklab, var(--color-on-primary) 10%, transparent);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-control);
  text-decoration: none;
}
 
.fragment28 {
  display: contents;
}
 
.fragment29 {
  display: contents;
}
 
.fragment30 {
  display: contents;
}
 
.nirvana-footer-badge-text {
  gap: 2px;
  display: flex;
  flex-direction: column;
}
 
.fragment11 {
  display: contents;
}
 
.fragment12 {
  display: contents;
}
 
.fragment13 {
  display: contents;
}
 
.fragment14 {
  display: contents;
}
 
.fragment15 {
  display: contents;
}
 
.fragment16 {
  display: contents;
}
 
.fragment17 {
  display: contents;
}
 
.fragment19 {
  display: contents;
}
 
.fragment20 {
  display: contents;
}
 
.fragment21 {
  display: contents;
}
 
.fragment22 {
  display: contents;
}
 
.fragment23 {
  display: contents;
}
 
.fragment24 {
  display: contents;
}
 
.nirvana-footer-badge-label {
  color: color-mix(in oklab, var(--color-on-primary) 60%, transparent);
  font-size: var(--font-size-xs);
  line-height: 1.2;
}
 
.nirvana-footer-badge-platform {
  color: var(--color-on-primary);
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
}
 
.nirvanafooter-nirvana-footer-logo:hover {
  opacity: 0.85;
  transform: scale(1.02);
}
 
.nirvana-footer-social-link:focus {
  outline: 2px solid var(--color-secondary);
  outline-offset: 3px;
}
 
.nirvanafooter-nirvana-footer-heading::after {
  left: 0;
  width: 40px;
  bottom: 0;
  height: 2px;
  content: "";
  position: absolute;
  background: var(--color-secondary);
  border-radius: var(--border-radius-full);
}
 
.nirvanafooter-nirvana-footer-link::before {
  top: 50%;
  left: -16px;
  width: 8px;
  height: 2px;
  content: "";
  position: absolute;
  transform: translateY(-50%) scaleX(0);
  background: var(--color-secondary);
  transition: transform 0.3s ease;
  transform-origin: left;
}
 
.nirvanafooter-nirvana-footer-link:hover {
  color: var(--color-on-primary);
  transform: translateX(4px);
  padding-left: var(--spacing-lg);
}
 
.nirvanafooter-nirvana-footer-link:hover::before {
  transform: translateY(-50%) scaleX(1);
}
 
.nirvanafooter-nirvana-footer-link:focus {
  outline: 2px solid var(--color-secondary);
  border-radius: var(--border-radius-sm);
  outline-offset: 2px;
}
 
.nirvana-footer-app-badge:hover {
  transform: translateY(-2px);
  background: color-mix(in oklab, var(--color-on-primary) 15%, transparent);
  box-shadow: 0 4px 12px rgba(226, 122, 27, 0.2);
  border-color: var(--color-secondary);
}
 
.nirvana-footer-app-badge:focus {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}
 
.nirvana-footer-app-badge  svg {
  color: var(--color-on-primary);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
 
.nirvana-footer-bottom-link:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}
 
.nirvana-footer-bottom-link:focus {
  outline: 2px solid var(--color-secondary);
  border-radius: var(--border-radius-sm);
  outline-offset: 2px;
}
 
.privacy-hero-section {
  width: 100%;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #59190f 0%, color-mix(in oklab, #59190f 95%, var(--color-accent)) 50%, #59190f 100%);
  min-height: 70vh;
  align-items: center;
  justify-content: center;
}
 
.privacy-hero-mandala-bg {
  top: 50%;
  left: 50%;
  width: 800px;
  height: 800px;
  opacity: 0.4;
  z-index: 1;
  position: absolute;
  animation: privacy-hero-rotate 120s linear infinite;
  transform: translate(-50%, -50%);
  background-image: radial-gradient(circle at center, transparent 30%, #59190f 70%),repeating-conic-gradient(from 0deg at center, transparent 0deg, color-mix(in oklab, var(--color-accent) 5%, transparent) 2deg, transparent 4deg, color-mix(in oklab, var(--color-accent) 5%, transparent) 6deg, transparent 8deg);
}
 
.privacy-hero-container {
  width: 100%;
  margin: 0 auto;
  z-index: 3;
  position: relative;
  max-width: 900px;
}
 
.privacy-hero-content {
  gap: var(--spacing-lg);
  display: flex;
  flex-direction: column;
}
 
.privacy-hero-icon-wrapper {
  gap: var(--spacing-md);
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: var(--spacing-xl);
  justify-content: center;
}
 
.privacy-hero-heading {
  color: var(--color-on-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-4xl);
  background: linear-gradient(135deg, var(--color-on-primary) 0%, color-mix(in oklab, var(--color-on-primary) 80%, var(--color-accent)) 100%);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: 0.5px;
  text-transform: var(--text-transform-heading);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.privacy-hero-divider {
  gap: var(--spacing-sm);
  display: flex;
  opacity: 0.6;
  align-items: center;
  margin-bottom: var(--spacing-xl);
  justify-content: center;
}
 
.privacy-hero-subheading {
  color: color-mix(in oklab, var(--color-on-primary) 80%, transparent);
  margin: 0 auto var(--spacing-2xl) auto;
  font-size: var(--font-size-lg);
  max-width: 750px;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: 1.8;
  letter-spacing: var(--letter-spacing-body);
}
 
.privacy-hero-trust-badges {
  gap: var(--spacing-xl);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-2xl);
  align-items: center;
  justify-content: center;
}
 
.privacy-hero-icon-circle {
  width: 80px;
  height: 80px;
  display: flex;
  z-index: 2;
  position: relative;
  animation: privacy-hero-float 6s ease-in-out infinite;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-accent) 15%, #59190f), color-mix(in oklab, #ffffff 5%, #59190f));
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 2px 16px color-mix(in oklab, #ffffff 10%, transparent);
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 
.privacy-hero-dots {
  width: 4px;
  height: 4px;
  position: relative;
  background: var(--color-neutral);
  border-radius: var(--border-radius-full);
}
 

 

 
.privacy-hero-divider-line {
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--color-neutral) 50%, transparent 100%);
}
 
.privacy-hero-divider-dot {
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  box-shadow: 0 0 12px color-mix(in oklab, var(--color-accent) 40%, transparent);
  border-radius: var(--border-radius-full);
}
 
.privacy-hero-badge {
  gap: var(--spacing-xs);
  color: var(--color-on-primary);
  border: 1px solid color-mix(in oklab, var(--color-on-primary) 20%, transparent);
  display: flex;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-sm);
  background: color-mix(in oklab, #59190f 80%, #ffffff);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-full);
}
 
.privacy-hero-shield-icon {
  color: var(--color-on-primary);
  filter: drop-shadow(0 2px 8px color-mix(in oklab, var(--color-on-primary) 30%, transparent));
}
 
.privacy-hero-badge-icon {
  color: var(--color-on-primary);
}
 
.privacy-hero-dots-left::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  background: var(--color-neutral);
  border-radius: var(--border-radius-full);
}
 
.privacy-hero-dots-left::after {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  background: var(--color-neutral);
  border-radius: var(--border-radius-full);
}
 
.privacy-hero-dots-right::before {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  background: var(--color-neutral);
  border-radius: var(--border-radius-full);
}
 
.privacy-hero-dots-right::after {
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  background: var(--color-neutral);
  border-radius: var(--border-radius-full);
}
 
.privacy-hero-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px color-mix(in oklab, var(--color-accent) 20%, transparent);
  border-color: color-mix(in oklab, var(--color-accent) 30%, transparent);
}
 
.privacy-hero-badge  span {
  color: var(--color-on-primary);
}
 
.privacy-policy-section {
  width: 100%;
  display: flex;
  padding: var(--spacing-4xl) 0;
  background: #fffbf5;
  min-height: 100vh;
  justify-content: center;
}
 
.privacy-container {
  width: 100%;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-2xl);
  max-width: var(--content-max-width);
  background: #fffbf5;
}
 
.privacy-header {
  text-align: center;
  border-bottom: 2px solid var(--color-neutral);
  margin-bottom: var(--spacing-3xl);
  padding-bottom: var(--spacing-2xl);
}
 
.privacy-intro {
  padding: var(--spacing-xl);
  background: linear-gradient(135deg, rgba(94, 42, 34, 0.05) 0%, rgba(226, 122, 27, 0.05) 100%);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--border-radius-lg);
  margin-bottom: var(--spacing-2xl);
}
 
.privacy-section {
  margin-bottom: var(--spacing-3xl);
}
 
.privacy-contact-section {
  border: 2px solid var(--color-neutral);
  padding: var(--spacing-2xl);
  background: linear-gradient(135deg, rgba(94, 42, 34, 0.03) 0%, rgba(226, 122, 27, 0.03) 100%);
  border-radius: var(--border-radius-lg);
}
 
.privacy-footer-note {
  border-top: 2px solid var(--color-neutral);
  margin-top: var(--spacing-3xl);
  text-align: center;
  padding-top: var(--spacing-xl);
}
 
.privacy-icon-wrapper {
  width: 80px;
  height: 80px;
  display: inline-flex;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  box-shadow: 0 8px 24px rgba(94, 42, 34, 0.2);
  align-items: center;
  border-radius: 50%;
  margin-bottom: var(--spacing-lg);
  justify-content: center;
}
 
.privacy-main-title {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.privacy-last-updated {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: inline-flex;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  align-items: center;
  border-radius: var(--border-radius-full);
}
 
.privacy-section-header {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-xl);
}
 
.privacy-subsection {
  padding-left: var(--spacing-2xl);
  margin-bottom: var(--spacing-xl);
}
 
.privacy-highlight-box {
  border: 2px solid var(--color-accent);
  padding: var(--spacing-xl);
  background: linear-gradient(135deg, rgba(155, 89, 182, 0.08) 0%, rgba(226, 122, 27, 0.08) 100%);
  border-radius: var(--border-radius-md);
}
 
.privacy-text {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
 
.privacy-list-checked {
  margin: var(--spacing-md) 0;
  padding: 0;
  list-style: none;
}
 
.privacy-providers-grid {
  gap: var(--spacing-lg);
  margin: var(--spacing-xl) 0;
  display: flex;
  flex-wrap: wrap;
}
 
.privacy-text-indent {
  margin-top: var(--spacing-lg);
}
 
.privacy-security-box {
  gap: var(--spacing-lg);
  display: flex;
  padding: var(--spacing-xl);
  background: linear-gradient(135deg, rgba(94, 42, 34, 0.05) 0%, rgba(155, 89, 182, 0.05) 100%);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--border-radius-md);
}
 
.privacy-contact-cards {
  gap: var(--spacing-lg);
  display: grid;
  margin-top: var(--spacing-xl);
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
 
.privacy-shield-icon {
  color: #ffffff;
  width: 48px;
  height: 48px;
}
 
.privacy-clock-icon {
  color: var(--color-accent);
}
 
.privacy-section-number {
  color: #ffffff;
  width: 44px;
  height: 44px;
  display: inline-flex;
  font-size: var(--font-size-xl);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  box-shadow: 0 4px 12px rgba(94, 42, 34, 0.3);
  align-items: center;
  flex-shrink: 0;
  font-weight: var(--font-weight-heading);
  border-radius: 50%;
  justify-content: center;
}
 
.privacy-section-title {
  color: var(--color-primary);
  margin: 0;
  font-size: var(--font-size-2xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}
 
.privacy-subsection-title {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  display: flex;
  font-size: var(--font-size-lg);
  align-items: center;
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
}
 
.privacy-list {
  margin: var(--spacing-md) 0;
  padding: 0;
  list-style: none;
}
 
.privacy-provider-category {
  flex: 1 1 300px;
  border: 1px solid var(--color-outline);
  height: fit-content;
  display: flex;
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: var(--contact-transition-base);
  border-radius: var(--border-radius-md);
  flex-direction: column;
}
 
.privacy-security-icon {
  color: var(--color-accent);
  flex-shrink: 0;
}
 
.privacy-contact-card {
  gap: var(--spacing-md);
  display: flex;
  padding: var(--spacing-lg);
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(94, 42, 34, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-md);
}
 
.privacy-check-icon {
  color: var(--color-accent);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.privacy-provider-title {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
}
 
.privacy-provider-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.privacy-contact-icon {
  color: #ffffff;
  width: 48px;
  height: 48px;
  display: flex;
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.privacy-contact-info {
  gap: 4px;
  display: flex;
  flex-direction: column;
}
 
.privacy-contact-label {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.privacy-contact-link {
  color: var(--color-primary);
  font-size: var(--font-size-base);
  transition: color 0.3s ease;
  word-break: break-word;
  font-weight: var(--font-weight-medium);
  text-decoration: none;
}
 
.privacy-intro  p {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--line-height-body);
}
 
.privacy-subsection-title::before {
  width: 6px;
  height: 6px;
  content: "";
  background: var(--color-accent);
  flex-shrink: 0;
  border-radius: 50%;
}
 
.privacy-list  li {
  color: var(--color-on-surface);
  position: relative;
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
  padding-left: var(--spacing-xl);
  margin-bottom: var(--spacing-sm);
}
 
.privacy-list  li::before {
  top: 11px;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  background: var(--color-secondary);
  border-radius: 50%;
}
 
.privacy-list-checked  li {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-base);
  align-items: flex-start;
  line-height: var(--line-height-body);
  margin-bottom: var(--spacing-md);
}
 
.privacy-highlight-box  .privacy-text {
  margin: 0;
}
 
.privacy-security-box  .privacy-text {
  margin: 0;
}
 
.privacy-provider-list  li {
  color: var(--color-on-surface-secondary);
  padding: var(--spacing-xs) 0;
  font-size: var(--font-size-sm);
  border-bottom: 1px solid var(--color-outline);
}
 
.privacy-provider-list  li:last-child {
  border-bottom: none;
}
 
.privacy-contact-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 24px rgba(94, 42, 34, 0.15);
}
 
.privacy-contact-link:hover {
  color: var(--color-accent);
}
 
.privacy-footer-note  p {
  color: var(--color-primary);
  margin: 0;
  font-size: var(--font-size-lg);
  font-style: italic;
}
 
.privacy-policy-privacy-hero-section {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  min-height: 500px;
  background-color: rgb(89, 25, 15);
}
 
.privacy-policy-privacy-hero-container {
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.privacy-hero-pattern-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 1;
  position: absolute;
  background-image: radial-gradient(circle at 20% 50%, rgba(226, 122, 27, 0.08) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(155, 89, 182, 0.06) 0%, transparent 50%),repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(239, 230, 219, 0.02) 35px, rgba(239, 230, 219, 0.02) 70px);
}
 
.privacy-hero-grid {
  gap: var(--spacing-3xl);
  display: grid;
  z-index: 2;
  position: relative;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
 
.privacy-hero-visual {
  display: flex;
  padding: var(--spacing-xl);
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.privacy-hero-badges {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.privacy-policy-privacy-hero-heading {
  color: var(--color-surface);
  margin: 0;
  font-size: var(--font-size-4xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  letter-spacing: -0.5px;
}
 
.privacy-policy-privacy-hero-subheading {
  color: rgba(239, 230, 219, 0.92);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.privacy-hero-image-wrapper {
  width: 100%;
  display: flex;
  position: relative;
  max-width: 450px;
  align-items: center;
  aspect-ratio: 1;
  justify-content: center;
}
 
.privacy-policy-privacy-hero-badge {
  gap: 6px;
  border: 1px solid rgba(239, 230, 219, 0.2);
  display: inline-flex;
  padding: 8px 16px;
  background: rgba(239, 230, 219, 0.12);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(10px);
}
 
.privacy-hero-circle-decoration {
  top: 50%;
  left: 50%;
  width: 85%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  height: 85%;
  z-index: 1;
  position: absolute;
  animation: privacy-pulse 3s ease-in-out infinite;
  transform: translate(-50%, -50%);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);
  border-radius: 50%;
}
 
.privacy-hero-image {
  width: 70%;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.3));
  height: 70%;
  z-index: 2;
  position: relative;
  animation: privacy-float 4s ease-in-out infinite;
  object-fit: contain;
}
 
.privacy-hero-floating-icon {
  color: rgb(89, 25, 15);
  display: flex;
  padding: 12px;
  z-index: 3;
  position: absolute;
  background: rgba(239, 230, 219, 0.95);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
 
.privacy-icon-shield {
  top: 10%;
  right: 5%;
  animation: privacy-float-shield 3s ease-in-out infinite;
}
 
.privacy-icon-lock {
  left: 8%;
  bottom: 15%;
  animation: privacy-float-lock 3.5s ease-in-out infinite 0.5s;
}
 
.privacy-badge-icon {
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.privacy-badge-text {
  color: var(--color-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
 
.privacy-hero-pattern-overlay::before {
  top: 10%;
  right: 5%;
  width: 300px;
  height: 300px;
  content: "";
  opacity: 0.05;
  position: absolute;
  transform: rotate(15deg);
  pointer-events: none;
  background-size: contain;
  background-image: d151aa50-3f08-497f-b8f8-5cd98fd9456b;
  background-repeat: no-repeat;
  background-position: center;
}
 
.privacy-hero-pattern-overlay::after {
  left: -50px;
  width: 250px;
  bottom: -50px;
  height: 250px;
  content: "";
  opacity: 0.04;
  position: absolute;
  transform: rotate(-25deg);
  pointer-events: none;
  background-size: contain;
  background-image: d151aa50-3f08-497f-b8f8-5cd98fd9456b;
  background-repeat: no-repeat;
  background-position: center;
}
 
.privacy-policy-privacy-hero-badge:hover {
  transform: translateY(-2px);
  background: rgba(239, 230, 219, 0.18);
  box-shadow: 0 4px 12px rgba(226, 122, 27, 0.15);
  border-color: rgba(226, 122, 27, 0.4);
}
 
.privacy-hero-circle-decoration::before {
  top: -10px;
  left: -10px;
  right: -10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  bottom: -10px;
  content: "";
  position: absolute;
  animation: privacy-rotate 20s linear infinite;
  border-radius: 50%;
}
 
.privacy-hero-floating-icon:hover {
  transform: scale(1.1) rotate(10deg);
  box-shadow: 0 12px 32px rgba(226, 122, 27, 0.3);
}
 

 

 
.privacy-provider-category:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2);
  border-color: var(--color-secondary);
}
 
.terms-conditions-section {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #2d1b3d 0%, #1a0f2e 50%, #2d1b3d 100%);
  min-height: 100vh;
}
 
.terms-conditions-container {
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  z-index: 2;
  position: relative;
  max-width: 900px;
}
 
.terms-bg-mandala {
  top: 10%;
  left: 50%;
  width: 600px;
  height: 600px;
  opacity: 0.6;
  position: absolute;
  animation: terms-rotate-slow 120s linear infinite;
  transform: translateX(-50%);
  background: radial-gradient(circle at center, transparent 30%, rgba(226, 122, 27, 0.05) 70%),repeating-conic-gradient(from 0deg at center, transparent 0deg, rgba(226, 122, 27, 0.03) 2deg, transparent 4deg);
  pointer-events: none;
}
 
.terms-bg-glow-1 {
  top: 20%;
  left: -10%;
  width: 400px;
  filter: blur(80px);
  height: 400px;
  position: absolute;
  background: radial-gradient(circle, rgba(155, 89, 182, 0.15) 0%, transparent 70%);
  pointer-events: none;
}
 
.terms-bg-glow-2 {
  right: -10%;
  width: 500px;
  bottom: 20%;
  filter: blur(80px);
  height: 500px;
  position: absolute;
  background: radial-gradient(circle, rgba(226, 122, 27, 0.1) 0%, transparent 70%);
  pointer-events: none;
}
 
.terms-header {
  animation: terms-fade-in 0.8s ease-out;
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.terms-intro {
  animation: terms-fade-in 1s ease-out 0.2s both;
  margin-bottom: var(--spacing-3xl);
}
 
.terms-content {
  gap: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
}
 
.terms-footer {
  animation: terms-fade-in 1.2s ease-out 0.4s both;
  margin-top: var(--spacing-4xl);
  text-align: center;
  padding-top: var(--spacing-3xl);
}
 
.terms-header-icon {
  color: var(--color-secondary);
  width: 80px;
  border: 2px solid rgba(226, 122, 27, 0.3);
  height: 80px;
  margin: 0 auto var(--spacing-lg);
  display: inline-flex;
  background: linear-gradient(135deg, rgba(226, 122, 27, 0.2) 0%, rgba(155, 89, 182, 0.2) 100%);
  box-shadow: 0 0 30px rgba(226, 122, 27, 0.3);
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
 
.terms-main-title {
  color: var(--color-surface);
  margin: 0 0 var(--spacing-md);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  text-shadow: 0 2px 20px rgba(226, 122, 27, 0.3);
  letter-spacing: 1px;
}
 
.terms-updated-date {
  color: rgba(239, 230, 219, 0.7);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  letter-spacing: 0.5px;
}
 
.terms-header-divider {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-xl);
  align-items: center;
  justify-content: center;
}
 
.terms-intro-text {
  color: rgba(239, 230, 219, 0.9);
  margin: 0;
  padding: var(--spacing-xl);
  font-size: var(--font-size-lg);
  background: rgba(226, 122, 27, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  text-align: center;
  border-left: 4px solid var(--color-secondary);
  font-family: var(--font-family-body);
  line-height: 1.8;
  border-radius: var(--border-radius-md);
}
 
.terms-section {
  border: 1px solid rgba(226, 122, 27, 0.15);
  padding: var(--spacing-xl);
  animation: terms-slide-up 0.6s ease-out both;
  background: rgba(239, 230, 219, 0.03);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-lg);
  animation-delay: calc(var(--section-index, 0) * 0.1s);
  backdrop-filter: blur(10px);
}
 
.terms-footer-divider {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-xl);
  justify-content: center;
}
 
.terms-footer-text {
  color: rgba(239, 230, 219, 0.8);
  margin: 0 auto var(--spacing-lg);
  font-size: var(--font-size-base);
  max-width: 700px;
  font-style: italic;
  font-family: var(--font-family-body);
  line-height: 1.8;
}
 
.terms-footer-blessing {
  color: var(--color-secondary);
  margin: var(--spacing-xl) 0 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  text-shadow: 0 0 20px rgba(226, 122, 27, 0.4);
  letter-spacing: 2px;
}
 
.terms-divider-line {
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(226, 122, 27, 0.5) 50%, transparent 100%);
}
 
.terms-divider-dot {
  width: 8px;
  height: 8px;
  background: var(--color-secondary);
  box-shadow: 0 0 12px rgba(226, 122, 27, 0.6);
  border-radius: 50%;
}
 
.terms-section-header {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}
 
.terms-section-body {
  padding-left: calc(48px + var(--spacing-md));
}
 
.terms-divider-ornament {
  color: var(--color-secondary);
  font-size: var(--font-size-xl);
  text-shadow: 0 0 12px rgba(226, 122, 27, 0.5);
}
 
.terms-section-icon {
  color: var(--color-secondary);
  width: 48px;
  border: 2px solid rgba(226, 122, 27, 0.3);
  height: 48px;
  display: flex;
  background: linear-gradient(135deg, rgba(226, 122, 27, 0.15) 0%, rgba(155, 89, 182, 0.15) 100%);
  transition: all 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.terms-section-title {
  flex: 1;
  color: var(--color-secondary);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: 600;
  letter-spacing: 0.5px;
}
 
.terms-list {
  margin: var(--spacing-md) 0 0;
  padding: 0;
  list-style: none;
}
 
.terms-contact-info {
  border: 1px solid rgba(226, 122, 27, 0.2);
  padding: var(--spacing-lg);
  background: rgba(226, 122, 27, 0.06);
  margin-top: var(--spacing-lg);
  border-radius: var(--border-radius-md);
}
 
.terms-contact-item {
  color: rgba(239, 230, 219, 0.8);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: 1.6;
  margin-bottom: var(--spacing-sm);
}
 
.terms-header-icon  svg {
  width: 40px;
  filter: drop-shadow(0 0 8px rgba(226, 122, 27, 0.5));
  height: 40px;
}
 
.terms-section:hover {
  transform: translateX(8px);
  background: rgba(239, 230, 219, 0.05);
  box-shadow: -4px 0 0 var(--color-secondary), 0 8px 32px rgba(226, 122, 27, 0.15);
  border-color: rgba(226, 122, 27, 0.3);
}
 
.terms-section:hover .terms-section-icon {
  transform: scale(1.05);
  background: linear-gradient(135deg, rgba(226, 122, 27, 0.25) 0%, rgba(155, 89, 182, 0.25) 100%);
  box-shadow: 0 0 20px rgba(226, 122, 27, 0.4);
  border-color: var(--color-secondary);
}
 
.terms-section-icon  svg {
  width: 24px;
  height: 24px;
}
 
.terms-section-body  > p {
  color: rgba(239, 230, 219, 0.85);
  margin: 0 0 var(--spacing-md);
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: 1.8;
}
 
.terms-list  li {
  color: rgba(239, 230, 219, 0.75);
  position: relative;
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: 1.7;
  padding-left: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
}
 
.terms-list  li::before {
  top: 8px;
  left: 0;
  color: var(--color-secondary);
  content: "◆";
  position: absolute;
  font-size: 10px;
}
 
.terms-contact-item:last-child {
  margin-bottom: 0;
}
 
.terms-contact-item  strong {
  color: var(--color-secondary);
  font-weight: 600;
  margin-right: var(--spacing-xs);
}
 
.terms-hero-background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.08;
  z-index: 1;
  position: absolute;
  pointer-events: none;
}
 
.terms-hero-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
  z-index: 2;
  position: relative;
  max-width: 100%;
}
 
.terms-hero-mandala-decoration {
  top: -15%;
  left: -8%;
  width: 400px;
  height: 400px;
  position: absolute;
  animation: terms-rotate-slow 60s linear infinite;
  background: radial-gradient(circle at center, transparent 30%, rgba(255, 255, 255, 0.1) 31%, transparent 32%, transparent 45%, rgba(255, 255, 255, 0.08) 46%, transparent 47%, transparent 60%, rgba(255, 255, 255, 0.06) 61%, transparent 62%);
  border-radius: 50%;
}
 
.terms-hero-mandala-decoration-right {
  right: -5%;
  width: 350px;
  bottom: -12%;
  height: 350px;
  position: absolute;
  animation: terms-rotate-slow 80s linear infinite reverse;
  background: radial-gradient(circle at center, transparent 30%, rgba(255, 255, 255, 0.1) 31%, transparent 32%, transparent 45%, rgba(255, 255, 255, 0.08) 46%, transparent 47%, transparent 60%, rgba(255, 255, 255, 0.06) 61%, transparent 62%);
  border-radius: 50%;
}
 
.terms-hero-content {
  animation: terms-fade-in-up 0.8s ease-out;
  text-align: center;
}
 
.terms-hero-icon-wrapper {
  width: 80px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  height: 80px;
  display: inline-flex;
  animation: terms-icon-pulse 3s ease-in-out infinite;
  background: rgba(255, 255, 255, 0.08);
  align-items: center;
  border-radius: 50%;
  margin-bottom: var(--spacing-xl);
  backdrop-filter: blur(10px);
  justify-content: center;
}
 
.terms-hero-title {
  color: var(--color-on-primary);
  margin: 0 0 var(--spacing-lg);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.2;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5px;
}
 
.terms-hero-divider {
  gap: var(--spacing-md);
  margin: var(--spacing-xl) auto;
  display: flex;
  max-width: 200px;
  align-items: center;
  justify-content: center;
}
 
.terms-hero-description {
  color: var(--color-surface);
  margin: 0 0 var(--spacing-2xl);
  opacity: 0.95;
  font-size: clamp(1rem, 2vw, 1.125rem);
  max-width: 750px;
  font-family: var(--font-family-body);
  line-height: 1.8;
  margin-left: auto;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-right: auto;
  letter-spacing: 0.3px;
}
 
.terms-hero-trust-badges {
  gap: var(--spacing-lg);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-2xl);
  align-items: center;
  justify-content: center;
}
 
.terms-hero-icon {
  color: var(--color-on-primary);
  opacity: 0.9;
}
 
.terms-hero-divider-dot {
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
 
.terms-hero-divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
}
 
.terms-hero-badge {
  gap: var(--spacing-xs);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  padding: var(--spacing-sm) var(--spacing-lg);
  background: rgba(255, 255, 255, 0.06);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(10px);
}
 
.terms-hero-badge-icon {
  color: var(--color-on-primary);
  opacity: 0.85;
  flex-shrink: 0;
}
 
.terms-hero-badge-text {
  color: var(--color-on-primary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  letter-spacing: 0.3px;
}
 
.terms-hero-badge:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}
 
.legal-declaration-banner-wrapper {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
  position: relative;
  min-height: 500px;
  background-color: rgb(89, 25, 15);
}
 
.legal-declaration-inner-container {
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.cosmic-mandala-backdrop-left {
  top: 50%;
  left: 50%;
  width: 800px;
  height: 800px;
  opacity: 0.4;
  z-index: 1;
  position: absolute;
  animation: legal-mandala-rotation 120s linear infinite;
  transform: translate(-50%, -50%);
  background-image: radial-gradient(circle at center, transparent 30%, #59190f 70%),repeating-conic-gradient(from 0deg at center, transparent 0deg, color-mix(in oklab, var(--color-accent) 5%, transparent) 2deg, transparent 4deg, color-mix(in oklab, var(--color-accent) 5%, transparent) 6deg, transparent 8deg);
}
 
.cosmic-mandala-backdrop-right {
  top: 55%;
  left: 55%;
  width: 800px;
  height: 800px;
  opacity: 0.4;
  z-index: 1;
  position: absolute;
  animation: legal-mandala-rotation 120s linear infinite;
  transform: translate(-50%, -50%);
  background-image: radial-gradient(circle at center, transparent 30%, #59190f 70%),repeating-conic-gradient(from 0deg at center, transparent 0deg, color-mix(in oklab, var(--color-accent) 5%, transparent) 2deg, transparent 4deg, color-mix(in oklab, var(--color-accent) 5%, transparent) 6deg, transparent 8deg);
}
 
.legal-declaration-content-grid {
  gap: var(--spacing-3xl);
  display: grid;
  z-index: 2;
  position: relative;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
 
.legal-declaration-text-block {
  gap: var(--spacing-lg);
  display: flex;
  flex-direction: column;
}
 
.legal-declaration-visual-column {
  width: 100%;
  display: flex;
  padding: var(--spacing-xl);
  position: relative;
  align-items: center;
  justify-content: center;
}
 
.legal-scale-icon-container {
  width: 80px;
  border: 2px solid rgba(239, 230, 219, 0.2);
  height: 80px;
  display: flex;
  position: relative;
  background: rgba(239, 230, 219, 0.1);
  align-items: center;
  border-radius: 50%;
  margin-bottom: var(--spacing-md);
  justify-content: center;
}
 
.legal-declaration-main-title {
  color: var(--color-surface);
  margin: 0;
  font-size: var(--font-size-4xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  letter-spacing: -0.5px;
}
 
.legal-ornamental-separator {
  gap: 12px;
  margin: var(--spacing-sm) 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
 
.legal-declaration-descriptive-text {
  color: rgba(239, 230, 219, 0.92);
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.legal-trust-indicators-row {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
 
.legal-visual-element-container {
  width: 100%;
  display: flex;
  position: relative;
  max-width: 450px;
  align-items: center;
  aspect-ratio: 1;
  justify-content: center;
}
 
.legal-scale-icon-graphic {
  color: var(--color-surface);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6));
}
 
.legal-icon-radiance-effect {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  animation: legal-pulse-effect 2s ease-in-out infinite;
  background: radial-gradient(circle, rgba(226, 122, 27, 0.2) 0%, transparent 70%);
}
 
.legal-separator-dot-element {
  width: 6px;
  height: 6px;
  background: var(--color-secondary);
  box-shadow: 0 0 8px rgba(226, 122, 27, 0.6);
  border-radius: 50%;
}
 
.legal-separator-line-element {
  width: 60px;
  height: 2px;
  background: linear-gradient(to right, var(--color-secondary), transparent);
}
 
.legal-trust-indicator-item {
  gap: 6px;
  border: 1px solid rgba(239, 230, 219, 0.2);
  display: inline-flex;
  padding: 8px 16px;
  background: rgba(239, 230, 219, 0.12);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: var(--border-radius-full);
  backdrop-filter: blur(10px);
}
 
.legal-circular-ornament-frame {
  top: 50%;
  left: 50%;
  width: 85%;
  border: 1px solid var(--color-outline);
  height: 85%;
  z-index: 1;
  position: absolute;
  animation: legal-pulse-effect 3s ease-in-out infinite;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, var(--color-surface-elevated) 0%, transparent 100%);
  border-radius: 50%;
}
 
.legal-floating-emblem {
  color: var(--color-primary);
  border: 1px solid var(--color-outline);
  display: flex;
  padding: 12px;
  z-index: 3;
  position: absolute;
  background: var(--color-surface);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
 
.legal-floating-emblem:hover {
  box-shadow: var(--shadow-level-2);
  border-color: var(--color-secondary);
}
 
.legal-emblem-shield-position {
  top: 22%;
  right: 20%;
  animation: legal-float-shield-motion 3s ease-in-out infinite;
}
 
.legal-emblem-lock-position {
  left: 20%;
  bottom: 25%;
  animation: legal-float-lock-motion 3.5s ease-in-out infinite 0.5s;
}
 
.legal-indicator-icon-wrapper {
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.legal-indicator-label-text {
  color: var(--color-surface);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
 
.legal-central-icon-holder {
  top: 50%;
  left: 50%;
  width: 160px;
  border: 1px solid var(--color-outline);
  height: 160px;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: var(--shadow-level-2);
  align-items: center;
  border-radius: var(--border-radius-full);
  justify-content: center;
  background-color: var(--color-surface);
}
 
.legal-central-icon-luminescence {
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -1;
  position: absolute;
  background: radial-gradient(circle, var(--color-secondary) 0%, transparent 70%);
}
 
.legal-central-scale-symbol {
  color: var(--color-primary);
  width: 80px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
  height: 80px;
}
 
.legal-trust-indicator-item:hover {
  transform: translateY(-2px);
  background: rgba(239, 230, 219, 0.18);
  box-shadow: 0 4px 12px rgba(226, 122, 27, 0.15);
  border-color: rgba(226, 122, 27, 0.4);
}
 
.legal-circular-ornament-frame::before {
  top: -10px;
  left: -10px;
  right: -10px;
  border: 1px dashed var(--color-neutral);
  bottom: -10px;
  content: "";
  opacity: 0.3;
  position: absolute;
  animation: legal-rotate-ring 20s linear infinite;
  border-radius: 50%;
}
 
.legal-floating-emblem:hover {
  transform: scale(1.1) rotate(10deg);
  box-shadow: var(--shadow-level-2);
  border-color: var(--color-secondary);
}
 

 

 
.terms-service-wrapper {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  position: relative;
  background: linear-gradient(135deg, #fff9f0 0%, #faf5ed 50%, #f5efe7 100%);
  min-height: 100vh;
}
 
.terms-service-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.terms-intro-section {
  border: 1px solid rgba(155, 126, 189, 0.1);
  padding: var(--spacing-3xl);
  overflow: hidden;
  position: relative;
  background: #ffffff;
  box-shadow: 0 8px 32px rgba(94, 42, 34, 0.08);
  border-radius: var(--border-radius-xl);
  margin-bottom: var(--spacing-3xl);
}
 
.terms-and-conditions-terms-section {
  border: 1px solid rgba(191, 181, 170, 0.2);
  padding: var(--spacing-2xl);
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(94, 42, 34, 0.06);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-xl);
  margin-bottom: var(--spacing-xl);
}
 
.terms-intro-icon {
  color: #db8321;
  width: 64px;
  height: 64px;
  display: flex;
  background: linear-gradient(135deg, rgba(155, 126, 189, 0.1) 0%, rgba(232, 168, 124, 0.1) 100%);
  align-items: center;
  border-radius: var(--border-radius-lg);
  margin-bottom: var(--spacing-lg);
  justify-content: center;
}
 
.terms-and-conditions-terms-intro-text {
  color: #2c2c2c;
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: 1.8;
  letter-spacing: 0.3px;
}
 
.terms-and-conditions-terms-section-header {
  gap: var(--spacing-lg);
  display: flex;
  align-items: flex-start;
  border-bottom: 2px solid rgba(155, 126, 189, 0.15);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-lg);
}
 
.terms-section-content {
  padding-left: 72px;
}
 
.terms-section-number {
  color: #ffffff;
  width: 56px;
  height: 56px;
  display: flex;
  font-size: var(--font-size-2xl);
  background: var(--gradient_btn_1);
  box-shadow: 0 4px 16px rgba(226, 122, 27, 0.3);
  align-items: center;
  flex-shrink: 0;
  font-family: var(--font-family-heading);
  font-weight: 700;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.terms-section-title-wrapper {
  gap: var(--spacing-md);
  flex: 1;
  display: flex;
  align-items: center;
}
 
.terms-paragraph {
  color: #3a3a3a;
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: 1.8;
  letter-spacing: 0.3px;
}
 
.terms-and-conditions-terms-list {
  margin: 0 0 var(--spacing-lg) 0;
  padding: 0;
  list-style: none;
}
 
.terms-note {
  color: #3a3a3a;
  padding: var(--spacing-lg);
  font-size: var(--font-size-sm);
  background: linear-gradient(135deg, rgba(155, 126, 189, 0.05) 0%, rgba(232, 168, 124, 0.05) 100%);
  margin-top: var(--spacing-lg);
  border-left: 4px solid #9b7ebd;
  font-family: var(--font-family-body);
  line-height: 1.7;
  border-radius: var(--border-radius-sm);
}
 
.terms-subsection {
  margin-top: var(--spacing-xl);
}
 
.terms-and-conditions-terms-section-icon {
  color: #e8a87c;
  width: 40px;
  height: 40px;
  display: flex;
  background: rgba(232, 168, 124, 0.1);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.terms-and-conditions-terms-section-title {
  color: var(--color-primary);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: 600;
  line-height: 1.3;
}
 
.terms-list-item {
  gap: var(--spacing-md);
  display: flex;
  align-items: flex-start;
  padding-left: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}
 
.terms-link {
  color: #9b7ebd;
  transition: all 0.3s ease;
  font-weight: 500;
  border-bottom: 1px solid rgba(155, 126, 189, 0.3);
  text-decoration: none;
}
 
.terms-subsection-title {
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: 600;
}
 
.terms-service-wrapper::before {
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
  content: "";
  z-index: 1;
  position: absolute;
  background: radial-gradient(circle at 30% 20%, rgba(155, 126, 189, 0.08) 0%, transparent 50%),radial-gradient(circle at 70% 60%, rgba(232, 168, 124, 0.06) 0%, transparent 50%);
  pointer-events: none;
}
 
.terms-intro-section::before {
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  content: "";
  position: absolute;
  background: linear-gradient(90deg, #9b7ebd 0%, #e8a87c 100%);
}
 
.terms-and-conditions-terms-section:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(94, 42, 34, 0.1);
}
 
.terms-list-item  svg {
  color: #9b7ebd;
  margin-top: 4px;
  flex-shrink: 0;
}
 
.terms-list-item  span {
  color: #3a3a3a;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: 1.7;
  letter-spacing: 0.3px;
}
 
.terms-note  strong {
  color: var(--color-primary);
  font-weight: 600;
}
 
.terms-link:hover {
  color: #7c5e9a;
  border-bottom-color: #7c5e9a;
}
 

 

 
.nirvana-app-hero {
  width: 100%;
  padding: var(--spacing-2xl) 0 var(--spacing-lg);
  background: linear-gradient(135deg, #59190f 0%, #4a150c 100%);
}
 
.nirvana-app-container {
  margin: 0 auto;
  padding: 0 24px;
  max-width: 1200px;
}
 
.nirvana-app-hero-grid {
  gap: var(--spacing-xl);
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
 

 
.nirvana-app-hero-visual {
  width: 100%;
  display: flex;
  padding: 10px var(--spacing-xs);
  position: relative;
  align-items: center;
  perspective: 1000px;
  flex-direction: column;
}
 
.nirvana-app-hero-title {
  color: #ffffff;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: var(--spacing-md);
}
 
.nirvana-app-hero-subtitle {
  color: #efe6db;
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: var(--spacing-sm);
}
 
.nirvana-app-hero-login-note {
  color: #bfb5aa;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}
 
.nirvana-app-download-buttons {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-lg);
  flex-direction: row;
  justify-content: center;
}
 
.nirvana-app-qr-card {
  padding: 24px;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}
 
.nirvana-app-phone-mockup {
  z-index: 2;
  position: relative;
}
 
.nirvana-app-hero-badge {
  color: #e27a1b;
  padding: 12px 24px;
  font-size: 0.875rem;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  margin-top: 24px;
  font-weight: 500;
  border-radius: 50px;
}
 
.nirvana-app-btn {
  gap: 8px;
  flex: 1;
  display: flex;
  padding: 12px 16px;
  font-size: 0.875rem;
  min-width: 120px;
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 500;
  border-radius: var(--border-radius-md);
  justify-content: center;
  text-decoration: none;
}
 
.nirvana-app-btn-play {
  color: var(--color-on-surface);
  background: var(--color-surface-elevated);
}
 
.nirvana-app-btn-play:hover {
  box-shadow: var(--shadow-level-2);
}
 
.nirvana-app-btn-apple {
  color: #ffffff;
  background: linear-gradient(135deg, #12B9FA 0%, #1979F4 100%);
}
 
.nirvana-app-btn-web {
  color: #fff;
  border: 2px solid #e27a1b;
  background: var(--color-secondary);
}
 
.nirvana-app-btn-web:hover {
  background: #e27a1b;
}
 
.nirvana-app-qr-content {
  gap: 20px;
  display: flex;
  align-items: center;
}
 
.nirvana-app-phone-frame {
  width: 300px;
  padding: 16px;
  background: #2a1d16;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  border-radius: 40px;
}
 

 
.nirvana-app-qr-code {
  color: #8b7ba8;
  width: 80px;
  height: 80px;
  display: flex;
  background: #59190f;
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  justify-content: center;
}
 
.nirvana-app-phone-screen {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 28px;
}
 
.nirvana-app-qr-title {
  color: #2a1d16;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 4px;
}
 
.nirvana-app-qr-subtitle {
  color: #7e6b5a;
  font-size: 0.875rem;
}
 
.nirvana-app-benefits {
  width: 100%;
  background: var(--color-surface);
}
 
.nirvana-app-section-header {
  text-align: center;
  margin-bottom: 60px;
}
 
.nirvana-app-benefits-grid {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
 
.nirvana-app-section-title {
  color: var(--color-primary);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
  text-transform: var(--text-transform-heading);
}
 
.nirvana-app-section-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: 1.125rem;
  max-width: 700px;
  line-height: 1.7;
}
 
.nirvana-app-benefit-card {
  border: solid #59190f 1px;
  padding: 32px;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  text-align: center;
  transition: all 0.3s ease;
  border-radius: var(--border-radius-lg);
}
 
.nirvana-app-benefit-card:hover {
  box-shadow: var(--shadow-level-2);
}
 
.nirvana-app-benefit-icon {
  color: var(--color-on-primary);
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  display: flex;
  background: var(--gradient_btn_1);
  align-items: center;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.nirvana-app-benefit-title {
  color: var(--color-on-surface);
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 12px;
}
 
.nirvana-app-benefit-text {
  color: var(--color-on-surface-secondary);
  font-size: 0.95rem;
  line-height: 1.6;
}
 
.nirvana-app-inside {
  width: 100%;
  background-color: var(--color-surface);
}
 
.nirvana-app-inside-grid {
  gap: 24px;
  margin: 0 auto;
  display: grid;
  max-width: 800px;
  grid-template-columns: repeat(2, 1fr);
}
 
.nirvana-app-section-description {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: 1.125rem;
  max-width: 700px;
  font-style: italic;
  line-height: 1.7;
}
 
.nirvana-app-inside-card {
  gap: 16px;
  display: flex;
  padding: 24px;
  background: var(--color-on-primary);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: flex-start;
  border-radius: var(--border-radius-md);
}
 
.nirvana-app-inside-check {
  color: var(--color-on-primary);
  width: 32px;
  height: 32px;
  display: flex;
  background: var(--gradient_btn_1);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-full);
  justify-content: center;
}
 

 
.nirvana-app-inside-title {
  color: var(--color-on-surface);
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 4px;
}
 
.nirvana-app-inside-text {
  color: var(--color-on-surface-secondary);
  font-size: 0.875rem;
}
 
.nirvana-app-festival {
  width: 100%;
  background: var(--color-surface);
}
 
.nirvana-app-festival-grid {
  gap: 32px;
  display: grid;
  margin-bottom: 40px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
 
.nirvana-app-festival-note {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: 0.95rem;
  max-width: 700px;
  font-style: italic;
  text-align: center;
  line-height: 1.7;
}
 
.nirvana-app-festival-card {
  padding: 32px;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-card);
}
 
.nirvana-app-festival-card:hover {
  box-shadow: var(--shadow-level-2);
}
 
.nirvana-app-festival-badge {
  top: 20px;
  color: var(--color-on-secondary);
  right: 20px;
  padding: 6px 16px;
  position: absolute;
  font-size: 0.75rem;
  background: var(--gradient_btn_1);
  font-weight: 600;
  border-radius: var(--border-radius-full);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
 
.nirvana-app-festival-title {
  color: var(--color-on-surface);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 12px;
}
 
.nirvana-app-festival-description {
  color: var(--color-on-surface-secondary);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 24px;
}
 
.nirvana-app-festival-btn {
  color: var(--color-on-primary);
  display: inline-block;
  padding: 12px 28px;
  font-size: 0.95rem;
  background: var(--color-primary);
  transition: all 0.3s ease;
  font-weight: 500;
  border-radius: var(--border-radius-sm);
  text-decoration: none;
}
 
.nirvana-app-festival-btn:hover {
  background: var(--color-secondary);
  box-shadow: var(--shadow-level-1);
}
 
.nirvana-app-steps {
  width: 100%;
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.nirvana-app-steps-grid {
  gap: 40px;
  display: grid;
  margin-bottom: 40px;
  grid-template-columns: repeat(3, 1fr);
}
 
.nirvana-app-steps-note {
  color: #7e6b5a;
  font-size: 0.95rem;
  font-style: italic;
  text-align: center;
}
 
.nirvana-app-step-card {
  border: 1px solid var(--color-outline);
  padding: var(--spacing-md);
  background: var(--color-on-primary);
  box-shadow: var(--shadow-level-1);
  text-align: center;
  transition: all 0.3s ease;
  border-radius: var(--border-radius-lg);
}
 
.nirvana-app-step-number {
  color: #ffffff;
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
  display: flex;
  font-size: 1.5rem;
  background: var(--gradient_btn_1);
  align-items: center;
  font-weight: 700;
  border-radius: 50%;
  justify-content: center;
}
 
.nirvana-app-step-title {
  color: var(--color-primary);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-sm);
}
 
.nirvana-app-step-text {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.nirvana-app-support {
  width: 100%;
  background: var(--color-surface);
}
 
.nirvana-app-support-grid {
  gap: 32px;
  margin: 0 auto;
  display: grid;
  max-width: 800px;
  grid-template-columns: repeat(2, 1fr);
}
 
.nirvana-app-support-card {
  border: solid #59190f 1px;
  padding: 36px;
  background: var(--color-surface-elevated);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  text-align: center;
  transition: all 0.3s ease;
  border-radius: 20px;
}
 
.nirvana-app-support-icon {
  color: var(--color-surface);
  width: 72px;
  height: 72px;
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  border-radius: 16px;
  justify-content: center;
}
 
.nirvana-app-support-icon-whatsapp {
  background: linear-gradient(135deg, var(--contact-color-whatsapp) 0%, #20ba5a 100%);
}
 
.nirvana-app-support-title {
  color: var(--color-on-surface);
  font-size: 1.25rem;
  font-family: var(--font-family-heading);
  font-weight: 600;
  margin-bottom: 12px;
}
 
.nirvana-app-support-text {
  color: var(--color-on-surface-secondary);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
}
 
.nirvana-app-support-btn {
  color: var(--color-on-primary);
  display: inline-block;
  padding: 12px 28px;
  font-size: 0.95rem;
  background: var(--gradient_btn_1);
  transition: all 0.3s ease;
  font-weight: 500;
  border-radius: 12px;
  text-decoration: none;
}
 
.nirvana-app-support-icon-email {
  background: var(--color-primary);
}
 
.nirvana-app-support-icon-help {
  background: linear-gradient(135deg, #ce912c 0%, var(--color-secondary) 100%);
}
 
.nirvana-app-support-list {
  list-style: none;
  text-align: left;
  margin-bottom: 20px;
}
 
.nirvana-app-preview {
  width: 100%;
  overflow: hidden;
  background: var(--color-surface);
}
 
.nirvana-app-preview-wrapper {
  position: relative;
}
 
.nirvana-app-preview-arrow {
  top: 50%;
  color: var(--color-on-surface-secondary);
  width: 48px;
  border: 1px solid var(--color-outline);
  cursor: pointer;
  height: 48px;
  display: flex;
  z-index: 10;
  position: absolute;
  transform: translateY(-50%);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
 
.nirvana-app-preview-arrow:hover {
  color: var(--color-on-primary);
  background: var(--color-primary);
}
 
.nirvana-app-preview-arrow-left {
  left: 20px;
}
 
.nirvana-app-preview-carousel {
  padding: 20px 0;
  overflow: hidden;
}
 
.nirvana-app-preview-arrow-right {
  right: 20px;
}
 
.nirvana-app-preview-dots {
  gap: 8px;
  display: flex;
  margin-top: 32px;
  justify-content: center;
}
 
.nirvana-app-preview-track {
  gap: 24px;
  width: max-content;
  display: flex;
  padding: 0 20px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.nirvana-app-preview-item {
  flex: 0 0 auto;
  width: 320px;
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
}
 
.nirvana-app-preview-phone {
  width: 100%;
  display: flex;
  padding: var(--spacing-md);
  align-items: center;
  margin-bottom: var(--spacing-lg);
  justify-content: center;
}
 
.nirvana-app-preview-caption {
  color: var(--color-on-surface);
  font-size: 0.875rem;
  font-family: var(--font-family-body);
  font-weight: 500;
}
 
.nirvana-app-preview-screen {
  color: #ffffff;
  width: 100%;
  height: 400px;
  display: flex;
  overflow: hidden;
  align-items: center;
  font-weight: 500;
  border-radius: 24px;
  justify-content: center;
}
 
.nirvana-app-preview-placeholder {
  padding: 20px;
  text-align: center;
}
 
.nirvana-app-faq {
  width: 100%;
  background: #ffffff;
}
 
.nirvana-app-faq-list {
  margin: 0 auto;
  max-width: 900px;
}
 
.nirvana-app-faq-item {
  overflow: hidden;
  background: #fff9f0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  margin-bottom: 16px;
}
 
.nirvana-app-faq-question {
  gap: 20px;
  color: #2a1d16;
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 24px 28px;
  font-size: 1.125rem;
  background: none;
  text-align: left;
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 600;
  justify-content: space-between;
}
 
.nirvana-app-faq-answer {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease, padding 0.4s ease;
}
 
.nirvana-app-faq-icon {
  color: #8b7ba8;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
 
.nirvana-app-cta {
  width: 100%;
  padding: 80px 0;
  background: linear-gradient(90deg, hsla(8, 71%, 20%, 1) 0%, hsla(8, 88%, 22%, 1) 100%);
}
 
.nirvana-app-cta-content {
  margin: 0 auto;
  max-width: 700px;
  text-align: center;
}
 
.nirvana-app-cta-title {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px;
}
 
.nirvana-app-cta-subtitle {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.125rem;
  line-height: 1.6;
  margin-bottom: 40px;
}
 
.nirvana-app-cta-buttons {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
 
.nirvana-app-preview-dot {
  width: 10px;
  cursor: pointer;
  height: 10px;
  background: #bfb5aa;
  transition: all 0.3s ease;
  border-radius: 50%;
}
 
.nirvana-app-btn-play:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-level-2);
}
 
.nirvana-app-btn-apple:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(46, 29, 22, 0.4);
}
 
.nirvana-app-btn-web:hover {
  color: #ffffff;
  transform: translateY(-2px);
  background: #e27a1b;
}
 
.nirvana-app-benefit-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2);
}
 
.nirvana-app-inside-card:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 20px rgba(139, 123, 168, 0.12);
}
 
.nirvana-app-festival-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-level-2);
}
 
.nirvana-app-festival-btn:hover {
  transform: translateY(-2px);
  background: var(--color-secondary);
  box-shadow: var(--shadow-level-1);
}
 
.nirvana-app-step-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(139, 123, 168, 0.15);
}
 
.nirvana-app-support-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(139, 123, 168, 0.15);
}
 
.nirvana-app-support-list  li {
  color: var(--color-on-surface-secondary);
  padding: 6px 0;
  position: relative;
  font-size: 0.95rem;
  padding-left: 24px;
}
 
.nirvana-app-support-list  li::before {
  left: 8px;
  color: var(--color-secondary);
  content: "•";
  position: absolute;
  font-weight: 700;
}
 
.nirvana-app-support-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(139, 123, 168, 0.3);
}
 
.nirvana-app-preview-arrow:hover {
  color: var(--color-on-primary);
  transform: translateY(-50%) scale(1.1);
  background: var(--color-primary);
}
 
.nirvana-app-preview-arrow-left  svg {
  transform: rotate(-90deg);
}
 
.nirvana-app-preview-arrow-right  svg {
  transform: rotate(90deg);
}
 
.nirvana-app-preview-dot.active {
  width: 28px;
  background: #8b7ba8;
  border-radius: 5px;
}
 
.nirvana-app-faq-question:hover {
  color: #8b7ba8;
}
 
.nirvana-app-faq-item.active .nirvana-app-faq-icon {
  transform: rotate(180deg);
}
 
.nirvana-app-faq-item.active .nirvana-app-faq-answer {
  padding: 0 28px 24px;
  max-height: 500px;
}
 
.nirvana-app-faq-answer  p {
  color: #7e6b5a;
  font-size: 0.95rem;
  line-height: 1.7;
}
 
.nirvana-app-cta  .nirvana-app-btn-play {
  color: #8b7ba8;
  background: #ffffff;
}
 
.nirvana-app-cta  .nirvana-app-btn-play:hover {
  transform: translateY(-2px);
  background: #fff9f0;
}
 
.nirvana-app-cta  .nirvana-app-btn-apple {
  color: #ffffff;
  background: #2a1d16;
}
 
.nirvana-app-cta  .nirvana-app-btn-apple:hover {
  transform: translateY(-2px);
  background: #1a110e;
}
 
.nirvana-app-cta  .nirvana-app-btn-web {
  color: #ffffff;
  border: 2px solid #ffffff;
  background: transparent;
}
 
.nirvana-app-cta  .nirvana-app-btn-web:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.1);
}
 
.nirvana-app-steps::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.05;
  position: absolute;
  pointer-events: none;
  background-size: cover;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
}
 
.faq-contact-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
 
.faq-contact-container {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: 1200px;
}
 
.faq-contact-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
 
.faq-contact-accordion {
  gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
}
 
.faq-contact-title {
  color: var(--color-primary);
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-heading);
}
 
.faq-contact-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 600px;
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.faq-contact-item {
  border: 2px solid transparent;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--border-radius-lg);
}
 

 
.faq-contact-question {
  gap: var(--spacing-md);
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-lg) var(--spacing-xl);
  background: transparent;
  text-align: left;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: space-between;
}
 
.faq-contact-answer-wrapper {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.faq-contact-question-text {
  flex: 1;
  color: var(--color-on-surface);
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  letter-spacing: 0.3px;
}
 
.faq-contact-icon-wrapper {
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
  background: var(--color-surface);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.faq-contact-answer {
  padding: 0 var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);
  animation: faq-contact-fade-in 0.5s ease;
  border-top: 1px solid var(--color-outline);
}
 
.faq-contact-icon {
  top: 50%;
  left: 50%;
  color: var(--color-on-surface);
  width: 20px;
  height: 20px;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.faq-contact-icon-plus {
  opacity: 1;
}
 
.faq-contact-icon-minus {
  opacity: 0;
}
 
.faq-contact-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
 
.faq-contact-item.faq-contact-active {
  box-shadow: 0 4px 20px rgba(226, 122, 27, 0.15);
  border-color: var(--color-secondary);
}
 
.faq-contact-question:hover {
  background: linear-gradient(90deg, rgba(226, 122, 27, 0.05) 0%, transparent 100%);
}
 
.faq-contact-question:hover .faq-contact-icon-wrapper {
  transform: rotate(90deg);
  background: var(--color-secondary);
}
 
.faq-contact-question:hover .faq-contact-icon {
  color: #ffffff;
}
 
.faq-contact-active  .faq-contact-icon-wrapper {
  transform: rotate(180deg);
  background: var(--color-secondary);
}
 
.faq-contact-active  .faq-contact-icon-plus {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}
 
.faq-contact-active  .faq-contact-icon-minus {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg);
}
 
.faq-contact-active  .faq-contact-icon {
  color: #ffffff;
}
 
.faq-contact-active  .faq-contact-answer-wrapper {
  max-height: 500px;
}
 
.faq-contact-answer  p {
  color: var(--color-on-surface-secondary);
  margin: var(--spacing-md) 0 0 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
}
 
.faq-contact-answer  strong {
  color: var(--color-secondary);
  font-weight: var(--font-weight-medium);
}
 
.contact-us-faq-contact-section {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.contact-us-faq-contact-header {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.faq-contact-category {
  border: 1px solid rgba(249, 115, 22, 0.1);
  padding: var(--spacing-xl);
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 4px 24px rgba(249, 115, 22, 0.08);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-lg);
  margin-bottom: var(--spacing-3xl);
  backdrop-filter: blur(10px);
}
 
.faq-contact-main-title {
  color: #1f2937;
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-3xl);
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.2;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
 
.faq-contact-main-subtitle {
  color: #6b7280;
  margin: 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-body);
  line-height: 1.6;
}
 
.faq-contact-category-header {
  gap: var(--spacing-md);
  display: flex;
  align-items: center;
  border-bottom: 2px solid rgba(249, 115, 22, 0.2);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-md);
}
 
.faq-contact-items {
  gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
}
 
.faq-contact-category-icon {
  color: white;
  width: 48px;
  height: 48px;
  display: flex;
  background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);
  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.3);
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.faq-contact-category-title {
  color: #1f2937;
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.3;
}
 
.contact-us-faq-contact-item {
  border: 1px solid #e5e7eb;
  overflow: hidden;
  background: white;
  transition: all 0.3s ease;
  border-radius: var(--border-radius-md);
}
 
.contact-us-faq-contact-question {
  gap: var(--spacing-md);
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-lg);
  background: transparent;
  text-align: left;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: space-between;
}
 
.contact-us-faq-contact-answer {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.contact-us-faq-contact-question-text {
  flex: 1;
  color: #1f2937;
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: 600;
  line-height: 1.5;
}
 
.contact-us-faq-contact-icon-wrapper {
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
  background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);
  transition: all 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.faq-contact-answer-content {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  border-top: 1px solid #f3f4f6;
}
 
.contact-us-faq-contact-icon-plus {
  color: white;
  width: 20px;
  height: 20px;
  opacity: 1;
  transition: all 0.3s ease;
}
 
.contact-us-faq-contact-icon-minus {
  top: 50%;
  left: 50%;
  color: white;
  width: 20px;
  height: 20px;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
 
.contact-us-faq-contact-section::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  position: absolute;
  pointer-events: none;
  background-image: radial-gradient(circle at 20% 30%, rgba(251, 146, 60, 0.08) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(249, 115, 22, 0.08) 0%, transparent 50%);
}
 
.faq-contact-category:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(249, 115, 22, 0.12);
}
 
.faq-contact-category-icon  svg {
  width: 24px;
  height: 24px;
}
 
.contact-us-faq-contact-item:hover {
  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.1);
  border-color: #fb923c;
}
 
.contact-us-faq-contact-item.faq-contact-active .faq-contact-answer {
  max-height: 500px;
}
 
.contact-us-faq-contact-item.faq-contact-active .faq-contact-icon-plus {
  opacity: 0;
  transform: rotate(90deg);
}
 
.contact-us-faq-contact-item.faq-contact-active .faq-contact-icon-minus {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg);
}
 
.contact-us-faq-contact-item.faq-contact-active .faq-contact-question {
  background: rgba(249, 115, 22, 0.05);
}
 
.contact-us-faq-contact-item.faq-contact-active .faq-contact-icon-wrapper {
  transform: rotate(0deg);
}
 
.contact-us-faq-contact-question:hover {
  background: rgba(249, 115, 22, 0.03);
}
 
.contact-us-faq-contact-question:hover .faq-contact-icon-wrapper {
  transform: rotate(90deg);
}
 
.faq-contact-answer-content  p {
  color: #374151;
  margin: var(--spacing-md) 0 0 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  line-height: 1.7;
}
 
.contact-us-faq-contact-section1 {
  width: 100%;
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 50%, #fed7aa 100%);
}
 
.contact-us-faq-contact-header1 {
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.contact-us-faq-contact-item1 {
  border: 1px solid #e5e7eb;
  overflow: hidden;
  background: white;
  transition: all 0.3s ease;
  border-radius: var(--border-radius-md);
}
 
.contact-us-faq-contact-question1 {
  gap: var(--spacing-md);
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  padding: var(--spacing-lg);
  background: transparent;
  text-align: left;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: space-between;
}
 
.contact-us-faq-contact-answer1 {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.contact-us-faq-contact-question-text1 {
  flex: 1;
  color: #1f2937;
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: 600;
  line-height: 1.5;
}
 
.contact-us-faq-contact-icon-wrapper1 {
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
  background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);
  transition: all 0.3s ease;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  justify-content: center;
}
 
.contact-us-faq-contact-icon-plus1 {
  color: white;
  width: 20px;
  height: 20px;
  opacity: 1;
  transition: all 0.3s ease;
}
 
.contact-us-faq-contact-icon-minus1 {
  top: 50%;
  left: 50%;
  color: white;
  width: 20px;
  height: 20px;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
 
.contact-us-faq-contact-section1::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1;
  position: absolute;
  pointer-events: none;
  background-image: radial-gradient(circle at 20% 30%, rgba(251, 146, 60, 0.08) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(249, 115, 22, 0.08) 0%, transparent 50%);
}
 
.contact-us-faq-contact-item1:hover {
  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.1);
  border-color: #fb923c;
}
 
.contact-us-faq-contact-item1.faq-contact-active .faq-contact-answer {
  max-height: 500px;
}
 
.contact-us-faq-contact-item1.faq-contact-active .faq-contact-icon-plus {
  opacity: 0;
  transform: rotate(90deg);
}
 
.contact-us-faq-contact-item1.faq-contact-active .faq-contact-icon-minus {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg);
}
 
.contact-us-faq-contact-item1.faq-contact-active .faq-contact-question {
  background: rgba(249, 115, 22, 0.05);
}
 
.contact-us-faq-contact-item1.faq-contact-active .faq-contact-icon-wrapper {
  transform: rotate(0deg);
}
 
.contact-us-faq-contact-question1:hover {
  background: rgba(249, 115, 22, 0.03);
}
 
.contact-us-faq-contact-question1:hover .faq-contact-icon-wrapper {
  transform: rotate(90deg);
}
 
.contact-us-faq-contact-container {
  padding: var(--spacing-4xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface);
}
 
.faq-contact-content-wrapper {
  margin: 0 auto;
  z-index: 2;
  position: relative;
  max-width: var(--content-max-width);
}
 
.contact-us-faq-contact-header2 {
  position: relative;
  text-align: center;
  margin-bottom: var(--spacing-4xl);
}
 
.faq-contact-categories-grid {
  gap: var(--spacing-xl);
  display: grid;
  margin-top: var(--spacing-3xl);
  grid-template-columns: repeat(2, 1fr);
}
 
.contact-us-faq-contact-main-title {
  color: var(--color-primary);
  display: inline-block;
  position: relative;
  font-size: var(--font-size-3xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--spacing-md);
}
 
.contact-us-faq-contact-main-subtitle {
  color: var(--color-on-surface-secondary);
  margin: 0 auto;
  font-size: var(--font-size-lg);
  max-width: 600px;
  margin-top: var(--spacing-xl);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.contact-us-faq-contact-category {
  border: 1px solid var(--color-border);
  padding: var(--spacing-xl);
  overflow: hidden;
  position: relative;
  background: var(--color-on-primary);
  box-shadow: 0 4px 20px rgba(89, 25, 15, 0.08);
  transition: all 0.3s ease;
  border-radius: var(--border-radius-lg);
}
 
.contact-us-faq-contact-category-header {
  gap: var(--spacing-md);
  display: flex;
  position: relative;
  align-items: center;
  border-bottom: 2px solid color-mix(in oklab, var(--color-secondary) 20%, transparent);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-lg);
}
 
.contact-us-faq-contact-items {
  gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
}
 
.contact-us-faq-contact-category-icon {
  color: white;
  width: 48px;
  height: 48px;
  display: flex;
  overflow: hidden;
  position: relative;
  min-width: 48px;
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
  align-items: center;
  border-radius: var(--border-radius-md);
  justify-content: center;
}
 
.contact-us-faq-contact-category-title {
  color: var(--color-primary);
  margin: 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  line-height: 1.3;
}
 
.contact-us-faq-contact-item2 {
  transition: all 0.3s ease;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: var(--spacing-sm);
}
 
.contact-us-faq-contact-question2 {
  gap: var(--spacing-md);
  cursor: pointer;
  display: flex;
  padding: var(--spacing-md);
  position: relative;
  min-height: 44px;
  transition: all 0.3s ease;
  align-items: flex-start;
  border-radius: var(--border-radius-sm);
  justify-content: space-between;
}
 
.contact-us-faq-contact-answer2 {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
}
 
.contact-us-faq-contact-question-text2 {
  flex: 1;
  color: var(--color-on-surface);
  font-size: var(--font-size-base);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}
 
.faq-contact-toggle-icon {
  color: white;
  width: 28px;
  height: 28px;
  display: flex;
  font-size: 20px;
  min-width: 28px;
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.25);
  transition: all 0.3s ease;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  border-radius: var(--border-radius-sm);
  padding-bottom: 2px;
  justify-content: center;
}
 
.contact-us-faq-contact-answer-content {
  color: var(--color-on-surface-secondary);
  padding: var(--spacing-md) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  font-size: var(--font-size-base);
  background: var(--color-surface);
  font-family: var(--font-family-body);
  line-height: var(--line-height-body);
}
 
.contact-us-faq-contact-main-title::after {
  left: 50%;
  width: 80px;
  bottom: -12px;
  height: 4px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent 0%, var(--color-secondary) 50%, transparent 100%);
  border-radius: var(--border-radius-full);
}
 
.contact-us-faq-contact-category:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(89, 25, 15, 0.12);
}
 
.contact-us-faq-contact-category::before {
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  content: "";
  position: absolute;
  transform: translate(30%, -30%);
  background: radial-gradient(circle, color-mix(in oklab, var(--color-secondary) 8%, transparent) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
 
.contact-us-faq-contact-category-icon::before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  content: "";
  position: absolute;
  animation: iconShine 3s infinite;
  background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%);
}
 
.contact-us-faq-contact-category-icon  svg {
  width: 24px;
  height: 24px;
  z-index: 1;
  position: relative;
}
 
.contact-us-faq-contact-item2:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
 
.contact-us-faq-contact-item2.active .faq-contact-toggle-icon {
  transform: rotate(180deg);
  background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}
 
.contact-us-faq-contact-question2:hover {
  transform: translateX(4px);
  background: color-mix(in oklab, var(--color-secondary) 5%, transparent);
}
 
.contact-us-faq-contact-item2.active .contact-us-faq-contact-question2 {
  background: color-mix(in oklab, var(--color-secondary) 8%, transparent);
}
 
.faq_link {
  color: var(--color-secondary);
  text-decoration: underline;
}
 
.btn-link:hover {
  color: var(--color-primary);
}
 
.contact-us-faq-contact-answer-content  a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
  font-weight: var(--font-weight-medium);
  text-decoration: underline;
}
 
.contact-us-faq-contact-answer-content  a:hover {
  color: var(--color-primary);
}
 
.contact-us-faq-contact-item2.active .contact-us-faq-contact-answer2 {
  opacity: 1;
  max-height: 1000px;
  visibility: visible;
}
 
.Headings {
  font-size: 2em;
  font-family: Red Hat Display;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
 
.BodyFont {
  font-size: 1rem;
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.4px;
}
 
.Content {
  font-size: 16px;
  font-family: Inter;
  font-weight: 400;
  line-height: 1.15;
  text-transform: none;
  text-decoration: none;
}
 

 
@media(max-width: 1600px) {
  .home-section-title {
    text-align: center;
  }
  .homepopularworkshops_compact-home-popular-workshops-compact {
    padding: 60px 32px;
  }
  .homepopularworkshops_compact-popular-workshops-compact-header1 {
    margin-bottom: 40px;
  }
  .homepopularworkshops_compact-popular-workshops-desktop-stack1 {
    display: flex;
  }
  .homepopularworkshops_compact-popular-workshops-mobile-carousel-wrapper {
    display: none;
  }
  .homepopularworkshops_compact-popular-workshop-card-compact1 {
    gap: 18px;
    flex: 1;
    padding: 16px 18px;
    min-width: auto;
    align-items: center;
    flex-direction: row;
  }
  .homepopularworkshops_compact-popular-workshops-compact-pagination1 {
    display: none;
  }
  .homepopularworkshops_compact-popular-workshops-swipe-hint1 {
    display: none;
  }
  .homepopularworkshops_compact-workshop-card-compact-image-wrapper1 {
    flex: 0 0 32%;
    height: 200px;
    max-width: 32%;
    aspect-ratio: auto;
    border-radius: 12px;
  }
  .homepopularworkshops_compact-workshop-card-compact-content1 {
    gap: 10px;
    flex: 1;
    padding: 8px 0;
    justify-content: center;
  }
  .homepopularworkshops_compact-workshop-card-compact-image1 {
    height: 100%;
  }
  .homepopularworkshops_compact-workshop-card-compact-badge1 {
    top: 16px;
    left: 16px;
    padding: 7px 14px;
    font-size: 12px;
  }
  .homepopularworkshops_compact-workshop-card-compact-title1 {
    font-size: 20px;
    -webkit-line-clamp: 1;
  }
  .homepopularworkshops_compact-workshop-card-compact-description1 {
    flex: 0;
    font-size: 14px;
    -webkit-line-clamp: 2;
  }
  .homepopularworkshops_compact-workshop-card-compact-cta-row1 {
    flex-wrap: nowrap;
    margin-top: 0;
  }
  .homepopularworkshops_compact-workshop-card-compact-btn-primary1 {
    flex: 0 0 auto;
    padding: 11px 20px;
    font-size: 14px;
    min-width: 140px;
  }
  .homepopularworkshops_compact-workshop-card-compact-btn-secondary1 {
    flex: 0 0 auto;
    padding: 11px 20px;
    font-size: 14px;
    min-width: 140px;
  }
  .letters-fs-section {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
  .thq-nirvana-hero-spiritual-elm {
    box-shadow: 5px 5px 10px 0px #d4d4d4;
    border-color: var(--color-on-surface);
    border-style: hidden;
    border-width: 1px;
    border-radius: var(--dl-layout-radius-radius4);
    animation-name: none;
    animation-delay: 0s;
    animation-duration: 300ms;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  .thq-nirvana-hero-spiritual-instructor-image-elm {
    width: 457px;
    margin-right: 0px;
  }
  .thq-nirvana-hero-spiritual-btn-primary-elm {
    background-image: linear-gradient(to right, #ffd200 0%, #f7b500 50%, #ff8c00 100%);
  }
  .text10 {
    fill: #f7b500;
    color: #f7b500;
  }
  .text11 {
    font-size: 20px;
  }
  .text12 {
    fill: #f7b500;
    color: #f7b500;
  }
  .text13 {
    font-size: 20px;
  }
  .text14 {
    fill: #ff8c00;
    color: rgb(255, 140, 0);
  }
  .text15 {
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
  }
  .thq-letter-lightbox-backdrop-elm {
    display: none;
  }
}
 
@media(max-width: 1200px) {
  .home-section-title {
    text-align: center;
  }
  .carousel-slide {
    flex: 0 0 calc(33.333% - (var(--spacing-xl) * 2 / 3));
  }
  .workshop-card {
    max-width: calc(50% - var(--spacing-2xl) / 2);
  }
  .hero-content-wrapper {
    gap: var(--spacing-3xl);
  }
  .hero-floating-card-1 {
    right: -5%;
  }
  .hero-floating-card-2 {
    left: -8%;
  }
  .home-course-card {
    flex: 1 1 calc(50% - var(--spacing-2xl));
  }
  .popular-workshops-section {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  .nirvana-hero-container {
    gap: var(--spacing-2xl, 3rem);
  }
  .nirvana-stats-row {
    gap: var(--spacing-md, 1rem);
  }
  .nirvana-stat-card {
    padding: var(--spacing-md, 1rem);
  }
  .nirvana-stat-number {
    font-size: var(--font-size-xl, 1.375rem);
  }
  .home-nirvana-hero-container2 {
    padding: 0 24px;
  }
  .home-nirvana-hero-desktop {
    gap: var(--spacing-2xl);
  }
  .home-nirvana-hero-heading2 {
    font-size: clamp(28px, 3.5vw, 36px);
  }
  .home-nirvana-hero-description {
    font-size: 16px;
  }
  .home-nirvana-hero-stat-number {
    font-size: 22px;
  }
  .home-nirvana-hero-container3 {
    padding: 0 24px;
  }
  .home-nirvana-hero-desktop1 {
    gap: var(--spacing-2xl);
  }
  .home-nirvana-hero-heading3 {
    font-size: clamp(28px, 3.5vw, 36px);
  }
  .home-nirvana-hero-description1 {
    font-size: 16px;
  }
  .home-nirvana-hero-stat-number1 {
    font-size: 22px;
  }
  .nirvana-hero-spiritual {
    padding: 0px 80px;
  }
  .nirvana-hero-spiritual-pill {
    margin-top: 10px;
  }
  .upcoming-workshops-section {
    padding: 64px 24px;
  }
  .home-workshops-grid {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-workshops-grid1 {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-workshops-grid2 {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .starting-soon-workshops-section {
    padding: 48px 24px;
  }
  .featured-workshop-card {
    gap: var(--spacing-2xl);
    padding: var(--spacing-2xl);
  }
  .other-workshops-grid {
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
  .app-download-promo-card {
    gap: 48px;
    padding: 48px;
  }
  .app-download-promo-visual {
    height: 450px;
  }
  .app-mockup-primary {
    width: 240px;
    height: 480px;
  }
  .app-mockup-secondary {
    width: 200px;
    height: 400px;
  }
  .starting-soon-section {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
  .home-starting-soon-grid {
    gap: var(--spacing-xl);
    grid-template-columns: repeat(2, 1fr);
  }
  .home-starting-soon-card:nth-child(3) {
    margin: 0 auto;
    max-width: 480px;
    grid-column: 1 / -1;
  }
  .testimonials-section-wrapper {
    padding: 60px 120px;
  }
  .testimonials-two-column-layout {
    gap: var(--spacing-2xl);
  }
  .home-testimonials-panel {
    height: 500px;
  }
  .home-testimonials-static-image {
    height: 500px;
  }
  .nirvana-nav-cta-btn {
    padding: 0.4rem 1.5rem;
    font-size: var(--font-size-sm);
    min-width: 160px;
  }
  .home-podcasts-section1 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .starting-soon-light-section {
    padding: 60px 120px;
  }
  .popular-workshop-section {
    padding: 60px 120px;
  }
  .popular-workshop-description {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .texttestimonials_twocolumn-testimonials-container {
    padding: 0 var(--spacing-lg);
  }
  .texttestimonials_twocolumn-testimonials-left-image {
    flex: 0 0 35%;
    max-width: 35%;
    min-height: 380px;
  }
  .texttestimonials_twocolumn-testimonials-right-list {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .NirvanaAppDownloadSection_Dark {
    padding: 60px 120px;
  }
  .nirvana-app-download-box {
    gap: 40px;
    padding: 40px;
  }
  .app-download-heading {
    font-size: clamp(1.75rem, 3.5vw, 2.25rem);
  }
  .FAQAccordionSection {
    padding: 60px 120px;
  }
  .AllPodcastsGridSection {
    padding: 60px 120px;
  }
  .podcasts-grid-desktop {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .home-podcasts-title4 {
    font-size: var(--font-size-2xl);
  }
  .home-podcasts-subtitle4 {
    font-size: var(--font-size-base);
  }
  .letters-fs-grid {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .letters-showcase-section {
    padding: 60px 120px;
  }
  .app-download-buttons-row {
    gap: var(--spacing-sm);
    flex-direction: row;
    justify-content: flex-start;
  }
  .app-download-btn {
    height: 48px;
    padding: 12px 16px;
    font-size: 14px;
    min-width: 160px;
  }
  .home-nirvana-hero-spiritual2 {
    padding: 0px 80px;
  }
  .thq-nirvana-hero-spiritual-btn-elm {
    display: none;
  }
  .text11 {
    font-size: 20px;
  }
  .text12 {
    color: rgb(247, 181, 0);
  }
  .text13 {
    font-size: 20px;
  }
  .home-letters-showcase-section {
    padding: 60px 120px;
  }
  .home-letters-showcase-section1 {
    padding: 60px 120px;
  }
  .upcoming-live-section {
    padding: 60px 120px;
  }
  .upcoming-live-description {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .courses-hero-container {
    margin-top: 30px;
  }
  .courses---workshops-upcoming-live-section {
    padding: 60px 120px;
  }
  .courses---workshops-upcoming-live-description {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .courses---workshops-upcoming-live-description1 {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .selfpaced-spiritual-workshops-area {
    padding: 60px 120px;
  }
  .selfpaced-workshop-card-description-text {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .nirvana-footer-main {
    gap: var(--spacing-2xl);
    grid-template-columns: 1fr 1fr 1fr;
  }
  .nirvana-footer-form-column {
    grid-column: 1 / -1;
  }
  .early-access-signup {
    width: 95% !important;
    margin-left: auto !important;
  }
  .notify-updates-grid {
    gap: var(--spacing-3xl);
  }
  .notify-updates-card {
    padding: spacing-xl;
  }
  .home-nirvana-nav-container2 {
    display: flex;
    align-items: center;
  }
  .home-nirvana-nav-logo-section2 {
    width: auto;
  }
  .home-nirvana-nav-links-desktop2 {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  .home-nirvana-nav-cta-desktop2 {
    margin-left: auto;
  }
  .home-nirvana-nav-container3 {
    display: flex;
    align-items: center;
  }
  .home-nirvana-nav-logo-section3 {
    width: auto;
    z-index: 10;
    position: relative;
  }
  .home-nirvana-nav-cta-desktop3 {
    z-index: 10;
    position: relative;
    margin-left: auto;
  }
  .navigationheader_new-nirvana-nav-container {
    display: flex;
    align-items: center;
  }
  .navigationheader_new-nirvana-nav-logo-section {
    width: auto;
  }
  .navigationheader_new-nirvana-nav-links-desktop {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  .navigationheader_new-nirvana-nav-cta-desktop {
    margin-left: auto;
  }
  .nirvana-podcast-card {
    flex: 0 0 calc(50% - var(--spacing-xl) / 2);
  }
  .nirvana-podcasts-grid {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .nirvana-in-podcasts-section {
    padding: 60px 120px;
  }
  .nirvana-in-podcasts-grid {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .nirvana-in-podcasts-title {
    font-size: var(--font-size-2xl);
  }
  .nirvana-in-podcasts-subtitle {
    font-size: var(--font-size-base);
  }
  .nirvanafooter-nirvana-footer-main {
    gap: var(--spacing-2xl);
    grid-template-columns: 1fr 1fr 1fr;
  }
  .nirvana-footer-app-column {
    grid-column: 1 / -1;
  }
  .nirvana-app-hero-grid {
    gap: var(--spacing-lg);
    grid-template-columns: 1fr;
  }
  .nirvana-app-hero-visual {
    order: -1;
  }
  .nirvana-app-hero-title {
    font-size: 2.5rem;
  }
  .nirvana-app-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .nirvana-app-section-title {
    font-size: 2rem;
  }
  .nirvana-app-steps-grid {
    gap: 24px;
    grid-template-columns: 1fr;
  }
}
 
@media(max-width: 1199px) {
  .letters-layout {
    grid-template-columns: repeat(4, 1fr);
  }
}
 
@media(max-width: 1024px) {
  .nirvana-nav-container {
    display: flex;
    align-items: center;
  }
  .nirvana-nav-logo-section {
    width: auto;
  }
  .nirvana-nav-links-desktop {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  .nirvana-nav-cta-desktop {
    margin-left: auto;
  }
  .home-letter-card1 {
    transform: none;
  }
}
 
@media(max-width: 1023px) {
  .starting-soon-spiritual-grid {
    display: grid;
    row-gap: 24px;
    column-gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .starting-soon-spiritual-card {
    height: 100%;
  }
  .nirvana-nav-links-desktop {
    display: none;
  }
  .nirvana-nav-mobile-controls {
    display: flex;
  }
  .nirvana-nav-cta-desktop {
    display: none;
  }
  .home-nirvana-nav-links-desktop1 {
    display: none;
  }
  .home-nirvana-nav-mobile-controls1 {
    display: flex;
  }
  .home-nirvana-nav-cta-mobile1 {
    display: flex;
  }
  .home-nirvana-nav-hamburger1 {
    display: flex;
  }
}
 
@media(max-width: 991px) {
  .thq-grid-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .navigation {
    padding: var(--spacing-md) var(--spacing-lg);
  }
  .navigation-links {
    gap: var(--spacing-sm);
  }
  .navigation-link {
    padding: var(--spacing-xs);
    font-size: var(--font-size-xs);
  }
  .footer {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-xl);
  }
  .footer-content {
    padding: 0 var(--spacing-lg);
  }
  .footer-grid {
    gap: var(--spacing-2xl);
    flex-wrap: wrap;
  }
  .footer-bottom {
    gap: var(--spacing-md);
    text-align: center;
    flex-direction: column;
  }
  .footer-column {
    flex: 1 1 calc(50% - var(--spacing-2xl));
  }
  .footer-brand-column {
    flex: 1 1 100%;
  }
  .footer-newsletter {
    padding: var(--spacing-lg);
  }
  .hero-content {
    padding: var(--spacing-lg);
  }
  .hero-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .live-courses-grid {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .selfpaced-content {
    flex-direction: column;
  }
  .selfpaced-image {
    width: 100%;
    height: 240px;
  }
  .about-grid {
    gap: var(--spacing-lg);
    grid-template-columns: 1fr;
  }
  .about-item {
    min-height: 350px;
  }
  .testimonials-prev {
    left: var(--spacing-md);
  }
  .testimonials-next {
    right: var(--spacing-md);
  }
  .testimonial-card {
    flex: 0 0 calc(100% - var(--spacing-md));
  }
  .nirvana-app-features {
    grid-template-columns: 1fr;
  }
  .cta-split {
    gap: var(--spacing-2xl);
    flex-direction: column;
  }
  .cta-stats {
    gap: var(--spacing-md);
  }
  .hero-spiritual {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: auto;
  }
  .hero-spiritual-container {
    gap: var(--spacing-3xl);
    flex-direction: column;
  }
  .hero-spiritual-mandala-bg {
    width: 600px;
    height: 600px;
  }
  .hero-spiritual-visual {
    width: 100%;
    min-height: 400px;
  }
  .hero-spiritual-pattern-decoration {
    width: 300px;
    height: 300px;
  }
  .home-hero-spiritual {
    height: auto;
    min-height: 100vh;
  }
  .home-hero-spiritual-container {
    padding: var(--spacing-3xl) 0;
    flex-direction: column;
  }
  .home-hero-spiritual-content {
    padding-top: var(--spacing-3xl);
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
    padding-bottom: var(--spacing-2xl);
  }
  .home-hero-spiritual-visual {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
    padding-bottom: var(--spacing-3xl);
  }
  .carousel-nav-btn {
    width: 40px;
    height: 40px;
  }
  .home-live-course-card {
    flex: 0 0 calc((100% - var(--spacing-xl)) / 2);
  }
  .home-carousel-prev {
    left: -16px;
  }
  .home-carousel-next {
    right: -16px;
  }
  .carousel-slide {
    flex: 0 0 calc(50% - (var(--spacing-xl) / 2));
  }
  .course-image-wrapper {
    height: 200px;
  }
  .live-workshops-section {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  .live-workshops-header {
    margin-bottom: var(--spacing-2xl);
  }
  .workshops-grid {
    gap: var(--spacing-xl);
  }
  .workshop-card {
    max-width: calc(50% - var(--spacing-xl) / 2);
  }
  .workshop-image-wrapper {
    height: 240px;
  }
  .workshop-content {
    padding: var(--spacing-lg);
  }
  .app-download-container {
    gap: var(--spacing-3xl);
    flex-direction: column;
  }
  .app-download-content {
    text-align: left;
    align-items: flex-start;
  }
  .app-download-description {
    max-width: 600px;
  }
  .app-store-buttons {
    justify-content: center;
  }
  .app-mockup-image {
    max-width: 350px;
  }
  .hero-section-hero-section {
    padding: var(--spacing-3xl) 0;
  }
  .hero-content-wrapper {
    gap: var(--spacing-3xl);
    flex-direction: column;
  }
  .hero-text-content {
    text-align: center;
    align-items: center;
  }
  .hero-section-hero-title {
    max-width: 100%;
  }
  .hero-section-hero-subtitle {
    max-width: 100%;
  }
  .hero-stats-grid {
    width: 100%;
  }
  .hero-cta-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
  .hero-trust-indicators {
    justify-content: center;
  }
  .hero-image-main-wrapper {
    margin: 0 auto;
    max-width: 500px;
  }
  .hero-floating-card-1 {
    top: 8%;
    right: 5%;
  }
  .hero-floating-card-2 {
    left: 5%;
    bottom: 10%;
  }
  .spiritual-courses-section {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  .courses-grid {
    gap: var(--spacing-xl);
  }
  .home-course-card {
    flex: 1 1 100%;
  }
  .course-banner {
    height: 160px;
  }
  .course-cards-grid {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .courses-carousel {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .home-courses-carousel {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
  .home-courses-carousel1 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
  .home-home-courses-carousel1 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
  .home-home-courses-carousel11 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
  .popular-workshops-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .workshops-carousel-wrapper {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .nirvana-stats-strip {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .stat-card-wrapper {
    flex: 1 1 calc(50% - var(--spacing-lg));
    min-width: 200px;
  }
  .stat-number {
    font-size: var(--font-size-2xl);
  }
  .nirvana-hero-container {
    gap: var(--spacing-xl, 2rem);
    min-height: auto;
    grid-template-columns: 1fr;
  }
  .nirvana-hero-image-column {
    order: -1;
    max-height: 50vh;
  }
  .nirvana-stats-row {
    flex-wrap: wrap;
  }
  .nirvana-instructor-image {
    max-height: 50vh;
  }
  .nirvana-stat-card {
    flex: 1 1 calc(50% - var(--spacing-md, 1rem));
    min-width: 200px;
  }
  .home-nirvana-hero-container {
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: auto;
    grid-template-columns: 1fr;
  }
  .nirvana-hero-visual {
    min-height: 500px;
  }
  .home-nirvana-hero-heading {
    font-size: var(--font-size-3xl);
  }
  .nirvana-hero-image {
    max-width: 400px;
  }
  .home-nirvana-hero-container1 {
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: auto;
    grid-template-columns: 1fr;
  }
  .home-nirvana-hero-heading1 {
    font-size: var(--font-size-3xl);
  }
  .home-nirvana-hero {
    padding: var(--spacing-3xl) 0;
  }
  .home-nirvana-hero-desktop {
    gap: var(--spacing-3xl);
    min-height: auto;
    flex-direction: column;
  }
  .home-nirvana-hero-visual {
    flex: 0 0 auto;
    height: 400px;
  }
  .home-nirvana-hero-stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .home-nirvana-hero1 {
    padding: var(--spacing-3xl) 0;
  }
  .home-nirvana-hero-desktop1 {
    gap: var(--spacing-3xl);
    min-height: auto;
    flex-direction: column;
  }
  .home-nirvana-hero-visual1 {
    flex: 0 0 auto;
    height: 400px;
  }
  .home-nirvana-hero-stats-grid1 {
    grid-template-columns: repeat(3, 1fr);
  }
  .nirvana-hero-spiritual {
    padding: 60px 0 50px 0;
  }
  .nirvana-hero-spiritual-container {
    padding: 0 24px;
  }
  .nirvana-hero-spiritual-grid {
    gap: 48px;
    grid-template-columns: 1fr 0.75fr;
  }
  .nirvana-hero-spiritual-image-wrapper {
    min-height: 450px;
  }
  .nirvana-hero-spiritual-heading {
    font-size: 32px;
  }
  .nirvana-hero-spiritual-paragraph {
    font-size: 16px;
  }
  .nirvana-hero-spiritual-instructor-image {
    max-height: 500px;
  }
  .nirvana-hero-spiritual-btn {
    padding: 12px 20px;
    font-size: 15px;
  }
  .nirvana-hero-spiritual-stat-card {
    padding: 14px 16px;
  }
  .nirvana-hero-spiritual-stat-number {
    font-size: 28px;
  }
  .nirvana-hero-spiritual-stat-label {
    font-size: 12px;
  }
  .home-nirvana-hero-spiritual-stat-card {
    padding: 14px 16px;
  }
  .home-nirvana-hero-spiritual {
    padding: var(--spacing-lg) var(--spacing-md);
    min-height: 550px;
  }
  .home-nirvana-hero-spiritual-grid {
    gap: var(--spacing-2xl);
  }
  .home-nirvana-hero-spiritual-image-wrapper {
    min-height: 400px;
  }
  .home-nirvana-hero-spiritual-heading {
    font-size: clamp(24px, 3.5vw, 32px);
  }
  .home-nirvana-hero-spiritual-paragraph {
    font-size: clamp(14px, 1.4vw, 16px);
  }
  .home-nirvana-hero-spiritual-instructor-image {
    max-width: 380px;
  }
  .home-nirvana-hero-spiritual-btn {
    padding: 12px 20px;
    font-size: 14px;
  }
  .home-nirvana-hero-spiritual-stat-number {
    font-size: clamp(18px, 2.2vw, 20px);
  }
  .home-nirvana-hero-stat-suffix {
    font-size: clamp(18px, 2.2vw, 20px);
  }
  .home-nirvana-hero-spiritual-container1 {
    padding: 0 24px;
  }
  .home-nirvana-hero-spiritual-btn1 {
    padding: 12px 20px;
    font-size: 15px;
  }
  .home-nirvana-hero-spiritual-stat-card2 {
    padding: 14px 16px;
  }
  .home-nirvana-hero-spiritual-stat-label1 {
    font-size: 12px;
  }
  .home-app-download-description {
    max-width: 600px;
  }
  .home-app-mockup-image {
    max-width: 350px;
  }
  .upcoming-workshops-section {
    padding: 56px 24px;
  }
  .workshops-header {
    margin-bottom: 40px;
  }
  .workshops-main-title {
    font-size: var(--font-size-2xl);
  }
  .workshops-subtitle {
    font-size: var(--font-size-base);
  }
  .home-workshops-section {
    padding: 48px 24px;
  }
  .home-section-title1 {
    font-size: clamp(32px, 4vw, 36px);
  }
  .home-home-workshops-carousel-wrapper {
    margin-top: 28px;
  }
  .home-workshops-carousel {
    gap: 20px;
  }
  .workshop-content1 {
    padding: 18px;
  }
  .home-home-workshop-content {
    gap: 18px;
    padding: 18px;
  }
  .workshop-content2 {
    padding: 18px;
  }
  .home-home-workshop-badge1 {
    padding: 6px 10px;
    font-size: 12px;
  }
  .home-home-workshop-title {
    font-size: 18px;
  }
  .home-home-workshop-description {
    font-size: 14px;
  }
  .home-home-workshop-helper-text {
    font-size: clamp(13px, 1.5vw, 14px);
  }
  .home-workshop-cta-primary {
    padding: 12px 18px;
    font-size: 15px;
  }
  .home-workshop-cta-secondary {
    padding: 12px 18px;
    font-size: 15px;
  }
  .home-workshop-detail-text3 {
    font-size: clamp(12px, 1.5vw, 13px);
  }
  .featured-workshop-card {
    gap: var(--spacing-xl);
    padding: var(--spacing-xl);
    grid-template-columns: 1fr;
  }
  .starting-soon-main-title {
    font-size: var(--font-size-2xl);
  }
  .starting-soon-subtitle {
    font-size: var(--font-size-base);
  }
  .featured-workshop-image-wrapper {
    aspect-ratio: 16 / 9;
  }
  .featured-workshop-title {
    font-size: var(--font-size-xl);
  }
  .featured-workshop-details {
    gap: var(--spacing-sm) var(--spacing-md);
  }
  .app-download-promo-section {
    padding: 64px 24px;
  }
  .app-download-promo-card {
    gap: 40px;
    padding: 40px;
    grid-template-columns: 1fr;
  }
  .app-download-promo-content {
    order: 1;
  }
  .app-download-promo-visual {
    order: 2;
    height: 400px;
    margin: 0 -20px -20px -20px;
  }
  .app-mockup-primary {
    right: 8%;
    width: 220px;
    height: 440px;
  }
  .app-mockup-secondary {
    left: 8%;
    width: 180px;
    height: 360px;
  }
  .live-workshops-grid {
    gap: var(--spacing-xl);
    grid-template-columns: 1fr;
  }
  .workshop-cards-stack {
    gap: var(--spacing-lg);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .workshop-card-feature-content {
    padding: var(--spacing-xl);
  }
  .workshop-card-small:last-child {
    max-width: 100%;
    grid-column: 1 / -1;
  }
  .home-testimonials-container {
    padding: 0 1.5rem;
  }
  .testimonials-panel-wrapper {
    max-width: 90%;
  }
  .testimonials-title {
    font-size: var(--font-size-2xl);
  }
  .testimonials-subtitle {
    font-size: var(--font-size-base);
  }
  .testimonials-panel {
    height: 480px;
    padding: var(--spacing-md);
  }
  .home-testimonial-card {
    padding: var(--spacing-md);
  }
  .home-testimonials-container1 {
    padding: 0 var(--spacing-lg);
  }
  .testimonials-content-grid {
    gap: var(--spacing-2xl);
    grid-template-columns: 45% 55%;
  }
  .testimonials-heading {
    font-size: var(--font-size-2xl);
  }
  .home-testimonials-subtitle {
    font-size: var(--font-size-base);
  }
  .testimonials-image-wrapper {
    min-height: 500px;
  }
  .testimonials-scroll-wrapper {
    height: 500px;
  }
  .home-testimonials-container2 {
    padding: 0 var(--spacing-lg);
  }
  .home-testimonials-subtitle1 {
    font-size: var(--font-size-base);
  }
  .video-testimonials-section {
    padding: 3rem 0.5rem;
  }
  .video-testimonials-container {
    padding: 0 var(--spacing-sm);
  }
  .video-testimonials-header {
    margin-bottom: var(--spacing-3xl);
  }
  .video-testimonials-grid {
    gap: var(--spacing-xl);
    grid-template-columns: 1fr;
  }
  .video-testimonials-cta {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
  .video-strip-viewport {
    height: 400px;
  }
  .podcasts-section {
    padding: 3rem 1.5rem;
  }
  .podcast-hero {
    gap: 1.5rem;
    padding: 1.5rem;
    grid-template-columns: 1fr;
  }
  .podcasts-grid {
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .filter-group {
    justify-content: flex-start;
  }
  .home-podcasts-section {
    padding: var(--spacing-3xl) 0;
  }
  .home-podcasts-container {
    padding: 0 var(--spacing-lg);
  }
  .home-podcasts-grid {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .podcasts-pagination {
    display: flex;
  }
  .home-podcasts-title {
    font-size: var(--font-size-2xl);
  }
  .home-podcasts-subtitle {
    font-size: var(--font-size-base);
  }
  .podcast-play-button {
    width: 64px;
    height: 64px;
  }
  .home-home-podcasts-section {
    padding: var(--spacing-3xl) 0;
  }
  .home-home-podcasts-title {
    font-size: var(--font-size-2xl);
  }
  .home-home-podcasts-subtitle {
    font-size: var(--font-size-base);
  }
  .home-podcast-play-button {
    width: 64px;
    height: 64px;
  }
  .calendar-subscribe-card {
    gap: 40px;
    padding: 40px;
    grid-template-columns: 1fr;
  }
  .calendar-heading {
    font-size: 28px;
  }
  .calendar-subheading {
    font-size: 17px;
  }
  .home-nirvana-hero-spiritual1 {
    padding: 60px 0 50px 0;
  }
  .home-nirvana-hero-spiritual-paragraph1 {
    font-size: 16px;
  }
  .home-nirvana-hero-spiritual-instructor-image1 {
    max-height: 500px;
  }
  .home-nirvana-hero-spiritual-stat-card3 {
    padding: 14px 16px;
  }
  .home-home-nirvana-hero-spiritual-stat-card2 {
    padding: 14px 16px;
  }
  .home-nirvana-hero-spiritual-stat-number1 {
    font-size: 28px;
  }
  .home-home-nirvana-hero-spiritual-stat-label1 {
    font-size: 12px;
  }
  .home-nirvana-hero-spiritual-stat-label2 {
    font-size: 12px;
  }
  .tickets-section-title {
    font-size: var(--font-size-2xl);
  }
  .tickets-section-subtitle {
    font-size: var(--font-size-base);
  }
  .starting-soon-section {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
  .home-starting-soon-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-starting-soon-header {
    margin-bottom: var(--spacing-2xl);
  }
  .home-starting-soon-grid {
    gap: var(--spacing-lg);
  }
  .home-starting-soon-title {
    font-size: var(--font-size-2xl);
  }
  .home-starting-soon-subtitle1 {
    font-size: var(--font-size-base);
  }
  .starting-soon-pagination {
    gap: 8px;
    display: flex;
    padding: 0 var(--spacing-md);
    margin-top: var(--spacing-md);
    align-items: center;
    justify-content: center;
  }
  .home-video-testimonials-section {
    padding: 40px 24px;
  }
  .home-video-testimonials-header {
    margin-bottom: 40px;
  }
  .home-video-testimonials-grid {
    gap: 24px;
    grid-template-columns: 1fr;
  }
  .home-video-mobile-carousel {
    display: block;
  }
  .home-video-testimonials-cta {
    padding: 40px 20px;
  }
  .home-video-testimonials-title {
    font-size: var(--font-size-2xl);
  }
  .video-testimonials-strip {
    display: none;
  }
  .home-video-cta-heading {
    font-size: var(--font-size-xl);
  }
  .home-video-testimonials-section1 {
    padding: 40px 24px;
  }
  .home-video-testimonials-header1 {
    margin-bottom: 40px;
  }
  .home-video-testimonials-grid1 {
    gap: 24px;
    grid-template-columns: 1fr;
  }
  .home-video-mobile-carousel1 {
    display: block;
  }
  .home-video-testimonials-cta1 {
    padding: 40px 20px;
  }
  .home-video-testimonials-title1 {
    font-size: var(--font-size-2xl);
  }
  .home-video-cta-heading1 {
    font-size: var(--font-size-xl);
  }
  .testimonials-two-column-layout {
    gap: var(--spacing-xl);
    grid-template-columns: 45% 55%;
  }
  .testimonials-main-heading {
    font-size: var(--font-size-2xl);
  }
  .testimonials-main-subtitle {
    font-size: var(--font-size-base);
  }
  .home-testimonials-panel {
    height: 450px;
    padding: var(--spacing-md);
  }
  .home-testimonials-static-image {
    height: 450px;
  }
  .home-testimonial-text {
    font-size: var(--font-size-sm);
  }
  .testimonial-item {
    padding: var(--spacing-md);
  }
  .home-home-starting-soon-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-home-starting-soon-title {
    font-size: var(--font-size-2xl);
  }
  .home-home-starting-soon-subtitle1 {
    font-size: var(--font-size-base);
  }
  .home-home-workshops-section {
    padding: 48px 24px;
  }
  .home-home-home-workshop-badge1 {
    padding: 6px 10px;
    font-size: 12px;
  }
  .home-home-home-workshop-title {
    font-size: 18px;
  }
  .home-home-home-workshop-description {
    font-size: 14px;
  }
  .home-home-home-workshop-helper-text {
    font-size: clamp(13px, 1.5vw, 14px);
  }
  .home-home-workshop-cta-primary {
    padding: 12px 18px;
    font-size: 15px;
  }
  .home-home-workshop-cta-secondary {
    padding: 12px 18px;
    font-size: 15px;
  }
  .home-home-workshop-detail-text3 {
    font-size: clamp(12px, 1.5vw, 13px);
  }
  .home-starting-soon-section1 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-starting-soon-grid1 {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .home-starting-soon-title1 {
    font-size: var(--font-size-2xl);
  }
  .home-starting-soon-card1:last-child {
    margin: 0 auto;
    max-width: 50%;
    grid-column: 1 / -1;
  }
  .featured-workshops-card:nth-child(3) {
    margin: 0 auto;
    max-width: 500px;
    grid-column: 1 / -1;
  }
  .home-home-starting-soon-section1 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-home-starting-soon-title1 {
    font-size: var(--font-size-2xl);
  }
  .home-home-starting-soon-card1:last-child {
    margin: 0 auto;
    max-width: 50%;
    grid-column: 1 / -1;
  }
  .starting-soon-section-spiritual {
    padding: 60px 0;
  }
  .starting-soon-spiritual-container {
    padding: 0 24px;
  }
  .starting-soon-spiritual-header {
    margin-bottom: 40px;
  }
  .starting-soon-spiritual-grid {
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
  .starting-soon-spiritual-title {
    font-size: var(--font-size-2xl);
  }
  .nirvana-nav-container {
    padding: 0.875rem var(--spacing-md);
  }
  .nirvana-nav-cta-btn {
    gap: 0.4rem;
    padding: 0.35rem 1.25rem;
    min-width: 140px;
  }
  .nirvana-nav-logo-image {
    height: 40px;
  }
  .home-nirvana-nav-links-desktop {
    gap: var(--spacing-md, 1rem);
  }
  .home-nirvana-nav-link {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .home-nirvana-nav-cta-btn {
    padding: 10px 18px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .home-nirvana-nav-links-desktop1 {
    gap: var(--spacing-md, 1rem);
  }
  .home-nirvana-nav-link1 {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .home-nirvana-nav-cta-btn1 {
    padding: 10px 18px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .home-popular-workshops-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-popular-workshops-header {
    margin-bottom: 36px;
  }
  .popular-workshops-grid {
    gap: var(--spacing-xl);
  }
  .popular-workshops-title {
    font-size: var(--font-size-2xl);
  }
  .popular-workshops-subtitle {
    font-size: var(--font-size-base);
  }
  .popular-workshop-card {
    flex-direction: column;
  }
  .home-workshop-card-image-wrapper {
    flex: 0 0 auto;
    height: 240px;
  }
  .home-workshop-card-content3 {
    padding: spacing-md;
  }
  .home-workshop-card-title3 {
    font-size: var(--font-size-lg);
  }
  .workshop-card-cta-group {
    flex-direction: column;
  }
  .workshop-btn-gradient-primary {
    width: 100%;
  }
  .workshop-btn-gradient-secondary {
    width: 100%;
  }
  .podcast-grid {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
  }
  .home-podcasts-title1 {
    font-size: var(--font-size-2xl);
  }
  .home-podcasts-subtitle1 {
    font-size: var(--font-size-base);
  }
  .home-podcasts-container2 {
    padding: 0 var(--spacing-md);
  }
  .home-podcasts-grid1 {
    gap: var(--spacing-xl);
  }
  .home-podcasts-title2 {
    font-size: var(--font-size-2xl);
  }
  .home-podcasts-subtitle2 {
    font-size: var(--font-size-base);
  }
  .home-home-workshop-card-image-wrapper {
    flex: 0 0 auto;
  }
  .home-workshop-btn-gradient-secondary {
    width: 100%;
  }
  .home-home-workshop-card-image-wrapper1 {
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 1/1;
  }
  .home-workshop-btn-gradient-secondary1 {
    width: 100%;
  }
  .starting-soon-light-section {
    padding: var(--spacing-2xl) 0;
  }
  .starting-soon-light-header {
    padding: 0 var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
  }
  .home-starting-soon-carousel2 {
    padding: 0 10%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }
  .starting-soon-mobile-controls {
    display: flex;
  }
  .starting-soon-light-heading {
    font-size: var(--font-size-2xl);
  }
  .starting-soon-light-subtitle {
    font-size: var(--font-size-base);
  }
  .home-starting-soon-track2 {
    gap: var(--spacing-md);
    display: flex;
    align-items: stretch;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-starting-soon-card2 {
    flex: 0 0 80%;
    min-width: 80%;
    scroll-snap-stop: always;
    scroll-snap-align: center;
  }
  .starting-soon-dark-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .starting-soon-grid-dark {
    gap: var(--spacing-md);
    display: flex;
    overflow-x: auto;
    margin-bottom: 0;
    padding-bottom: var(--spacing-sm);
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .starting-soon-grid-dark::-webkit-scrollbar {
    display: none;
  }
  .home-starting-soon-mobile-controls {
    display: flex;
  }
  .starting-soon-dark-heading {
    font-size: var(--font-size-2xl);
  }
  .starting-soon-dark-subtitle {
    font-size: var(--font-size-base);
  }
  .starting-soon-card-dark {
    flex: 0 0 80%;
    min-width: 80%;
    scroll-snap-align: center;
  }
  .workshop-card-compact-image-wrapper {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .workshop-card-compact-title {
    font-size: 17px;
  }
  .workshop-card-compact-description {
    font-size: 13px;
  }
  .home-workshop-card-compact-image-wrapper {
    width: 40%;
    min-width: 40%;
  }
  .home-workshop-card-compact-content {
    padding: var(--spacing-lg);
  }
  .home-workshop-card-compact-title {
    font-size: var(--font-size-lg);
  }
  .homepopularworkshops_compact-workshop-card-compact-image-wrapper {
    width: 40%;
    min-width: 40%;
  }
  .homepopularworkshops_compact-workshop-card-compact-content {
    padding: var(--spacing-lg);
  }
  .homepopularworkshops_compact-workshop-card-compact-title {
    font-size: var(--font-size-lg);
  }
  .homepopularworkshops_compact-home-popular-workshops-compact {
    padding: 40px 24px;
  }
  .homepopularworkshops_compact-popular-workshop-card-compact1 {
    flex: 0 0 75%;
    min-width: 75%;
  }
  .popular-workshop-section {
    padding: 40px 40px;
  }
  .popular-workshop-header {
    margin-bottom: var(--spacing-2xl, 3rem);
  }
  .popular-workshop-image-wrapper {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .popular-workshop-title {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .popular-workshop-btn-primary {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .popular-workshop-btn-secondary {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .home-popular-workshop-image-wrapper {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .home-popular-workshop-section {
    padding: 40px 40px;
  }
  .home-popular-workshop-btn-primary {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .home-popular-workshop-btn-secondary {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .home-popular-workshop-section1 {
    padding: 40px 40px;
  }
  .home-popular-workshop-btn-primary1 {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .home-popular-workshop-btn-secondary1 {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .testimonials-layout {
    flex-direction: column;
  }
  .testimonials-left-image {
    display: none;
  }
  .testimonials-right-list {
    flex: 1;
    width: 100%;
  }
  .testimonial-list-wrapper {
    height: auto;
    max-height: 600px;
  }
  .TextTestimonials_TwoColumn {
    padding: var(--spacing-3xl) 0;
  }
  .testimonials-section-title {
    font-size: var(--font-size-2xl);
  }
  .texttestimonials_twocolumn-testimonials-layout {
    display: block;
  }
  .texttestimonials_twocolumn-testimonials-left-image {
    display: none;
  }
  .texttestimonials_twocolumn-testimonials-right-list {
    flex: 1;
    max-width: 100%;
  }
  .texttestimonials_twocolumn-testimonial-list-wrapper {
    height: 360px;
  }
  .LetterTestimonialsSection {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .letters-layout {
    grid-template-columns: repeat(3, 1fr);
  }
  .letters-heading {
    font-size: var(--font-size-2xl);
  }
  .letters-subtitle {
    font-size: var(--font-size-base);
  }
  .lettertestimonialsgallery-LetterTestimonialsSection {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .lettertestimonialsgallery-letters-layout {
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .lettertestimonialsgallery-letter-reader-panel {
    max-width: 95vw;
  }
  .lettertestimonialsgallery-letters-heading {
    font-size: var(--font-size-2xl);
  }
  .home-LetterTestimonialsSection {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-letters-layout {
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .home-letter-reader-panel {
    max-width: 95vw;
  }
  .home-letters-heading {
    font-size: var(--font-size-2xl);
  }
  .letters-gallery-container {
    padding: 0 24px;
  }
  .letters-grid {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
  .letter-lightbox-body {
    flex-direction: column;
  }
  .letter-lightbox-image-section {
    width: 100%;
    height: 300px;
    min-width: unset;
  }
  .letter-lightbox-text-section {
    padding: var(--spacing-xl);
  }
  .home-LetterTestimonialsSection1 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-letters-layout1 {
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .home-letter-reader-panel1 {
    max-width: 95vw;
  }
  .home-letters-heading1 {
    font-size: var(--font-size-2xl);
  }
  .nirvana-app-download-box {
    gap: 32px;
    padding: 36px;
    flex-direction: column;
  }
  .home-app-download-visual {
    flex: none;
    order: 1;
    width: 100%;
  }
  .home-app-download-content {
    gap: 20px;
    order: 2;
  }
  .home-app-mockup-image1 {
    max-width: 280px;
    transform: none;
  }
  .app-availability-pill {
    align-self: flex-start;
  }
  .app-platform-buttons {
    order: 3;
  }
  .FAQAccordionSection {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  .faq-intro {
    margin-bottom: var(--spacing-3xl);
  }
  .faq-groups {
    gap: var(--spacing-2xl);
  }
  .faq-heading {
    font-size: var(--font-size-2xl);
  }
  .faq-subtitle {
    font-size: var(--font-size-base);
  }
  .faq-group {
    padding: var(--spacing-xl);
  }
  .faq-group-title {
    font-size: var(--font-size-lg);
  }
  .podcasts-layout {
    flex-direction: column;
  }
  .podcast-main-player {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .podcast-playlist-desktop {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 450px;
  }
  .home-podcasts-heading {
    margin-bottom: var(--spacing-2xl);
  }
  .podcasts-grid-desktop {
    display: none;
  }
  .home-podcasts-carousel-mobile {
    display: block;
  }
  .home-podcast-card4 {
    flex: 0 0 80%;
    min-width: 80%;
    scroll-snap-align: center;
  }
  .podcast-modal-panel {
    padding: var(--spacing-md);
    border-radius: var(--border-radius-lg);
  }
  .home-podcast-modal-close3 {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 40px;
    height: 40px;
  }
  .home-podcasts-track  .podcast-card {
    flex: 0 0 85%;
    min-width: 85%;
    scroll-snap-align: center;
  }
  .home-home-podcasts-carousel-mobile {
    display: block;
  }
  .home-home-podcast-card4 {
    flex: 0 0 80%;
    min-width: 80%;
    scroll-snap-align: center;
  }
  .home-home-podcasts-track  .podcast-card {
    flex: 0 0 85%;
    min-width: 85%;
    scroll-snap-align: center;
  }
  .home-home-podcasts-carousel-mobile1 {
    display: block;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-home-podcasts-track1 {
    gap: 16px;
    display: flex;
    padding: 0 16px 12px;
    flex-wrap: nowrap;
  }
  .home-home-podcasts-track1  .podcast-card {
    flex: 0 0 85%;
    min-width: 85%;
    scroll-snap-align: center;
  }
  .home-home-podcast-card41 {
    flex: 0 0 80%;
    width: 80vw;
    max-width: 340px;
    min-width: 80%;
    transform: none !important;
    flex-shrink: 0;
    scroll-snap-align: center;
  }
  .letters-fs-section {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  .letters-fs-grid {
    gap: var(--spacing-md);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .letters-fs-title {
    font-size: var(--font-size-2xl);
  }
  .mala-inner {
    gap: 6.5px;
    max-width: 210px;
  }
  .mala-bead-small {
    width: 6.5px;
    height: 6.5px;
  }
  .mala-bead-main {
    width: 9px;
    height: 9px;
    transform: translateY(2px);
  }
  .app-download-card-wrapper {
    border-radius: 24px;
    grid-template-columns: 1fr;
  }
  .app-download-content-col {
    order: 2;
    padding: 48px 40px;
  }
  .app-download-image-col {
    order: 1;
    position: relative;
    min-height: 400px;
  }
  .app-download-buttons-row {
    justify-content: center;
  }
  .app-download-image {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
  }
  .home-nirvana-hero-spiritual2 {
    padding: 60px 0 50px 0;
  }
  .home-nirvana-hero-spiritual-heading1 {
    font-size: 32px;
  }
  .thq-nirvana-hero-spiritual-heading-elm {
    font-size: 40px;
  }
  .home-nirvana-hero-spiritual-paragraph2 {
    font-size: 16px;
  }
  .thq-nirvana-hero-spiritual-instructor-image-elm {
    height: 481px;
  }
  .text11 {
    font-size: 20px;
  }
  .upcoming-live-section {
    padding: 40px 40px;
  }
  .upcoming-live-header {
    margin-bottom: 40px;
  }
  .upcoming-live-title {
    font-size: var(--font-size-2xl);
  }
  .upcoming-live-image-wrapper {
    max-width: 35%;
  }
  .upcoming-live-card-title {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .upcoming-live-btn-primary {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .upcoming-live-btn-secondary {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .courses-hero-section {
    padding: 100px 60px 80px 60px;
  }
  .courses-hero-container {
    gap: 48px;
    padding: 0 20px;
    margin-top: 40px;
    grid-template-columns: 1fr;
  }
  .courses-hero-content {
    text-align: center;
    align-items: center;
  }
  .courses-hero-heading {
    font-size: 36px;
  }
  .courses-hero-description {
    margin: 0 auto;
    font-size: 16px;
    max-width: 100%;
  }
  .courses---workshops-upcoming-live-section {
    padding: 40px 40px;
  }
  .courses---workshops-upcoming-live-title {
    font-size: var(--font-size-2xl);
  }
  .courses---workshops-upcoming-live-card-title {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .courses---workshops-upcoming-live-btn-primary {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .courses---workshops-upcoming-live-btn-secondary {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .courses---workshops-upcoming-live-container {
    padding: 0px;
  }
  .courses---workshops-upcoming-live-title1 {
    font-size: var(--font-size-2xl);
  }
  .courses---workshops-upcoming-live-card-title1 {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .courses---workshops-upcoming-live-btn-primary1 {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .courses---workshops-upcoming-live-btn-secondary1 {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .footer-column-divider {
    display: none;
  }
  .self-paced-section {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  .self-paced-header {
    margin-bottom: var(--spacing-2xl);
  }
  .self-paced-grid {
    gap: var(--spacing-xl);
    grid-template-columns: 1fr;
  }
  .selfpaced-spiritual-workshops-area {
    padding: 40px 40px;
  }
  .selfpaced-spiritual-section-header {
    margin-bottom: 40px;
  }
  .selfpaced-spiritual-section-heading {
    font-size: var(--font-size-2xl);
  }
  .selfpaced-workshop-card-image-container {
    flex: 0 0 280px;
    max-width: 280px;
  }
  .selfpaced-workshop-card-heading-text {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .selfpaced-workshop-card-description-text {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .selfpaced-workshop-action-button {
    padding: 10px 20px;
    font-size: var(--font-size-sm, 0.875rem);
  }
  .nirvana-footer {
    padding: var(--spacing-3xl) 0 var(--spacing-lg);
  }
  .nirvana-footer-main {
    gap: var(--spacing-2xl);
    display: grid;
    grid-template-columns: 1fr;
  }
  .nirvana-footer-main  > .nirvana-footer-links:nth-child(2) {
    display: flex;
  }
  .nirvana-footer-main  > .nirvana-footer-links:nth-child(3) {
    display: flex;
  }
  .nirvana-footer-brand {
    grid-row: 1;
    grid-area: brand;
    text-align: center;
    align-items: center;
    grid-column: span 2;
  }
  .nirvana-footer-links {
    display: none;
  }
  .nirvana-footer-form-column {
    grid-column: 1;
  }
  .nirvana-footer-social {
    justify-content: center;
  }
  .early-access-signup {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .early-access-headline {
    font-size: clamp(1.75rem, 5vw, 3rem);
  }
  .notify-updates-section {
    padding: 80px var(--spacing-lg);
  }
  .notify-updates-grid {
    gap: var(--spacing-3xl);
    grid-template-columns: 1fr;
  }
  .notify-updates-content {
    padding: 1px 30px;
  }
  .notify-updates-card-wrapper {
    order: 1;
    position: static;
  }
  .notify-updates-heading {
    font-size: clamp(1.75rem, 5vw, 2rem);
  }
  .contact-hero-container {
    gap: var(--spacing-2xl);
    grid-template-columns: 1fr;
  }
  .contact-hero-content {
    text-align: center;
    padding-right: 0;
  }
  .contact-hero-image-wrapper {
    height: 400px;
  }
  .contact-methods-container {
    grid-template-columns: 1fr;
  }
  .newsletter-form {
    flex-direction: column;
  }
  .newsletter-btn {
    width: 100%;
  }
  .page1-contact-hero-content {
    gap: var(--contact-spacing-xl);
    flex-direction: column;
  }
  .contact-section-title {
    font-size: 32px;
  }
  .contact-social-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-topics-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-hero-left {
    display: flex;
    max-width: 100%;
    flex-direction: column;
  }
  .contact-hero-right {
    order: 1;
    max-width: 100%;
  }
  .contact-cta-title {
    font-size: 28px;
  }
  .page1-contact-hero-title {
    font-size: 36px;
  }
  .contact-hero-actions {
    order: 2;
  }
  .courses---workshops-nirvana-nav-links-desktop {
    display: none;
  }
  .courses---workshops-nirvana-nav-cta-desktop {
    display: none;
  }
  .courses---workshops-nirvana-nav-mobile-controls {
    display: flex;
  }
  .courses---workshops-nirvana-nav-mobile-menu-content {
    max-width: 400px;
  }
  .home-nirvana-nav-container2 {
    padding: 0.875rem var(--spacing-md);
  }
  .home-nirvana-nav-links-desktop2 {
    display: none;
  }
  .home-nirvana-nav-mobile-controls2 {
    display: flex;
  }
  .home-nirvana-nav-cta-desktop2 {
    display: none;
  }
  .home-nirvana-nav-cta-mobile2 {
    display: flex;
  }
  .home-nirvana-nav-hamburger2 {
    display: flex;
  }
  .home-nirvana-nav-container3 {
    padding: 0.875rem var(--spacing-md);
  }
  .home-nirvana-nav-links-desktop3 {
    display: none;
  }
  .home-nirvana-nav-mobile-controls3 {
    display: flex;
  }
  .home-nirvana-nav-cta-desktop3 {
    display: none;
  }
  .home-nirvana-nav-cta-mobile3 {
    display: flex;
  }
  .home-nirvana-nav-hamburger3 {
    display: flex;
  }
  .navigationheader_new-nirvana-nav-container {
    padding: 0.875rem var(--spacing-md);
  }
  .navigationheader_new-nirvana-nav-links-desktop {
    display: none;
  }
  .navigationheader_new-nirvana-nav-mobile-controls {
    display: flex;
  }
  .navigationheader_new-nirvana-nav-cta-desktop {
    display: none;
  }
  .navigationheader_new-nirvana-nav-cta-mobile {
    display: flex;
  }
  .navigationheader_new-nirvana-nav-hamburger {
    display: flex;
  }
  .nirvana-header-nav-desktop {
    display: none;
  }
  .nirvana-header-cta-desktop {
    display: none;
  }
  .nirvana-header-mobile-toggle {
    display: flex;
  }
  .contact-us-nirvana-header-mobile-toggle {
    display: flex;
  }
  .contact-us-nirvana-header-cta-button {
    width: auto;
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-sm);
  }
  .podcast-hero-container {
    gap: 60px;
    text-align: center;
    grid-template-columns: 1fr;
  }
  .podcasts-podcast-hero-content {
    align-items: center;
  }
  .podcast-hero-visual {
    height: 500px;
  }
  .podcast-hero-badge {
    margin: 0 auto;
  }
  .podcast-hero-subheading {
    max-width: 600px;
  }
  .podcast-hero-cta-group {
    justify-content: center;
  }
  .podcast-platforms-section {
    justify-content: center;
  }
  .podcast-stat-episodes {
    top: 60px;
    left: 0;
  }
  .podcast-stat-updates {
    right: 0;
    bottom: 80px;
  }
  .podcast-deco-1 {
    width: 440px;
    height: 440px;
  }
  .podcast-deco-2 {
    width: 500px;
    height: 500px;
  }
  .podcast-artwork-border {
    width: 350px;
    height: 350px;
  }
  .nirvana-podcast-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .nirvana-podcast-header {
    align-items: flex-start;
    margin-bottom: var(--spacing-2xl);
    flex-direction: column;
  }
  .nirvana-podcast-carousel-desktop {
    display: none;
  }
  .nirvana-podcast-stack-mobile {
    gap: var(--spacing-xl);
    display: flex;
    flex-direction: column;
  }
  .nirvana-podcast-pagination {
    display: none;
  }
  .nirvana-podcast-nav-desktop {
    display: none;
  }
  .nirvana-podcast-card {
    flex: none;
    width: 100%;
  }
  .nirvana-podcast-title {
    font-size: var(--font-size-2xl);
  }
  .nirvana-podcast-subtitle {
    font-size: var(--font-size-base);
  }
  .nirvana-podcasts-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .nirvana-podcasts-header {
    margin-bottom: var(--spacing-2xl);
  }
  .nirvana-in-podcasts-header {
    margin-bottom: var(--spacing-2xl);
  }
  .nirvana-in-podcasts-grid {
    grid-template-columns: 1fr;
  }
  .contact-modal-form-row {
    grid-template-columns: 1fr;
  }
  .contact-modal-radio-group {
    grid-template-columns: 1fr;
  }
  .contact-us-contact-modal-container {
    max-width: 540px;
  }
  .contact-us-contact-modal-container1 {
    max-width: 540px;
  }
  .contact-us-contact-modal-wrapper1 {
    padding: var(--spacing-lg);
  }
  .nirvanafooter-nirvana-footer-main {
    gap: var(--spacing-2xl);
    grid-template-columns: 1fr 1fr;
  }
  .nirvanafooter-nirvana-footer-brand {
    text-align: center;
    align-items: center;
    grid-column: 1 / -1;
  }
  .nirvana-footer-app-column {
    grid-column: 1 / -1;
  }
  .nirvana-footer-tagline {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .nirvanafooter-nirvana-footer-social {
    justify-content: center;
  }
  .nirvanafooter-nirvana-footer-heading {
    text-align: center;
  }
  .nirvanafooter-nirvana-footer-heading::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .nirvanafooter-nirvana-footer-nav {
    align-items: center;
  }
  .nirvana-footer-app-badges {
    margin: 0 auto;
    flex-wrap: wrap;
    max-width: 100%;
    flex-direction: row;
    justify-content: center;
  }
  .nirvanafooter-nirvana-footer-link {
    text-align: center;
  }
  .privacy-hero-section {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 65vh;
  }
  .privacy-hero-mandala-bg {
    width: 600px;
    height: 600px;
  }
  .privacy-hero-content {
    order: -2;
    text-align: center;
  }
  .privacy-hero-heading {
    font-size: var(--font-size-3xl);
  }
  .privacy-hero-subheading {
    font-size: var(--font-size-base);
  }
  .privacy-hero-icon-circle {
    width: 70px;
    height: 70px;
  }
  .privacy-policy-privacy-hero-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .privacy-hero-grid {
    gap: var(--spacing-2xl);
    grid-template-columns: 1fr;
  }
  .privacy-hero-visual {
    order: -1;
  }
  .privacy-hero-badges {
    justify-content: center;
  }
  .privacy-policy-privacy-hero-heading {
    font-size: font-size-3xl;
  }
  .privacy-policy-privacy-hero-subheading {
    font-size: var(--font-size-base);
  }
  .privacy-hero-image-wrapper {
    max-width: 350px;
  }
  .terms-conditions-section {
    padding: var(--spacing-3xl) 0;
  }
  .terms-bg-mandala {
    width: 400px;
    height: 400px;
  }
  .terms-header {
    margin-bottom: var(--spacing-3xl);
  }
  .terms-main-title {
    font-size: clamp(2rem, 4vw, 2.5rem);
  }
  .terms-section-body {
    padding-left: 0;
  }
  .terms-hero-mandala-decoration {
    width: 300px;
    height: 300px;
  }
  .terms-hero-mandala-decoration-right {
    width: 280px;
    height: 280px;
  }
  .terms-hero-icon-wrapper {
    width: 70px;
    height: 70px;
  }
  .terms-hero-title {
    margin-bottom: var(--spacing-md);
  }
  .terms-hero-description {
    margin-bottom: var(--spacing-xl);
  }
  .legal-declaration-banner-wrapper {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .cosmic-mandala-backdrop-left {
    width: 600px;
    height: 600px;
  }
  .cosmic-mandala-backdrop-right {
    width: 600px;
    height: 600px;
  }
  .legal-declaration-content-grid {
    gap: var(--spacing-2xl);
    grid-template-columns: 1fr;
  }
  .legal-declaration-text-block {
    order: -2;
    text-align: center;
  }
  .legal-declaration-visual-column {
    order: -1;
  }
  .legal-scale-icon-container {
    margin-left: auto;
    margin-right: auto;
  }
  .legal-declaration-main-title {
    font-size: var(--font-size-3xl);
  }
  .legal-ornamental-separator {
    justify-content: center;
  }
  .legal-declaration-descriptive-text {
    font-size: var(--font-size-base);
  }
  .legal-trust-indicators-row {
    justify-content: center;
  }
  .legal-visual-element-container {
    max-width: 350px;
  }
  .terms-service-wrapper {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
  .terms-intro-section {
    padding: var(--spacing-xl);
  }
  .terms-and-conditions-terms-section {
    padding: var(--spacing-xl);
  }
  .terms-and-conditions-terms-section-header {
    gap: var(--spacing-md);
    flex-direction: column;
  }
  .terms-section-content {
    padding-left: 0;
  }
  .terms-section-number {
    width: 48px;
    height: 48px;
    font-size: var(--font-size-xl);
  }
  .nirvana-app-hero-grid {
    gap: var(--spacing-lg);
    grid-template-columns: 1fr;
  }
  .nirvana-app-hero-visual {
    order: -1;
  }
  .nirvana-app-hero-title {
    font-size: 2.5rem;
  }
  .nirvana-app-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .nirvana-app-section-title {
    font-size: 2rem;
  }
  .nirvana-app-section-subtitle {
    font-size: 1rem;
  }
  .nirvana-app-steps-grid {
    gap: 24px;
    grid-template-columns: 1fr;
  }
  .nirvana-app-preview-arrow {
    width: 40px;
    height: 40px;
  }
  .nirvana-app-preview-arrow-left {
    left: 10px;
  }
  .nirvana-app-preview-arrow-right {
    right: 10px;
  }
  .nirvana-app-preview-item {
    width: 280px;
  }
  .faq-contact-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .faq-contact-title {
    font-size: var(--font-size-2xl);
  }
  .faq-contact-subtitle {
    font-size: var(--font-size-base);
  }
  .faq-contact-question {
    padding: var(--spacing-md) var(--spacing-lg);
  }
  .faq-contact-question-text {
    font-size: var(--font-size-base);
  }
  .faq-contact-answer {
    padding: 0 var(--spacing-lg) var(--spacing-md) var(--spacing-lg);
  }
  .contact-us-faq-contact-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .faq-contact-category {
    padding: var(--spacing-lg);
  }
  .faq-contact-main-title {
    font-size: var(--font-size-2xl);
  }
  .faq-contact-main-subtitle {
    font-size: var(--font-size-base);
  }
  .faq-contact-category-title {
    font-size: var(--font-size-lg);
  }
  .contact-us-faq-contact-section1 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .faq-contact-categories-grid {
    gap: var(--spacing-lg);
    grid-template-columns: 1fr;
  }
  .contact-us-faq-contact-main-title {
    font-size: var(--font-size-2xl);
  }
  .contact-us-faq-contact-main-subtitle {
    font-size: var(--font-size-base);
  }
}
 
@media(max-width: 900px) {
  .starting-soon-spiritual-grid {
    display: none;
  }
  .starting-soon-spiritual-carousel {
    display: block;
  }
  .starting-soon-spiritual-carousel-track {
    display: flex;
    overflow-x: auto;
    flex-direction: row;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .starting-soon-spiritual-carousel-card {
    flex: 0 0 80%;
    min-width: 80%;
    margin-right: 16px;
    scroll-snap-align: center;
  }
}
 
@media(max-width: 768px) {
  .courses-carousel-swipe-hint {
    display: none;
  }
  .courses-carousel-track {
    width: 100%;
    display: block;
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .courses-carousel-pagination {
    display: none;
  }
  .home-course-card2 {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: var(--spacing-xl);
    scroll-snap-align: none;
  }
}
 
@media(max-width: 767px) {
  .thq-section-padding {
    padding: var(--dl-layout-space-threeunits);
  }
  .thq-flex-column {
    gap: var(--dl-layout-space-oneandhalfunits);
  }
  .thq-flex-row {
    gap: var(--dl-layout-space-oneandhalfunits);
  }
  .thq-grid-6 {
    grid-gap: var(--dl-layout-space-oneandhalfunits);
    grid-template-columns: 1fr 1fr 1fr;
  }
  .thq-grid-5 {
    grid-gap: var(--dl-layout-space-oneandhalfunits);
    grid-template-columns: 1fr 1fr 1fr;
  }
  .thq-card {
    padding: var(--dl-layout-space-oneandhalfunits);
  }
  .thq-grid-3 {
    grid-gap: var(--dl-layout-space-oneandhalfunits);
    grid-template-columns: 1fr 1fr;
  }
  .thq-grid-4 {
    grid-gap: var(--dl-layout-space-oneandhalfunits);
    flex-direction: row;
    grid-template-columns: 1fr 1fr;
  }
  .thq-grid-2 {
    grid-gap: var(--dl-layout-space-oneandhalfunits);
    grid-template-columns: 1fr;
  }
  .thq-img-scale {
    width: 100%;
  }
  .navigation {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .navigation-container {
    gap: var(--spacing-md);
  }
  .navigation-links {
    display: none;
  }
  .navigation-toggle {
    display: block;
  }
  .navigation-logo-icon {
    width: 28px;
    height: 28px;
  }
  .navigation-brand {
    font-size: var(--font-size-base);
  }
  .navigation-mobile {
    display: block;
  }
  .navigation-mobile-header {
    padding: var(--spacing-md);
  }
  .navigation-mobile-links {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  .navigation-mobile-link {
    font-size: var(--font-size-lg);
  }
  .footer {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-lg);
  }
  .footer-content {
    padding: 0 var(--spacing-md);
  }
  .footer-grid {
    gap: var(--spacing-xl);
    flex-wrap: wrap;
  }
  .footer-bottom {
    gap: var(--spacing-md);
    text-align: center;
    flex-direction: column;
  }
  .footer-column {
    flex: 1 1 calc(50% - var(--spacing-xl));
  }
  .footer-brand-column {
    flex: 1 1 100%;
  }
  .footer-legal-links {
    gap: var(--spacing-sm);
    flex-direction: column;
    justify-content: center;
  }
  .footer-social-links {
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer-newsletter {
    width: 100%;
    padding: var(--spacing-md);
  }
  .footer-legal-separator {
    display: none;
  }
  .footer-logo-text {
    font-size: var(--font-size-xl);
    justify-content: center;
  }
  .footer-newsletter-input {
    margin: var(--spacing-sm) 0;
    padding: var(--spacing-md);
  }
  .hero-section {
    min-height: 90vh;
  }
  .hero-content {
    padding: var(--spacing-md);
  }
  .live-courses-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .live-courses-grid {
    grid-template-columns: 1fr;
  }
  .selfpaced-section {
    padding: var(--spacing-3xl) 0;
  }
  .selfpaced-container {
    padding: 0 var(--spacing-md);
  }
  .selfpaced-summary {
    padding: var(--spacing-md);
  }
  .selfpaced-content {
    padding: 0 var(--spacing-md) var(--spacing-md);
  }
  .selfpaced-summary-title {
    font-size: var(--font-size-base);
  }
  .about-section {
    padding: var(--spacing-3xl) 0;
  }
  .about-container {
    padding: 0 var(--spacing-md);
  }
  .about-item {
    min-height: 300px;
  }
  .about-mission {
    padding: var(--spacing-xl);
  }
  .about-approach {
    padding: var(--spacing-xl);
  }
  .about-overlay {
    padding: var(--spacing-lg);
  }
  .testimonials-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .testimonials-prev {
    width: 40px;
    height: 40px;
  }
  .testimonials-next {
    width: 40px;
    height: 40px;
  }
  .nirvana-app-section {
    min-height: 80vh;
  }
  .nirvana-app-content {
    padding: var(--spacing-md);
  }
  .nirvana-app-actions {
    flex-direction: column;
  }
  .cta-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .cta-stats {
    gap: var(--spacing-lg);
    flex-direction: column;
  }
  .cta-contact-card {
    padding: var(--spacing-lg);
  }
  .hero-spiritual {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .hero-spiritual-container {
    gap: var(--spacing-2xl);
  }
  .hero-spiritual-mandala-bg {
    width: 400px;
    height: 400px;
  }
  .hero-spiritual-visual {
    min-height: 350px;
  }
  .hero-spiritual-cta-group {
    flex-direction: column;
  }
  .hero-spiritual-cta-group  .btn {
    width: 100%;
  }
  .hero-spiritual-features {
    gap: var(--spacing-md);
    flex-direction: column;
  }
  .home-hero-spiritual-container {
    padding: var(--spacing-2xl) 0;
  }
  .home-hero-spiritual-content {
    padding-top: var(--spacing-2xl);
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
    padding-bottom: var(--spacing-xl);
  }
  .home-hero-spiritual-visual {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
    padding-bottom: var(--spacing-2xl);
  }
  .carousel-wrapper {
    gap: 0;
  }
  .carousel-indicators {
    margin-top: var(--spacing-lg);
  }
  .carousel-nav-btn {
    display: none;
  }
  .live-courses-carousel {
    padding: var(--spacing-md) var(--spacing-xs);
  }
  .home-live-course-card {
    flex: 0 0 100%;
  }
  .live-courses-carousel-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-carousel-nav-btn {
    width: 40px;
    height: 40px;
  }
  .home-carousel-prev {
    left: 0;
  }
  .home-carousel-next {
    right: 0;
  }
  .carousel-track {
    gap: var(--spacing-lg);
  }
  .carousel-slide {
    flex: 0 0 100%;
  }
  .course-image-wrapper {
    height: 220px;
  }
  .course-content {
    padding: var(--spacing-lg);
  }
  .live-workshops-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .workshops-grid {
    gap: var(--spacing-lg);
  }
  .workshop-card {
    max-width: 100%;
    min-width: 100%;
  }
  .workshop-badge {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--font-size-xs);
  }
  .workshop-meta {
    gap: var(--spacing-md);
  }
  .app-download-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .app-download-container {
    gap: var(--spacing-2xl);
  }
  .app-benefits-grid {
    gap: var(--spacing-sm);
  }
  .app-store-buttons {
    width: 100%;
    flex-direction: column;
  }
  .app-benefit-card {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .app-store-button {
    width: 100%;
    justify-content: center;
  }
  .app-mockup-glow {
    width: 300px;
    height: 300px;
  }
  .app-mockup-image {
    max-width: 440px;
  }
  .app-benefit-icon {
    width: 40px;
    height: 40px;
  }
  .hero-section-hero-section {
    padding: var(--spacing-2xl) 0;
    min-height: auto;
  }
  .hero-container {
    padding: 0 var(--spacing-lg);
  }
  .hero-content-wrapper {
    gap: var(--spacing-2xl);
  }
  .hero-text-content {
    gap: var(--spacing-lg);
  }
  .hero-stats-grid {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .hero-cta-wrapper {
    width: 100%;
    flex-direction: column;
  }
  .hero-trust-indicators {
    gap: var(--spacing-sm);
    align-items: center;
    flex-direction: column;
  }
  .hero-stat-card {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .hero-cta-primary {
    width: 100%;
    justify-content: center;
  }
  .hero-cta-secondary {
    width: 100%;
    justify-content: center;
  }
  .hero-floating-card {
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .hero-floating-card-1 {
    top: 5%;
    right: 0;
    transform: scale(0.9);
  }
  .hero-floating-card-2 {
    left: 0;
    bottom: 5%;
    transform: scale(0.9);
  }
  .hero-decorative-1 {
    opacity: 0.3;
  }
  .hero-decorative-2 {
    opacity: 0.3;
  }
  .hero-stat-number {
    font-size: var(--font-size-2xl);
  }
  .hero-floating-icon {
    width: 40px;
    height: 40px;
  }
  .hero-floating-title {
    font-size: var(--font-size-sm);
  }
  .hero-floating-subtitle {
    font-size: 11px;
  }
  .spiritual-courses-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .course-banner {
    height: 140px;
  }
  .home-course-content {
    padding: var(--spacing-lg);
  }
  .home-course-cta {
    flex-direction: column;
  }
  .highlight-icon {
    width: 40px;
    height: 40px;
  }
  .course-cards-section {
    padding: var(--spacing-3xl) 0;
  }
  .swipe-indicator {
    display: block;
    padding: 0 var(--spacing-lg);
  }
  .course-cards-grid {
    gap: var(--spacing-md);
    display: flex;
    padding: 0 var(--spacing-lg);
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
  }
  .course-cards-grid::-webkit-scrollbar {
    display: none;
  }
  .course-cards-grid::after {
    height: 1px;
    content: "";
    min-width: 1px;
  }
  .pagination-dots {
    display: flex;
  }
  .home-course-card1 {
    min-width: calc(100% - var(--spacing-lg));
    scroll-snap-stop: always;
    scroll-snap-align: start;
  }
  .course-card-title {
    font-size: 20px;
  }
  .course-card-subheading {
    font-size: 13px;
  }
  .course-cta-group {
    flex-direction: column;
  }
  .course-highlight-text {
    font-size: 14px;
  }
  .home-live-courses-section {
    padding: var(--spacing-3xl) 0;
  }
  .courses-carousel {
    gap: var(--spacing-md);
    display: flex;
    padding: 0 var(--spacing-md);
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .courses-carousel::-webkit-scrollbar {
    display: none;
  }
  .carousel-dots {
    display: flex;
  }
  .home-swipe-indicator {
    display: block;
  }
  .home-live-course-card1 {
    flex: 0 0 80%;
    scroll-snap-stop: always;
    scroll-snap-align: center;
  }
  .home-live-course-content {
    padding: var(--spacing-lg);
  }
  .course-cta-buttons {
    gap: var(--spacing-xs);
  }
  .courses-carousel-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .courses-carousel-swipe-hint {
    display: block;
  }
  .courses-carousel-track {
    gap: var(--spacing-lg);
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }
  .home-course-card2 {
    max-width: 80%;
    min-width: 80%;
    scroll-snap-align: start;
  }
  .home-course-cta-buttons {
    flex-direction: column;
  }
  .course-cta-btn {
    width: 100%;
    min-width: auto;
  }
  .upcoming-courses-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .upcoming-courses-title {
    margin-bottom: var(--spacing-2xl);
  }
  .home-courses-carousel {
    gap: var(--spacing-md);
    margin: 0 calc(-1 * var(--spacing-md));
    display: flex;
    padding: 0 var(--spacing-md);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
  }
  .home-courses-carousel::-webkit-scrollbar {
    display: none;
  }
  .carousel-controls {
    display: flex;
  }
  .home-course-card3 {
    min-width: calc(100vw - var(--spacing-2xl));
    flex-shrink: 0;
  }
  .home-course-cta-buttons1 {
    flex-direction: column;
  }
  .course-btn-primary {
    width: 100%;
  }
  .course-btn-secondary {
    width: 100%;
  }
  .home-courses-carousel1 {
    gap: var(--spacing-md);
    margin: 0 calc(-1 * var(--spacing-md));
    display: flex;
    padding: 0 var(--spacing-md);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
  }
  .home-courses-carousel1::-webkit-scrollbar {
    display: none;
  }
  .home-course-card4 {
    min-width: calc(100vw - var(--spacing-2xl));
    flex-shrink: 0;
  }
  .home-course-cta-buttons2 {
    flex-direction: column;
  }
  .home-home-courses-carousel1 {
    gap: var(--spacing-lg);
    display: flex;
    padding: 0 7.5vw;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
  }
  .home-home-courses-carousel1::-webkit-scrollbar {
    display: none;
  }
  .home-courses-carousel2 {
    gap: var(--spacing-lg);
    scroll-snap-type: x mandatory;
  }
  .home-home-course-card4 {
    min-width: 85vw;
    flex-shrink: 0;
    scroll-snap-align: center;
  }
  .course-card1 {
    scroll-snap-align: center;
  }
  .home-home-courses-carousel11 {
    gap: var(--spacing-lg);
    display: flex;
    padding: 0 7.5vw;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
  }
  .home-home-courses-carousel11::-webkit-scrollbar {
    display: none;
  }
  .home-courses-carousel3 {
    gap: var(--spacing-lg);
    scroll-snap-type: x mandatory;
  }
  .home-home-course-card41 {
    min-width: 85vw;
    flex-shrink: 0;
    scroll-snap-align: center;
  }
  .home-upcoming-courses-section {
    padding: var(--spacing-3xl) 0;
  }
  .home-upcoming-courses-container {
    padding: 0;
    max-width: 100%;
  }
  .home-carousel-swipe-hint {
    display: block;
  }
  .course-cards-track {
    gap: var(--spacing-md);
    display: flex;
    padding: 0 var(--spacing-lg);
    overflow-x: auto;
    flex-direction: row;
    padding-bottom: var(--spacing-md);
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
  }
  .course-cards-track::-webkit-scrollbar {
    display: none;
  }
  .home-course-card11 {
    max-width: 85vw;
    min-width: 85vw;
    flex-shrink: 0;
    scroll-snap-align: center;
  }
  .popular-workshops-section {
    padding: var(--spacing-2xl) 0;
  }
  .mobile-carousel-hint {
    display: flex;
  }
  .workshops-carousel-wrapper {
    gap: var(--spacing-md);
    margin: 0 calc(var(--spacing-md) * -1);
    display: flex;
    padding: 0 var(--spacing-md);
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
  }
  .workshops-carousel-wrapper::-webkit-scrollbar {
    display: none;
  }
  .carousel-controls-mobile {
    display: flex;
  }
  .home-workshop-card {
    flex: 0 0 85vw;
    scroll-snap-stop: always;
    scroll-snap-align: center;
  }
  .workshop-card-content {
    padding: var(--spacing-lg);
  }
  .workshop-cta-buttons {
    flex-direction: column;
  }
  .workshop-btn-start {
    width: 100%;
  }
  .workshop-btn-waitlist {
    width: 100%;
  }
  .workshops-section {
    padding: var(--spacing-3xl) 0;
  }
  .workshops-container {
    padding: 0;
  }
  .home-workshops-carousel-wrapper {
    overflow: hidden;
  }
  .workshops-carousel {
    gap: var(--spacing-md);
    display: flex;
    padding: 0 var(--spacing-lg);
    overflow-x: auto;
    flex-direction: row;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .workshops-carousel::-webkit-scrollbar {
    display: none;
  }
  .workshops-mobile-controls {
    display: block;
    margin-top: var(--spacing-lg);
  }
  .home-workshop-card1 {
    width: 85%;
    flex-shrink: 0;
    flex-direction: column;
    scroll-snap-align: center;
  }
  .workshop-banner-wrapper {
    flex: none;
    width: 100%;
    height: 200px;
    max-width: unset;
    min-width: unset;
  }
  .home-workshop-content {
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
  }
  .home-workshop-cta-buttons {
    flex-direction: column;
  }
  .workshop-cta-primary {
    width: 100%;
  }
  .workshop-cta-secondary {
    width: 100%;
  }
  .nirvana-stats-strip {
    padding: var(--spacing-xl) 0;
  }
  .stats-row-container {
    display: none;
  }
  .stats-marquee-container {
    display: block;
  }
  .marquee-pill {
    padding: var(--spacing-xs) var(--spacing-lg);
    font-size: var(--font-size-xs);
  }
  .nirvana-hero-desktop {
    display: none;
  }
  .nirvana-hero-mobile {
    display: block;
  }
  .home-nirvana-hero-container {
    display: none;
  }
  .home-nirvana-hero-heading {
    color: var(--color-on-surface);
    font-size: var(--font-size-2xl);
  }
  .nirvana-hero-description {
    color: var(--color-on-surface-secondary);
  }
  .nirvana-hero-btn {
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-xl);
    font-size: var(--font-size-lg);
  }
  .nirvana-hero-stat-card {
    min-width: 280px;
    flex-shrink: 0;
  }
  .nirvana-hero-mobile-stats-track:hover {
    animation-play-state: paused;
  }
  .home-nirvana-hero-container1 {
    display: none;
  }
  .home-nirvana-hero-heading1 {
    color: var(--color-on-surface);
    font-size: var(--font-size-2xl);
  }
  .home-nirvana-hero {
    padding: 0;
  }
  .home-nirvana-hero-container2 {
    padding: 0;
  }
  .home-nirvana-hero-desktop {
    display: none;
  }
  .home-nirvana-hero-pill2 {
    padding: 6px 14px;
  }
  .home-nirvana-hero-heading2 {
    font-size: clamp(24px, 6vw, 28px);
  }
  .home-nirvana-hero-description {
    font-size: 15px;
  }
  .nirvana-hero-pill-text-content {
    font-size: 12px;
  }
  .home-nirvana-hero-btn {
    padding: 13px 20px;
    font-size: 15px;
  }
  .home-nirvana-hero1 {
    padding: 0;
  }
  .home-nirvana-hero-container3 {
    padding: 0;
  }
  .home-nirvana-hero-desktop1 {
    display: none;
  }
  .home-nirvana-hero-pill3 {
    padding: 6px 14px;
  }
  .home-nirvana-hero-heading3 {
    font-size: clamp(24px, 6vw, 28px);
  }
  .home-nirvana-hero-description1 {
    font-size: 15px;
  }
  .home-nirvana-hero-btn1 {
    padding: 13px 20px;
    font-size: 15px;
  }
  .nirvana-hero-spiritual {
    padding: 20px 0 40px 0;
    min-height: 100vh;
  }
  .nirvana-hero-spiritual-container {
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .nirvana-hero-spiritual-image-mobile {
    display: block;
    text-align: center;
    margin-bottom: 24px;
  }
  .nirvana-hero-spiritual-grid {
    gap: 32px;
    padding-bottom: 30px;
    grid-template-columns: 1fr;
  }
  .nirvana-hero-spiritual-instructor-image-mobile {
    width: 100%;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.4));
    height: auto;
    max-width: 400px;
    object-fit: contain;
  }
  .nirvana-hero-spiritual-content {
    gap: 20px;
  }
  .nirvana-hero-spiritual-image-wrapper {
    width: 100%;
    display: none;
    overflow: hidden;
    max-height: 40vh;
  }
  .nirvana-hero-spiritual-pill {
    padding: 7px 14px;
  }
  .nirvana-hero-spiritual-heading {
    font-size: 40px;
  }
  .nirvana-hero-spiritual-paragraph {
    font-size: 16px;
    line-height: 1.6;
  }
  .nirvana-hero-spiritual-cta-row {
    gap: 12px;
    flex-direction: column;
  }
  .nirvana-hero-spiritual-stats-desktop {
    display: none;
  }
  .nirvana-hero-spiritual-stats-mobile {
    gap: 12px;
    display: flex;
    margin-top: 8px;
    overflow-x: auto;
    flex-direction: row;
    padding-bottom: 8px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .nirvana-hero-spiritual-stats-mobile::-webkit-scrollbar {
    display: none;
  }
  .nirvana-hero-spiritual-stats-mobile  .nirvana-hero-spiritual-stat-card {
    padding: 16px;
    min-width: 140px;
    flex-shrink: 0;
  }
  .nirvana-hero-spiritual-pill-text {
    font-size: 13px;
  }
  .nirvana-hero-spiritual-btn {
    width: 100%;
    padding: 14px 20px;
    font-size: 15px;
  }
  .nirvana-hero-spiritual-stat-card {
    padding: 16px 20px;
  }
  .nirvana-hero-spiritual-stat-number {
    font-size: 26px;
  }
  .nirvana-hero-spiritual-stat-label {
    font-size: 12px;
  }
  .home-nirvana-hero-spiritual-stats-desktop {
    display: none;
  }
  .home-nirvana-hero-spiritual {
    padding: var(--spacing-md);
    min-height: auto;
  }
  .home-nirvana-hero-spiritual-image-mobile {
    display: block;
    margin-bottom: var(--spacing-lg);
  }
  .home-nirvana-hero-spiritual-grid {
    gap: var(--spacing-xl);
    grid-template-columns: 1fr;
  }
  .home-nirvana-hero-spiritual-image-wrapper {
    display: none;
  }
  .home-nirvana-hero-spiritual-heading {
    font-size: 28px;
  }
  .home-nirvana-hero-spiritual-paragraph {
    font-size: 15px;
    max-width: 100%;
  }
  .home-nirvana-hero-spiritual-cta-row {
    width: 100%;
    flex-direction: column;
  }
  .home-stats-row {
    padding: var(--spacing-md) 0;
    overflow: hidden;
    position: relative;
    margin-top: var(--spacing-xl);
  }
  .home-nirvana-hero-spiritual-btn {
    width: 100%;
    padding: 14px 20px;
    font-size: 15px;
  }
  .home-stats-row-top1 {
    gap: var(--spacing-md);
    display: flex;
    animation: marquee-scroll 25s linear infinite;
  }
  .home-stats-row-top1::after {
    gap: var(--spacing-md);
    content: "";
    display: flex;
    margin-left: var(--spacing-md);
  }
  .home-stats-row-bottom1 {
    gap: var(--spacing-md);
    display: flex;
    animation: marquee-scroll 25s linear infinite;
    margin-top: var(--spacing-md);
    animation-delay: -12.5s;
  }
  .home-nirvana-hero-spiritual-stat-card1 {
    padding: var(--spacing-md) var(--spacing-lg);
    min-width: 180px;
    flex-shrink: 0;
  }
  .home-nirvana-hero-spiritual-stat-card-wide {
    max-width: none;
    min-width: 280px;
  }
  .home-nirvana-hero-spiritual-container1 {
    padding: 0 16px;
    box-sizing: border-box;
  }
  .home-nirvana-hero-spiritual-instructor-image-mobile1 {
    width: 100%;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.4));
    height: auto;
    display: block;
    max-width: 100%;
    object-fit: contain;
  }
  .home-nirvana-hero-spiritual-pill1 {
    padding: 7px 14px;
    max-width: 100%;
    box-sizing: border-box;
  }
  .home-nirvana-hero-spiritual-stats-mobile {
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    overflow-x: visible;
    flex-direction: row;
    justify-content: space-between;
  }
  .home-nirvana-hero-spiritual-pill-text {
    overflow: hidden;
    font-size: 13px;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .home-nirvana-hero-spiritual-btn1 {
    width: 100%;
    padding: 14px 20px;
    font-size: 15px;
    box-sizing: border-box;
  }
  .home-nirvana-hero-spiritual-stat-card2 {
    flex: 1 1 calc(50% - 6px);
    padding: 16px 12px;
    min-width: 0;
    box-sizing: border-box;
  }
  .home-nirvana-hero-spiritual-stat-card2:nth-child(3) {
    flex: 1 1 100%;
  }
  .home-nirvana-hero-spiritual-stat-label1 {
    font-size: 12px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .home-app-download-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-app-benefit-card {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .home-app-mockup-glow {
    width: 300px;
    height: 300px;
  }
  .home-app-mockup-image {
    max-width: 280px;
  }
  .home-app-benefit-icon {
    width: 40px;
    height: 40px;
  }
  .home-app-store-button {
    width: 100%;
    justify-content: center;
  }
  .upcoming-workshops-section {
    padding: 48px 0;
  }
  .upcoming-workshops-container {
    padding: 0;
  }
  .workshops-header {
    padding: 0 16px;
    margin-bottom: 32px;
  }
  .home-workshops-carousel-wrapper1 {
    padding: 0 16px;
    overflow: visible;
  }
  .workshops-main-title {
    font-size: var(--font-size-xl);
  }
  .workshops-subtitle {
    font-size: var(--font-size-sm);
  }
  .home-workshops-grid {
    gap: 16px;
    margin: 0 -16px;
    display: flex;
    padding: 4px 0 4px 0;
    overflow-x: auto;
    overflow-y: visible;
    padding-left: 16px;
    padding-right: 16px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-workshops-grid::-webkit-scrollbar {
    display: none;
  }
  .home-workshops-pagination {
    display: flex;
  }
  .home-workshops-swipe-hint {
    display: flex;
  }
  .home-workshop-card2 {
    max-width: calc(100% - 48px);
    min-width: calc(100% - 48px);
    scroll-snap-stop: always;
    scroll-snap-align: start;
  }
  .workshop-details-grid {
    gap: 10px;
    grid-template-columns: 1fr;
  }
  .workshop-cta-group {
    flex-direction: column;
  }
  .workshop-btn {
    width: 100%;
    padding: 12px 20px;
  }
  .home-workshops-carousel-wrapper2 {
    padding: 0 16px;
    overflow: visible;
  }
  .home-workshops-grid1 {
    gap: 16px;
    margin: 0 -16px;
    display: flex;
    padding: 4px 0 4px 0;
    overflow-x: auto;
    overflow-y: visible;
    padding-left: 16px;
    padding-right: 16px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-workshops-grid1::-webkit-scrollbar {
    display: none;
  }
  .home-workshops-pagination1 {
    display: flex;
  }
  .home-workshops-swipe-hint1 {
    display: flex;
  }
  .home-workshop-card3 {
    max-width: calc(100% - 48px);
    min-width: calc(100% - 48px);
    scroll-snap-stop: always;
    scroll-snap-align: start;
  }
  .home-workshops-carousel-wrapper3 {
    padding: 0 16px;
    overflow: visible;
  }
  .home-workshops-grid2 {
    gap: 16px;
    margin: 0 -16px;
    display: flex;
    padding: 4px 0 4px 0;
    overflow-x: auto;
    overflow-y: visible;
    padding-left: 16px;
    padding-right: 16px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-workshops-grid2::-webkit-scrollbar {
    display: none;
  }
  .home-workshops-pagination2 {
    display: flex;
  }
  .home-workshops-swipe-hint2 {
    display: flex;
  }
  .home-workshop-card4 {
    max-width: calc(100% - 48px);
    min-width: calc(100% - 48px);
    scroll-snap-stop: always;
    scroll-snap-align: start;
  }
  .home-workshops-section {
    padding: 24px 0;
  }
  .home-section-title1 {
    padding: 0 16px;
    font-size: clamp(24px, 5vw, 28px);
  }
  .home-home-workshops-carousel-wrapper {
    overflow: hidden;
    margin-top: 20px;
  }
  .home-workshops-carousel {
    gap: 12px;
    display: flex;
    padding: 0 var(--spacing-lg);
    overflow-x: auto;
    flex-direction: row;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .workshop-content1 {
    width: 100%;
    padding: 14px;
  }
  .home-home-workshop-content {
    gap: 14px;
    padding: 14px;
  }
  .workshop-content2 {
    width: 100%;
    padding: 14px;
  }
  .home-home-workshop-badge1 {
    padding: 4px 8px;
    font-size: 11px;
  }
  .home-home-workshop-title {
    font-size: 16px;
    font-weight: 600;
  }
  .home-home-workshop-description {
    font-size: 13px;
    font-weight: 400;
  }
  .home-workshop-details-row {
    gap: 8px;
  }
  .home-home-workshop-cta-buttons {
    gap: 10px;
    flex-direction: column;
  }
  .home-home-workshop-helper-text {
    font-size: 12px;
  }
  .home-home-workshop-detail-pill {
    padding: 6px 10px;
  }
  .home-workshop-cta-primary {
    width: 100%;
    padding: 10px 16px;
    font-size: 14px;
  }
  .home-workshop-cta-secondary {
    width: 100%;
    padding: 10px 16px;
    font-size: 14px;
  }
  .home-workshop-detail-text3 {
    font-size: 12px;
  }
  .starting-soon-workshops-section {
    padding: 32px 16px;
  }
  .starting-soon-workshops-header {
    margin-bottom: var(--spacing-3xl);
  }
  .featured-workshop-card {
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-3xl);
  }
  .other-workshops-grid {
    gap: var(--spacing-lg);
    grid-template-columns: 1fr;
  }
  .featured-workshop-badges {
    gap: var(--spacing-xs);
  }
  .other-workshop-content {
    padding: var(--spacing-md);
  }
  .workshop-badge-featured {
    padding: 6px 12px;
    font-size: 11px;
  }
  .featured-cta-buttons {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .featured-workshop-btn-primary {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .featured-workshop-btn-secondary {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .other-workshop-btn-primary {
    padding: 10px 20px;
  }
  .other-workshop-btn-secondary {
    padding: 10px 20px;
  }
  .app-download-promo-section {
    padding: 48px 16px;
  }
  .app-download-promo-card {
    gap: 32px;
    padding: 32px 24px;
    grid-template-columns: 1fr;
  }
  .app-download-promo-content {
    gap: 24px;
    order: 1;
  }
  .app-download-promo-visual {
    order: 2;
    height: 320px;
    margin: 0 -12px -16px -12px;
  }
  .app-promo-title {
    font-size: clamp(1.75rem, 5vw, 2.25rem);
  }
  .app-promo-subtitle {
    font-size: var(--font-size-base);
  }
  .app-promo-benefits {
    gap: 14px;
  }
  .app-promo-download-buttons {
    gap: 12px;
    margin-top: 4px;
    flex-direction: column;
  }
  .app-mockup-primary {
    right: 12%;
    width: 180px;
    height: 360px;
  }
  .app-mockup-secondary {
    left: 12%;
    width: 150px;
    height: 300px;
  }
  .app-promo-benefit-item {
    font-size: var(--font-size-sm);
  }
  .home-app-store-button1 {
    width: 100%;
    padding: 16px 20px;
    justify-content: center;
  }
  .benefit-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
  .store-button-icon {
    width: 36px;
    height: 36px;
  }
  .store-button-label {
    font-size: 9px;
  }
  .store-button-name {
    font-size: 15px;
  }
  .home-live-workshops-section {
    padding: 3rem 1rem;
  }
  .home-live-workshops-header {
    margin-bottom: var(--spacing-2xl);
  }
  .workshop-cards-stack {
    grid-template-columns: 1fr;
  }
  .workshop-card-feature-content {
    padding: var(--spacing-lg);
  }
  .workshop-card-small {
    gap: var(--spacing-md);
    flex-direction: column;
  }
  .workshop-card-feature-title {
    font-size: var(--font-size-xl);
  }
  .workshop-card-meta-row {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .workshop-card-cta {
    width: 100%;
    text-align: center;
  }
  .workshop-card-small-image-wrapper {
    width: 100%;
    height: 180px;
  }
  .workshop-card-cta-small {
    width: 100%;
    text-align: center;
  }
  .home-testimonials-section {
    padding: var(--spacing-3xl) 0;
  }
  .home-testimonials-container {
    padding: 0 1rem;
  }
  .testimonials-header {
    margin-bottom: var(--spacing-xl);
  }
  .testimonials-panel-wrapper {
    display: none;
  }
  .testimonials-carousel-wrapper {
    margin: 0 -1rem;
    display: block;
    overflow: hidden;
  }
  .testimonials-cta {
    margin-top: var(--spacing-xl);
  }
  .testimonials-title {
    font-size: var(--font-size-xl);
  }
  .testimonials-subtitle {
    font-size: var(--font-size-sm);
  }
  .testimonials-rating-line {
    gap: var(--spacing-xs);
    font-size: var(--font-size-sm);
    flex-direction: column;
  }
  .home-testimonials-carousel {
    gap: 1rem;
    display: flex;
    padding: 0 1rem var(--spacing-md);
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-testimonials-carousel::-webkit-scrollbar {
    display: none;
  }
  .testimonials-view-more-btn {
    padding: var(--spacing-sm) var(--spacing-xl);
    font-size: var(--font-size-sm);
  }
  .testimonial-card-mobile {
    flex: 0 0 85%;
    border: 1px solid var(--color-outline);
    padding: var(--spacing-lg);
    position: relative;
    background: var(--color-surface);
    box-shadow: var(--shadow-level-1);
    border-radius: var(--border-radius-md);
    scroll-snap-align: start;
  }
  .testimonial-card-mobile  .testimonial-card-header {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-md);
    justify-content: space-between;
  }
  .testimonial-card-mobile  .testimonial-rating {
    gap: var(--spacing-xs);
    color: var(--color-primary);
    display: flex;
    font-size: var(--font-size-sm);
    align-items: center;
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-medium);
  }
  .testimonial-card-mobile  .platform-icon {
    color: var(--color-on-surface-secondary);
    width: 20px;
    height: 20px;
    display: flex;
    opacity: 0.7;
    align-items: center;
    justify-content: center;
  }
  .testimonial-card-mobile  .testimonial-quote {
    color: var(--color-on-surface);
    margin: 0 0 var(--spacing-md);
    font-size: var(--font-size-sm);
    font-style: italic;
    font-family: var(--font-family-body);
    line-height: var(--line-height-body);
  }
  .testimonial-card-mobile  .testimonial-author {
    color: var(--color-on-surface-secondary);
    margin: 0;
    font-size: var(--font-size-xs);
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-medium);
  }
  .home-testimonials-section1 {
    padding: var(--spacing-3xl) 0;
  }
  .home-testimonials-container1 {
    padding: 0 var(--spacing-md);
  }
  .home-testimonials-header {
    margin-bottom: var(--spacing-2xl);
  }
  .testimonials-content-grid {
    display: none;
  }
  .testimonials-mobile-carousel {
    display: block;
  }
  .testimonials-cta-wrapper {
    margin-top: var(--spacing-xl);
  }
  .testimonials-heading {
    font-size: var(--font-size-xl);
  }
  .home-testimonials-subtitle {
    font-size: var(--font-size-sm);
  }
  .testimonials-aggregate-rating {
    padding: var(--spacing-xs) var(--spacing-md);
    flex-wrap: wrap;
    justify-content: center;
  }
  .testimonials-cta-btn {
    padding: var(--spacing-sm) var(--spacing-xl);
    font-size: var(--font-size-sm);
  }
  .aggregate-rating-text {
    font-size: var(--font-size-xs);
  }
  .home-testimonial-card1 {
    width: 82%;
    min-width: 280px;
    flex-shrink: 0;
  }
  .home-testimonial-quote {
    font-size: var(--font-size-sm);
  }
  .home-testimonials-section2 {
    padding: var(--spacing-3xl) 0;
  }
  .home-testimonials-container2 {
    padding: 0 var(--spacing-md);
  }
  .home-testimonials-header1 {
    margin-bottom: var(--spacing-2xl);
  }
  .home-testimonials-subtitle1 {
    font-size: var(--font-size-sm);
  }
  .home-testimonial-card2 {
    width: 82%;
    min-width: 280px;
    flex-shrink: 0;
  }
  .home-testimonial-quote1 {
    font-size: var(--font-size-sm);
  }
  .video-testimonials-section {
    padding: 3rem 1rem;
  }
  .video-testimonials-header {
    margin-bottom: var(--spacing-2xl);
  }
  .video-testimonials-grid {
    margin-bottom: var(--spacing-2xl);
  }
  .video-testimonials-cta {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  .video-modal-content {
    width: 95%;
  }
  .video-testimonials-title {
    font-size: var(--font-size-2xl);
  }
  .video-testimonials-subtitle {
    font-size: var(--font-size-base);
  }
  .video-strip-column {
    display: none;
  }
  .video-mobile-carousel {
    margin: 0 calc(-1 * var(--spacing-md));
    display: block;
    padding: 0 var(--spacing-md);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .video-mobile-carousel::-webkit-scrollbar {
    display: none;
  }
  .video-cta-heading {
    font-size: var(--font-size-xl);
  }
  .video-cta-button {
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: var(--font-size-sm);
  }
  .video-modal-close {
    top: -40px;
    width: 40px;
    height: 40px;
  }
  .video-mobile-track {
    gap: var(--spacing-md);
    display: flex;
  }
  .video-card-mobile {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }
  .video-card-mobile  .video-thumbnail-wrapper {
    padding-bottom: 65%;
  }
  .video-play-button {
    width: 64px;
    height: 64px;
  }
  .video-card-title-mobile {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    margin-bottom: var(--spacing-xs);
  }
  .podcasts-section {
    padding: 2.5rem 1rem;
  }
  .podcasts-header {
    margin-bottom: 2rem;
  }
  .podcasts-filters {
    padding: 0;
    margin-bottom: 2rem;
  }
  .podcast-hero {
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 2.5rem;
  }
  .podcasts-grid {
    gap: 1.25rem;
    grid-template-columns: 1fr;
  }
  .podcast-modal-content {
    width: 95%;
    border-radius: var(--border-radius-lg);
  }
  .podcasts-title {
    font-size: clamp(2rem, 8vw, 3rem);
  }
  .podcasts-subtitle {
    font-size: var(--font-size-base);
  }
  .filter-group {
    gap: 0.5rem;
  }
  .podcast-modal-close {
    top: 0.5rem;
    right: 0.5rem;
    width: 40px;
    height: 40px;
  }
  .filter-pill {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
  }
  .podcast-play-btn {
    width: 64px;
    height: 64px;
  }
  .podcast-hero-title {
    font-size: var(--font-size-xl);
  }
  .podcast-card-body {
    padding: 1.25rem;
  }
  .home-podcasts-section {
    padding: var(--spacing-2xl) 0;
  }
  .home-podcasts-container {
    padding: 0;
  }
  .home-podcast-modal {
    padding: var(--spacing-md);
  }
  .home-podcasts-header {
    padding: 0 var(--spacing-md);
    margin-bottom: var(--spacing-xl);
  }
  .home-podcasts-grid {
    gap: var(--spacing-md);
    display: flex;
    padding: 0 var(--spacing-md);
    overflow-x: auto;
    margin-bottom: var(--spacing-md);
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-podcasts-grid::-webkit-scrollbar {
    display: none;
  }
  .podcasts-swipe-hint {
    display: block;
  }
  .podcasts-pagination {
    display: flex;
  }
  .home-podcasts-title {
    font-size: var(--font-size-xl);
  }
  .home-podcasts-subtitle {
    font-size: var(--font-size-sm);
  }
  .home-podcast-card {
    flex: 0 0 85%;
    animation: none;
    scroll-snap-align: center;
  }
  .home-podcast-card:first-child {
    margin-left: 7.5%;
  }
  .home-podcast-card:last-child {
    margin-right: 7.5%;
  }
  .home-podcast-modal-close {
    top: -40px;
    width: 36px;
    height: 36px;
  }
  .podcast-content {
    padding: var(--spacing-md);
  }
  .podcast-title {
    font-size: var(--font-size-base);
    min-height: 2.6em;
  }
  .podcast-play-button {
    width: 56px;
    height: 56px;
  }
  .podcast-pill {
    padding: 5px 12px;
    font-size: var(--font-size-xs);
  }
  .home-home-podcasts-section {
    padding: var(--spacing-2xl) 0;
  }
  .home-podcasts-swipe-hint {
    display: block;
  }
  .home-home-podcasts-title {
    font-size: var(--font-size-xl);
  }
  .home-home-podcasts-subtitle {
    font-size: var(--font-size-sm);
  }
  .home-home-podcast-card {
    flex: 0 0 85%;
    animation: none;
    scroll-snap-align: center;
  }
  .home-home-podcast-modal-close {
    top: -40px;
    width: 36px;
    height: 36px;
  }
  .home-podcast-platform-icon {
    width: 32px;
    height: 32px;
  }
  .home-podcast-title {
    font-size: var(--font-size-base);
    min-height: 2.6em;
  }
  .home-podcast-play-button {
    width: 56px;
    height: 56px;
  }
  .home-podcast-pill {
    padding: 5px 12px;
    font-size: var(--font-size-xs);
  }
  .calendar-subscribe-section {
    padding: 60px 20px;
  }
  .calendar-subscribe-card {
    gap: 32px;
    padding: 32px;
  }
  .calendar-heading {
    font-size: 24px;
  }
  .calendar-subheading {
    font-size: 16px;
    margin-bottom: 28px;
  }
  .calendar-whatsapp-button {
    width: 100%;
    padding: 14px 28px;
    font-size: 16px;
    justify-content: center;
  }
  .calendar-image-wrapper {
    max-width: 300px;
  }
  .calendar-float-1 {
    display: none;
  }
  .calendar-float-2 {
    display: none;
  }
  .home-nirvana-hero-spiritual1 {
    padding: 40px 0 40px 0;
  }
  .home-nirvana-hero-spiritual-instructor-image-mobile2 {
    width: 100%;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.5));
    height: auto;
    max-width: 400px;
    object-fit: contain;
  }
  .home-home-nirvana-hero-spiritual-instructor-image-mobile1 {
    width: 100%;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.5));
    height: auto;
    display: block;
    max-width: 100%;
    object-fit: contain;
  }
  .home-home-nirvana-hero-spiritual-pill1 {
    padding: 7px 14px;
    max-width: 100%;
    box-sizing: border-box;
  }
  .home-nirvana-hero-spiritual-pill2 {
    padding: 7px 14px;
  }
  .home-nirvana-hero-spiritual-paragraph1 {
    font-size: 16px;
    line-height: 1.6;
  }
  .home-nirvana-hero-spiritual-pill-text1 {
    font-size: 13px;
  }
  .home-home-nirvana-hero-spiritual-pill-text {
    overflow: hidden;
    font-size: 13px;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .home-nirvana-hero-spiritual-stat-card3 {
    padding: 16px 20px;
  }
  .home-home-nirvana-hero-spiritual-stat-card2 {
    flex: 1 1 calc(50% - 6px);
    padding: 16px 12px;
    min-width: 0;
    box-sizing: border-box;
  }
  .home-nirvana-hero-spiritual-stat-number1 {
    font-size: 26px;
  }
  .home-home-nirvana-hero-spiritual-stat-label1 {
    font-size: 12px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .home-nirvana-hero-spiritual-stat-label2 {
    font-size: 12px;
  }
  .starting-soon-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .starting-soon-header {
    margin-bottom: var(--spacing-2xl);
  }
  .mobile-layout {
    display: block;
  }
  .desktop-tablet-layout {
    display: none;
  }
  .starting-soon-title {
    font-size: var(--font-size-2xl);
  }
  .home-starting-soon-subtitle {
    font-size: var(--font-size-base);
  }
  .home-starting-soon-section {
    padding: var(--spacing-2xl) 0;
  }
  .home-starting-soon-header {
    padding: 0 var(--spacing-md);
    margin-bottom: var(--spacing-xl);
  }
  .home-starting-soon-grid {
    display: none;
  }
  .home-starting-soon-carousel {
    display: block;
    position: relative;
  }
  .home-starting-soon-track {
    gap: 16px;
    display: flex;
    padding: 0 16px 16px 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-starting-soon-track::-webkit-scrollbar {
    display: none;
  }
  .starting-soon-swipe-hint {
    color: var(--color-on-surface-secondary);
    display: block;
    opacity: 0.7;
    font-size: 13px;
    margin-top: var(--spacing-md);
    text-align: center;
    font-family: var(--font-family-body);
    margin-bottom: var(--spacing-sm);
  }
  .starting-soon-pagination {
    gap: 8px;
    display: flex;
    padding: 0 var(--spacing-md);
    margin-top: var(--spacing-md);
    align-items: center;
    justify-content: center;
  }
  .starting-soon-card-mobile {
    flex: 0 0 75vw;
    width: 75vw;
    scroll-snap-align: center;
  }
  .starting-soon-dot {
    width: 8px;
    cursor: pointer;
    height: 8px;
    background: #d4c4b0;
    transition: all 0.3s ease;
    border-radius: 50%;
  }
  .starting-soon-dot-active {
    width: 24px;
    background: #8b3a3a;
    border-radius: 4px;
  }
  .home-video-testimonials-section {
    padding: 32px 16px;
  }
  .home-video-testimonials-header {
    margin-bottom: 32px;
  }
  .home-video-testimonials-grid {
    margin-bottom: 40px;
  }
  .home-video-testimonials-cta {
    margin: 0 -4px;
    padding: 32px 16px;
  }
  .home-video-modal-content {
    margin: 0 -4px;
    border-radius: 12px;
  }
  .home-video-cta-heading {
    font-size: var(--font-size-lg);
    margin-bottom: 20px;
  }
  .home-video-cta-button {
    width: 100%;
    max-width: 100%;
  }
  .home-video-modal-close {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
  }
  .home-video-card-content {
    padding: 20px;
  }
  .home-video-label-pill {
    top: 12px;
    right: 12px;
    padding: 4px 10px;
    font-size: 0.7rem;
  }
  .home-video-play-button {
    width: 64px;
    height: 64px;
  }
  .home-video-card-title {
    font-size: var(--font-size-base);
  }
  .home-video-testimonials-section1 {
    padding: 32px 16px;
  }
  .home-video-testimonials-header1 {
    margin-bottom: 32px;
  }
  .home-video-testimonials-grid1 {
    margin-bottom: 40px;
  }
  .home-video-testimonials-cta1 {
    margin: 0 -4px;
    padding: 32px 16px;
  }
  .home-video-modal-content1 {
    margin: 0 -4px;
    border-radius: 12px;
  }
  .home-video-cta-heading1 {
    font-size: var(--font-size-lg);
    margin-bottom: 20px;
  }
  .home-video-cta-button1 {
    width: 100%;
    max-width: 100%;
  }
  .home-video-modal-close1 {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
  }
  .home-video-card-content1 {
    padding: 20px;
  }
  .home-video-label-pill1 {
    top: 12px;
    right: 12px;
    padding: 4px 10px;
    font-size: 0.7rem;
  }
  .home-video-play-button1 {
    width: 64px;
    height: 64px;
  }
  .home-video-card-title1 {
    font-size: var(--font-size-base);
  }
  .testimonials-section-wrapper {
    padding: 32px 16px;
  }
  .testimonials-header-content {
    margin-bottom: var(--spacing-2xl);
  }
  .testimonials-two-column-layout {
    display: none;
  }
  .home-testimonials-carousel1 {
    display: block;
    overflow-x: auto;
    margin-bottom: var(--spacing-xl);
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-testimonials-carousel1::-webkit-scrollbar {
    display: none;
  }
  .home-testimonials-cta-wrapper {
    margin-top: var(--spacing-2xl);
  }
  .testimonials-main-heading {
    font-size: var(--font-size-xl);
  }
  .testimonials-main-subtitle {
    font-size: var(--font-size-sm);
  }
  .testimonials-aggregate-rating-line {
    gap: var(--spacing-xs);
    flex-direction: column;
  }
  .testimonials-carousel-track {
    gap: var(--spacing-md);
    display: flex;
    padding: var(--spacing-xs);
  }
  .home-aggregate-rating-text {
    font-size: var(--font-size-sm);
    text-align: center;
  }
  .home-testimonial-card3 {
    flex: 0 0 85%;
    border: 1px solid var(--color-outline);
    padding: var(--spacing-lg);
    background: white;
    box-shadow: 0 2px 8px rgba(206, 145, 44, 0.08);
    border-radius: var(--border-radius-md);
    scroll-snap-align: center;
  }
  .home-home-starting-soon-section {
    padding: var(--spacing-2xl) 0;
  }
  .home-starting-soon-swipe-hint {
    color: #7e6b5a;
    display: block;
    opacity: 0.75;
    font-size: 13px;
    margin-top: var(--spacing-md);
    text-align: center;
    font-family: var(--font-family-body);
    margin-bottom: var(--spacing-sm);
  }
  .home-home-workshops-section {
    padding: 24px 0;
  }
  .home-home-workshop-card1 {
    width: 85%;
    flex-shrink: 0;
    flex-direction: column;
    scroll-snap-align: center;
  }
  .home-home-home-workshop-badge1 {
    padding: 4px 8px;
    font-size: 11px;
  }
  .home-home-home-workshop-title {
    font-size: 16px;
    font-weight: 600;
  }
  .home-home-home-workshop-description {
    font-size: 13px;
    font-weight: 400;
  }
  .home-home-home-workshop-helper-text {
    font-size: 12px;
  }
  .home-home-home-workshop-detail-pill {
    padding: 6px 10px;
  }
  .home-home-workshop-cta-primary {
    width: 100%;
    padding: 10px 16px;
    font-size: 14px;
  }
  .home-home-workshop-cta-secondary {
    width: 100%;
    padding: 10px 16px;
    font-size: 14px;
  }
  .home-home-workshop-detail-text3 {
    font-size: 12px;
  }
  .home-starting-soon-section1 {
    padding: var(--spacing-2xl) 0;
  }
  .home-starting-soon-header1 {
    padding: 0 var(--spacing-md);
    margin-bottom: var(--spacing-xl);
  }
  .home-starting-soon-grid1 {
    display: none;
  }
  .home-starting-soon-carousel1 {
    display: block;
    position: relative;
  }
  .home-starting-soon-title1 {
    font-size: var(--font-size-xl);
  }
  .home-starting-soon-subtitle2 {
    font-size: var(--font-size-base);
  }
  .home-starting-soon-track1 {
    gap: var(--spacing-md);
    margin: 0 calc(var(--spacing-md) * -1);
    display: flex;
    padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xl) var(--spacing-xs);
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-starting-soon-track1::-webkit-scrollbar {
    display: none;
  }
  .home-starting-soon-swipe-hint1 {
    padding: 0 var(--spacing-md);
    margin-top: var(--spacing-md);
    text-align: center;
  }
  .home-starting-soon-pagination {
    gap: var(--spacing-xs);
    display: flex;
    margin-top: var(--spacing-md);
    align-items: center;
    justify-content: center;
  }
  .home-starting-soon-card-mobile {
    flex: 0 0 75%;
    border: 1px solid var(--color-border);
    overflow: hidden;
    background: var(--color-surface-elevated);
    box-shadow: var(--shadow-level-1);
    border-radius: var(--border-radius-card);
    scroll-snap-align: center;
  }
  .home-starting-soon-card-mobile:first-child {
    margin-left: var(--spacing-md);
  }
  .home-starting-soon-card-mobile:last-child {
    margin-right: var(--spacing-md);
  }
  .home-starting-soon-dot {
    width: 8px;
    height: 8px;
    background: var(--color-neutral);
    transition: all 0.3s ease;
    border-radius: 50%;
  }
  .home-starting-soon-dot-active {
    width: 24px;
    background: var(--color-primary);
    border-radius: var(--border-radius-full);
  }
  .featured-workshops-carousel {
    display: block;
  }
  .featured-workshops-carousel  .featured-workshops-card {
    flex: 0 0 85%;
    margin-right: 0;
    scroll-snap-align: center;
  }
  .featured-workshops-carousel  .featured-workshops-card:first-child {
    margin-left: 7.5%;
  }
  .featured-workshops-carousel  .featured-workshops-card:last-child {
    margin-right: 7.5%;
  }
  .featured-workshops-carousel-track {
    gap: var(--spacing-md);
    display: flex;
    padding: var(--spacing-xs) 0 var(--spacing-lg) 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .featured-workshops-carousel-track::-webkit-scrollbar {
    display: none;
  }
  .featured-workshops-content {
    padding: var(--spacing-lg);
  }
  .featured-workshops-dot {
    width: 8px;
    height: 8px;
    background: #E8D5A8;
    transition: all 0.3s ease;
    border-radius: 50%;
  }
  .featured-workshops-info-row {
    gap: var(--spacing-xs);
  }
  .featured-workshops-chip {
    padding: 4px 10px;
    font-size: var(--font-size-xs);
  }
  .home-home-starting-soon-section1 {
    padding: var(--spacing-2xl) 0;
  }
  .home-home-starting-soon-title1 {
    font-size: var(--font-size-xl);
  }
  .home-home-starting-soon-subtitle2 {
    font-size: var(--font-size-base);
  }
  .home-starting-soon-dot1 {
    width: 8px;
    cursor: pointer;
    height: 8px;
    background: rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    border-radius: 50%;
  }
  .home-starting-soon-dot-active1 {
    width: 24px;
    background: linear-gradient(135deg, #FFD200 0%, #FF8C00 100%);
    border-radius: 4px;
  }
  .home-home-starting-soon-card-mobile {
    flex: 0 0 75%;
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
    background: #FAF6F0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    border-radius: var(--border-radius-card);
    scroll-snap-align: center;
  }
  .home-home-starting-soon-card-mobile:first-child {
    margin-left: var(--spacing-md);
  }
  .home-home-starting-soon-card-mobile:last-child {
    margin-right: var(--spacing-md);
  }
  .home-home-starting-soon-dot {
    width: 8px;
    height: 8px;
    background: rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    border-radius: 50%;
  }
  .home-home-starting-soon-dot-active {
    width: 24px;
    background: linear-gradient(135deg, #FFD200 0%, #FF8C00 100%);
    border-radius: var(--border-radius-full);
  }
  .starting-soon-swipe-text {
    color: #5E4235;
    opacity: 0.7;
    font-size: var(--font-size-sm);
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-body);
  }
  .starting-soon-section-spiritual {
    padding: 50px 0;
  }
  .starting-soon-spiritual-container {
    padding: 0 16px;
  }
  .starting-soon-spiritual-header {
    margin-bottom: 32px;
  }
  .starting-soon-spiritual-grid {
    display: none;
  }
  .starting-soon-spiritual-carousel {
    display: block;
  }
  .starting-soon-spiritual-pagination {
    margin-top: 24px;
  }
  .starting-soon-spiritual-title {
    font-size: var(--font-size-xl);
  }
  .starting-soon-spiritual-subtitle {
    font-size: var(--font-size-base);
  }
  .starting-soon-spiritual-swipe-hint {
    display: flex;
  }
  .starting-soon-spiritual-card-content {
    padding: 20px;
  }
  .starting-soon-spiritual-card-title {
    font-size: var(--font-size-lg);
  }
  .starting-soon-spiritual-card-description {
    font-size: var(--font-size-sm);
  }
  .nirvana-nav-container {
    padding: 0.75rem var(--spacing-md);
  }
  .nirvana-nav-cta-btn {
    width: 100%;
    padding: 0.3rem 1rem;
    min-width: auto;
    justify-content: center;
  }
  .nirvana-nav-cta-mobile {
    padding: 0.625rem;
    min-width: 44px;
    justify-content: center;
  }
  .nirvana-nav-cta-mobile  span {
    display: none;
  }
  .nirvana-nav-logo-image {
    height: 36px;
  }
  .nirvana-nav-mobile-link {
    padding: var(--spacing-md) var(--spacing-sm);
    font-size: var(--font-size-lg);
  }
  .home-nirvana-nav-container {
    padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  }
  .home-nirvana-nav-mobile-menu {
    max-width: 100%;
  }
  .home-nirvana-nav-links-desktop {
    display: none;
  }
  .home-nirvana-nav-mobile-controls {
    display: flex;
  }
  .home-nirvana-nav-cta-mobile {
    display: flex;
  }
  .home-nirvana-nav-hamburger {
    display: flex;
  }
  .home-nirvana-nav-logo-image {
    height: 40px;
  }
  .home-nirvana-nav-container1 {
    padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  }
  .home-nirvana-nav-mobile-menu1 {
    max-width: 100%;
  }
  .home-nirvana-nav-logo-image1 {
    height: 40px;
  }
  .home-popular-workshops-section {
    padding: var(--spacing-2xl) 0;
  }
  .home-popular-workshops-header {
    padding: 0 var(--spacing-lg);
    margin-bottom: 28px;
  }
  .popular-workshops-grid {
    display: none;
  }
  .popular-workshops-mobile-carousel {
    display: block;
  }
  .popular-workshops-title {
    font-size: var(--font-size-2xl);
  }
  .popular-workshops-subtitle {
    font-size: var(--font-size-sm);
  }
  .popular-workshops-mobile-track {
    display: flex;
    overflow-x: auto;
    padding-left: 10vw;
    padding-right: 10vw;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-workshop-card-image {
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    aspect-ratio: 1/1;
  }
  .popular-workshop-card-mobile  .workshop-card-image-wrapper {
    height: 200px;
  }
  .popular-workshop-card-mobile  .workshop-card-content {
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
  }
  .popular-workshop-card-mobile  .workshop-card-title {
    font-size: var(--font-size-lg);
  }
  .popular-workshop-card-mobile  .workshop-card-description {
    font-size: var(--font-size-sm);
  }
  .popular-workshop-card-mobile  .workshop-card-details {
    gap: var(--spacing-md);
  }
  .popular-workshop-card-mobile  .workshop-card-cta-group {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .popular-workshop-card-mobile  .workshop-btn-gradient-primary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .popular-workshop-card-mobile  .workshop-btn-gradient-secondary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .popular-workshop-card-mobile   .workshop-card-content {
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
  }
  .popular-workshop-card-mobile   .workshop-card-title {
    font-size: var(--font-size-lg);
  }
  .popular-workshop-card-mobile   .workshop-card-description {
    font-size: var(--font-size-sm);
  }
  .popular-workshop-card-mobile   .workshop-card-details {
    gap: var(--spacing-md);
  }
  .popular-workshop-card-mobile   .workshop-card-cta-group {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .popular-workshop-card-mobile   .workshop-btn-gradient-primary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .popular-workshop-card-mobile   .workshop-btn-gradient-secondary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .popular-workshop-card-mobile    .workshop-card-content {
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
  }
  .popular-workshop-card-mobile    .workshop-card-title {
    font-size: var(--font-size-lg);
  }
  .popular-workshop-card-mobile    .workshop-card-description {
    font-size: var(--font-size-sm);
  }
  .popular-workshop-card-mobile    .workshop-card-details {
    gap: var(--spacing-md);
  }
  .popular-workshop-card-mobile    .workshop-card-cta-group {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .popular-workshop-card-mobile    .workshop-btn-gradient-primary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .popular-workshop-card-mobile    .workshop-btn-gradient-secondary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .home-podcasts-section1 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .home-podcasts-header1 {
    margin-bottom: var(--spacing-xl);
  }
  .home-desktop-tablet-layout {
    display: none;
  }
  .home-mobile-layout {
    display: block;
  }
  .home-podcast-modal-content1 {
    max-width: 95%;
    max-height: 80%;
  }
  .home-podcast-modal-close1 {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 40px;
    height: 40px;
  }
  .home-podcasts-section2 {
    padding: var(--spacing-3xl) 0;
  }
  .home-podcasts-container2 {
    padding: 0;
  }
  .home-podcasts-header2 {
    padding: 0 var(--spacing-md);
    margin-bottom: var(--spacing-2xl);
  }
  .home-podcasts-grid1 {
    display: none;
  }
  .podcasts-carousel-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
  }
  .home-podcast-modal-content2 {
    width: 95%;
  }
  .podcasts-carousel-track {
    gap: var(--spacing-md);
    display: flex;
    padding: 0 var(--spacing-md);
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .podcasts-carousel-track::-webkit-scrollbar {
    display: none;
  }
  .podcasts-carousel-track  .podcast-card {
    flex: 0 0 calc(100% - var(--spacing-4xl));
    scroll-snap-stop: always;
    scroll-snap-align: center;
  }
  .home-podcasts-pagination {
    display: flex;
  }
  .home-podcast-modal-close2 {
    top: -40px;
    width: 36px;
    height: 36px;
  }
  .home-podcast-play-button2 {
    width: 56px;
    height: 56px;
  }
  .thq-popular-workshop-card-mobile-elm1 {
    flex: 0 0 80vw;
    min-width: 80vw;
    margin-right: 16px;
    scroll-snap-align: center;
  }
  .thq-popular-workshop-card-mobile-elm2 {
    flex: 0 0 80vw;
    min-width: 80vw;
    margin-right: 16px;
    scroll-snap-align: center;
  }
  .thq-popular-workshop-card-mobile-elm3 {
    flex: 0 0 80vw;
    min-width: 80vw;
    margin-right: 16px;
    scroll-snap-align: center;
  }
  .home-home-workshop-card-image-wrapper1 {
    aspect-ratio: 1/1;
  }
  .starting-soon-light-section {
    padding: var(--spacing-2xl) 0;
  }
  .starting-soon-light-header {
    padding: 0 var(--spacing-lg);
  }
  .home-starting-soon-carousel2 {
    padding: 0 10%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }
  .home-starting-soon-carousel2::-webkit-scrollbar {
    display: none;
  }
  .starting-soon-mobile-controls {
    display: flex;
  }
  .starting-soon-light-heading {
    font-size: var(--font-size-2xl);
  }
  .starting-soon-light-subtitle {
    font-size: var(--font-size-base);
  }
  .home-starting-soon-track2 {
    gap: var(--spacing-md);
    display: flex;
    align-items: stretch;
  }
  .home-starting-soon-card2 {
    flex: 0 0 80%;
    min-width: 80%;
    scroll-snap-stop: always;
    scroll-snap-align: center;
  }
  .starting-soon-dark-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .starting-soon-dark-header {
    margin-bottom: var(--spacing-2xl);
  }
  .starting-soon-card-dark {
    flex: 0 0 85%;
    padding: var(--spacing-md);
    min-width: 85%;
  }
  .home-starting-soon-status-pill {
    padding: 5px 12px;
    font-size: 10px;
  }
  .home-starting-soon-card-title3 {
    font-size: var(--font-size-lg);
  }
  .home-starting-soon-card-description3 {
    font-size: var(--font-size-sm);
  }
  .home-starting-soon-details-row {
    gap: var(--spacing-sm);
    flex-wrap: wrap;
  }
  .home-popular-workshops-compact {
    padding: 40px 16px;
  }
  .popular-workshops-compact-header {
    margin-bottom: 24px;
  }
  .popular-workshops-desktop-stack {
    display: none;
  }
  .popular-workshops-mobile-carousel-wrapper {
    display: block;
  }
  .popular-workshops-compact-title {
    font-size: var(--font-size-2xl, 1.75rem);
  }
  .popular-workshops-compact-subtitle {
    font-size: var(--font-size-base, 1rem);
  }
  .homepopularworkshops_compact-popular-workshops-mobile-carousel {
    margin: 0 -16px;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .homepopularworkshops_compact-popular-workshops-mobile-carousel::-webkit-scrollbar {
    display: none;
  }
  .popular-workshops-compact-pagination {
    gap: 8px;
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
  }
  .popular-workshops-swipe-hint {
    color: var(--color-on-surface-secondary, #999);
    font-size: 12px;
    margin-top: 12px;
    text-align: center;
    font-weight: 500;
  }
  .homepopularworkshops_compact-popular-workshops-mobile-track {
    gap: 16px;
    display: flex;
    align-items: stretch;
    padding-bottom: 10px;
  }
  .popular-workshops-compact-dot {
    width: 8px;
    cursor: pointer;
    height: 8px;
    background: var(--color-neutral, #bfb5aa);
    transition: all 0.3s ease;
    border-radius: 50%;
  }
  .popular-workshops-compact-dot.active {
    width: 24px;
    background: var(--color-primary, #ce912c);
    border-radius: 4px;
  }
  .homepopularworkshops_compact-popular-workshop-card-mobile {
    flex: 0 0 80%;
    display: flex;
    overflow: hidden;
    min-width: 80%;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    flex-direction: column;
    scroll-snap-align: center;
  }
  .workshop-card-mobile-image-wrapper {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
  }
  .workshop-card-mobile-content {
    gap: 8px;
    display: flex;
    padding: 16px;
    align-items: flex-start;
    flex-direction: column;
  }
  .workshop-card-mobile-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }
  .home-popular-workshops-mobile-carousel {
    margin: 0 -16px;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .home-popular-workshops-mobile-carousel::-webkit-scrollbar {
    display: none;
  }
  .home-popular-workshops-mobile-track {
    gap: 16px;
    display: flex;
    align-items: stretch;
    padding-bottom: 10px;
  }
  .home-popular-workshop-card-mobile {
    flex: 0 0 80%;
    display: flex;
    overflow: hidden;
    min-width: 80%;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    flex-direction: column;
    scroll-snap-align: center;
  }
  .popular-workshops-compact-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .home-popular-workshops-compact-header {
    margin-bottom: var(--spacing-2xl);
  }
  .home-popular-workshops-desktop-stack {
    display: none;
  }
  .home-popular-workshops-compact-title {
    font-size: var(--font-size-2xl);
  }
  .home-popular-workshops-compact-subtitle {
    font-size: var(--font-size-base);
  }
  .home-workshop-card-compact-cta-row {
    flex-direction: column;
  }
  .home-workshop-card-compact-btn-primary {
    width: 100%;
  }
  .home-workshop-card-compact-btn-secondary {
    width: 100%;
  }
  .homepopularworkshops_compact-popular-workshops-compact-header {
    margin-bottom: var(--spacing-2xl);
  }
  .homepopularworkshops_compact-popular-workshops-desktop-stack {
    display: none;
  }
  .homepopularworkshops_compact-popular-workshops-compact-title {
    font-size: var(--font-size-2xl);
  }
  .homepopularworkshops_compact-popular-workshops-compact-subtitle {
    font-size: var(--font-size-base);
  }
  .homepopularworkshops_compact-workshop-card-compact-cta-row {
    flex-direction: column;
  }
  .homepopularworkshops_compact-workshop-card-compact-btn-primary {
    width: 100%;
  }
  .homepopularworkshops_compact-workshop-card-compact-btn-secondary {
    width: 100%;
  }
  .homepopularworkshops_compact-home-popular-workshops-compact {
    padding: 40px 16px;
  }
  .homepopularworkshops_compact-popular-workshops-compact-header1 {
    margin-bottom: 24px;
  }
  .homepopularworkshops_compact-workshop-card-compact-content1 {
    padding: 16px;
  }
  .homepopularworkshops_compact-workshop-card-compact-cta-row1 {
    flex-direction: column;
  }
  .homepopularworkshops_compact-workshop-card-compact-btn-primary1 {
    flex: none;
    width: 100%;
  }
  .homepopularworkshops_compact-workshop-card-compact-btn-secondary1 {
    flex: none;
    width: 100%;
  }
  .popular-workshop-section {
    padding: 20px 20px;
  }
  .popular-workshop-header {
    margin-bottom: var(--spacing-xl, 2rem);
  }
  .popular-workshop-cards-desktop {
    display: none;
  }
  .home-popular-workshops-carousel {
    display: block;
  }
  .popular-workshops-dots {
    display: flex;
  }
  .home-popular-workshops-swipe-hint1 {
    display: block;
  }
  .popular-workshop-title {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .popular-workshop-description {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .popular-workshop-details-row {
    gap: var(--spacing-md, 1rem);
  }
  .popular-workshop-cta-row {
    gap: var(--spacing-sm, 0.75rem);
    width: 100%;
    flex-direction: column;
  }
  .popular-workshop-btn-primary {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .popular-workshop-btn-secondary {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .home-popular-workshop-section {
    padding: 20px 20px;
  }
  .home-home-popular-workshops-swipe-hint1 {
    display: block;
  }
  .home-popular-workshop-btn-primary {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .home-popular-workshop-btn-secondary {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .home-popular-workshops-swipe-hint2 {
    color: #d4cfc5;
    font-size: 12px;
    margin-top: 12px;
    text-align: center;
    font-weight: 500;
  }
  .home-popular-workshop-card-mobile3  .workshop-card-image-wrapper {
    height: 200px;
  }
  .home-popular-workshop-card-mobile3  .workshop-card-content {
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
  }
  .home-popular-workshop-card-mobile3  .workshop-card-title {
    font-size: var(--font-size-lg);
  }
  .home-popular-workshop-card-mobile3  .workshop-card-description {
    font-size: var(--font-size-sm);
  }
  .home-popular-workshop-card-mobile3  .workshop-card-details {
    gap: var(--spacing-md);
  }
  .home-popular-workshop-card-mobile3  .workshop-card-cta-group {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .home-popular-workshop-card-mobile3  .workshop-btn-gradient-primary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .home-popular-workshop-card-mobile3  .workshop-btn-gradient-secondary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .home-popular-workshop-section1 {
    padding: 20px 20px;
  }
  .home-home-popular-workshops-swipe-hint11 {
    display: block;
  }
  .home-popular-workshop-btn-primary1 {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .home-popular-workshop-btn-secondary1 {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .home-popular-workshops-swipe-hint3 {
    color: #d4cfc5;
    font-size: 12px;
    margin-top: 12px;
    text-align: center;
    font-weight: 500;
  }
  .home-popular-workshop-card-mobile4  .workshop-card-image-wrapper {
    height: 200px;
  }
  .home-popular-workshop-card-mobile4  .workshop-card-content {
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
  }
  .home-popular-workshop-card-mobile4  .workshop-card-title {
    font-size: var(--font-size-lg);
  }
  .home-popular-workshop-card-mobile4  .workshop-card-description {
    font-size: var(--font-size-sm);
  }
  .home-popular-workshop-card-mobile4  .workshop-card-details {
    gap: var(--spacing-md);
  }
  .home-popular-workshop-card-mobile4  .workshop-card-cta-group {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .home-popular-workshop-card-mobile4  .workshop-btn-gradient-primary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .home-popular-workshop-card-mobile4  .workshop-btn-gradient-secondary {
    width: 100%;
    padding: 12px 24px;
    font-size: var(--font-size-sm);
  }
  .text-testimonials-two-column-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .text-testimonials-header {
    margin-bottom: var(--spacing-xl);
  }
  .testimonials-layout {
    margin-top: var(--spacing-xl);
  }
  .texttestimonials_twocolumn-testimonial-card {
    padding: var(--spacing-md);
  }
  .texttestimonials_twocolumn-testimonial-card-header {
    padding-right: var(--spacing-xl);
  }
  .TextTestimonials_TwoColumn {
    padding: var(--spacing-2xl) 0;
  }
  .texttestimonials_twocolumn-testimonials-container {
    padding: 0 var(--spacing-md);
  }
  .testimonials-section-header {
    margin-bottom: var(--spacing-2xl);
  }
  .testimonials-section-title {
    font-size: var(--font-size-xl);
  }
  .testimonials-section-subtitle {
    font-size: var(--font-size-base);
  }
  .texttestimonials_twocolumn-testimonial-list-wrapper {
    height: 320px;
  }
  .texttestimonials_twocolumn-testimonial-list {
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
  }
  .texttestimonials_twocolumn-testimonial-card1 {
    padding: var(--spacing-md);
  }
  .texttestimonials_twocolumn-testimonial-quote1 {
    font-size: var(--font-size-xs);
    padding-left: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }
  .testimonial-footer {
    gap: var(--spacing-sm);
    align-items: flex-start;
    flex-direction: column;
  }
  .texttestimonials_twocolumn-testimonial-author-name1 {
    font-size: var(--font-size-sm);
  }
  .testimonial-meta-section {
    width: 100%;
    align-items: flex-start;
  }
  .texttestimonials_twocolumn-testimonial-platform-icon1 {
    width: 28px;
    height: 28px;
  }
  .LetterTestimonialsSection {
    padding: var(--spacing-2xl) 0;
  }
  .letter-reader-overlay {
    padding: 0;
    align-items: flex-end;
  }
  .letters-header {
    padding: 0 var(--spacing-md);
    margin-bottom: var(--spacing-2xl);
  }
  .letters-layout {
    grid-template-columns: repeat(2, 1fr);
  }
  .letter-reader-panel {
    max-width: 100%;
    margin-top: auto;
    max-height: 95vh;
    border-radius: 16px 16px 0 0;
  }
  .letters-heading {
    font-size: var(--font-size-xl);
  }
  .letters-subtitle {
    font-size: var(--font-size-sm);
  }
  .lettertestimonialsgallery-LetterTestimonialsSection {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .lettertestimonialsgallery-letter-reader-overlay {
    padding: 0;
  }
  .lettertestimonialsgallery-letters-header {
    margin-bottom: var(--spacing-2xl);
  }
  .lettertestimonialsgallery-letter-reader-panel {
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
  .lettertestimonialsgallery-letters-heading {
    font-size: var(--font-size-xl);
  }
  .lettertestimonialsgallery-letters-subtitle {
    font-size: var(--font-size-base);
  }
  .lettertestimonialsgallery-letter-reader-close {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 40px;
    height: 40px;
  }
  .lettertestimonialsgallery-letter-reader-body {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .lettertestimonialsgallery-letter-reader-footer {
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    flex-wrap: wrap;
  }
  .lettertestimonialsgallery-reader-prev {
    padding: var(--spacing-sm);
    min-width: 44px;
    justify-content: center;
  }
  .lettertestimonialsgallery-letter-reader-counter {
    font-size: var(--font-size-sm);
  }
  .lettertestimonialsgallery-reader-next {
    padding: var(--spacing-sm);
    min-width: 44px;
    justify-content: center;
  }
  .letter-nav-text {
    display: none;
  }
  .letter-lightbox-active-image {
    max-height: 60vh;
  }
  .home-LetterTestimonialsSection {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .home-letter-reader-overlay {
    padding: 0;
  }
  .home-letters-header {
    margin-bottom: var(--spacing-2xl);
  }
  .home-letter-reader-panel {
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
  .home-letters-heading {
    font-size: var(--font-size-xl);
  }
  .home-letters-subtitle {
    font-size: var(--font-size-base);
  }
  .home-letter-reader-close {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 40px;
    height: 40px;
  }
  .home-letter-reader-body {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .home-letter-reader-footer {
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    flex-wrap: wrap;
  }
  .home-reader-prev {
    padding: var(--spacing-sm);
    min-width: 44px;
    justify-content: center;
  }
  .home-letter-reader-counter {
    font-size: var(--font-size-sm);
  }
  .home-reader-next {
    padding: var(--spacing-sm);
    min-width: 44px;
    justify-content: center;
  }
  .LetterTestimonialsGallery {
    padding: var(--spacing-3xl) 0;
  }
  .letters-gallery-container {
    padding: 0 20px;
  }
  .letter-lightbox {
    padding: var(--spacing-md);
  }
  .letters-gallery-header {
    margin-bottom: var(--spacing-2xl);
  }
  .letters-grid {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .letters-gallery-title {
    font-size: var(--font-size-2xl);
  }
  .letters-gallery-subtitle {
    font-size: var(--font-size-base);
  }
  .letter-lightbox-close {
    top: var(--spacing-md);
    right: var(--spacing-md);
    width: 40px;
    height: 40px;
  }
  .letter-lightbox-navigation {
    gap: var(--spacing-md);
    padding: var(--spacing-md);
  }
  .letter-gallery-info {
    padding: var(--spacing-md);
  }
  .letter-lightbox-image-section {
    height: 250px;
  }
  .letter-lightbox-text-section {
    padding: var(--spacing-lg);
  }
  .letter-lightbox-nav-btn {
    width: 40px;
    height: 40px;
  }
  .letter-lightbox-name {
    font-size: var(--font-size-xl);
  }
  .home-LetterTestimonialsSection1 {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .home-letter-reader-overlay1 {
    padding: 0;
  }
  .home-letters-header1 {
    margin-bottom: var(--spacing-2xl);
  }
  .home-letter-reader-panel1 {
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
  }
  .home-letters-heading1 {
    font-size: var(--font-size-xl);
  }
  .home-letters-subtitle1 {
    font-size: var(--font-size-base);
  }
  .home-letter-reader-close1 {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 40px;
    height: 40px;
  }
  .home-letter-reader-body1 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .home-letter-reader-footer1 {
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    flex-wrap: wrap;
  }
  .home-reader-prev1 {
    padding: var(--spacing-sm);
    min-width: 44px;
    justify-content: center;
  }
  .home-letter-reader-counter1 {
    font-size: var(--font-size-sm);
  }
  .home-reader-next1 {
    padding: var(--spacing-sm);
    min-width: 44px;
    justify-content: center;
  }
  .NirvanaAppDownloadSection_Dark {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .nirvana-app-download-box {
    gap: 28px;
    padding: 28px;
  }
  .home-app-download-content {
    gap: 18px;
    text-align: left;
    align-items: flex-start;
  }
  .home-app-mockup-image1 {
    max-width: 240px;
  }
  .app-platform-buttons {
    width: 100%;
    flex-direction: column;
  }
  .app-platform-btn {
    width: 100%;
  }
  .btn-web {
    order: 3;
  }
  .btn-android {
    order: 1;
  }
  .btn-ios {
    order: 2;
  }
  .FAQAccordionSection {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .faq-intro {
    margin-bottom: var(--spacing-2xl);
  }
  .faq-groups {
    gap: var(--spacing-xl);
  }
  .faq-footer-note {
    padding: var(--spacing-xl) var(--spacing-lg);
    margin-top: var(--spacing-3xl);
  }
  .faq-intro-icon-wrapper {
    width: 56px;
    height: 56px;
    margin-bottom: var(--spacing-md);
  }
  .faq-heading {
    font-size: var(--font-size-xl);
    margin-bottom: var(--spacing-sm);
  }
  .faq-subtitle {
    font-size: var(--font-size-sm);
  }
  .faq-group {
    padding: var(--spacing-lg);
  }
  .faq-footer-text {
    font-size: var(--font-size-base);
    margin-bottom: var(--spacing-md);
  }
  .faq-footer-btn {
    padding: var(--spacing-sm) var(--spacing-xl);
    font-size: var(--font-size-sm);
  }
  .faq-intro-icon {
    width: 28px;
    height: 28px;
  }
  .faq-group-title {
    font-size: var(--font-size-base);
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-sm);
  }
  .faq-list {
    gap: var(--spacing-sm);
  }
  .faq-header {
    gap: var(--spacing-md);
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: var(--font-size-sm);
    min-height: 56px;
  }
  .faq-toggle-icon {
    width: 28px;
    height: 28px;
  }
  .faq-body-inner {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  }
  .faq-answer {
    font-size: var(--font-size-sm);
  }
  .AllPodcastsPlaylistSection {
    padding: var(--spacing-3xl) 0;
  }
  .podcasts-heading {
    margin-bottom: var(--spacing-2xl);
  }
  .home-podcasts-title3 {
    font-size: var(--font-size-2xl);
  }
  .home-podcasts-subtitle3 {
    font-size: var(--font-size-base);
  }
  .podcast-playlist-desktop {
    display: none;
  }
  .podcasts-carousel-mobile {
    display: block;
    margin-top: var(--spacing-2xl);
  }
  .podcast-player-wrapper {
    padding-bottom: 56.25%;
  }
  .podcasts-track {
    gap: var(--spacing-md);
    display: flex;
    padding: 0 var(--spacing-md) var(--spacing-md);
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .podcasts-track::-webkit-scrollbar {
    display: none;
  }
  .podcasts-track  .podcast-card {
    flex: 0 0 80%;
    min-width: 80%;
    flex-direction: column;
    scroll-snap-align: center;
  }
  .podcasts-track  .podcast-thumb-wrapper {
    width: 100%;
    height: 180px;
  }
  .podcasts-track  .podcast-card-body {
    padding: var(--spacing-md);
  }
  .podcasts-track  .podcast-title {
    font-size: var(--font-size-lg);
    -webkit-line-clamp: 2;
  }
  .AllPodcastsGridSection {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .AllPodcastsGridSection  .home-home-podcasts-carousel-mobile1 {
    display: block;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .AllPodcastsGridSection  .home-home-podcasts-track1 {
    gap: 16px;
    display: flex;
    padding: 0 16px 12px;
    flex-wrap: nowrap;
  }
  .AllPodcastsGridSection  .home-home-podcasts-carousel-mobile1 .home-home-podcast-card41 {
    width: 80vw;
    max-width: 340px;
    transform: none !important;
    flex-shrink: 0;
    scroll-snap-align: center;
  }
  .AllPodcastsGridSection  .home-home-podcasts-carousel-mobile1 .home-home-podcast-card41:hover {
    transform: none !important;
  }
  .AllPodcastsGridSection  .home-home-podcasts-carousel-mobile1 .home-home-podcast-card41:active {
    transform: none !important;
  }
  .home-podcasts-title4 {
    font-size: var(--font-size-xl);
  }
  .home-podcasts-subtitle4 {
    font-size: var(--font-size-sm);
  }
  .home-podcast-card-body1 {
    padding: var(--spacing-md);
  }
  .home-podcast-platform-icon3 {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 36px;
    height: 36px;
  }
  .home-podcast-platform-icon3  svg {
    width: 22px;
    height: 22px;
  }
  .home-podcast-title3 {
    font-size: var(--font-size-base);
  }
  .play-icon-wrapper {
    width: 64px;
    height: 64px;
  }
  .play-icon {
    width: 48px;
    height: 48px;
  }
  .letters-showcase-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .home-letters-grid {
    gap: var(--spacing-lg);
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
  .letter-lightbox-overlay {
    padding: 0;
    align-items: stretch;
  }
  .letter-lightbox-panel {
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
  }
  .home-letter-lightbox-close {
    top: var(--spacing-md);
    right: var(--spacing-md);
    width: 44px;
    height: 44px;
  }
  .home-letter-lightbox-content {
    gap: var(--spacing-xl);
    padding: var(--spacing-xl) var(--spacing-lg);
    grid-template-columns: 1fr;
  }
  .home-letter-lightbox-navigation {
    gap: var(--spacing-sm);
    padding: 0 var(--spacing-lg) var(--spacing-xl);
  }
  .home-letter-lightbox-image-section {
    max-height: 40vh;
  }
  .home-letter-lightbox-nav-btn {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: var(--font-size-sm);
  }
  .home-letter-lightbox-name {
    font-size: var(--font-size-xl);
  }
  .home-letter-lightbox-text {
    font-size: var(--font-size-base);
  }
  .home-letter-lightbox-backdrop {
    padding: var(--spacing-md);
  }
  .lightbox-close-button {
    top: var(--spacing-md);
    right: var(--spacing-md);
    width: 40px;
    height: 40px;
  }
  .lightbox-nav-button {
    width: 44px;
    height: 44px;
  }
  .lightbox-prev {
    left: var(--spacing-xs);
  }
  .lightbox-next {
    right: var(--spacing-xs);
  }
  .lightbox-image-container {
    max-width: 100%;
    max-height: calc(90vh - 100px);
  }
  .lightbox-text-content {
    padding: var(--spacing-md) var(--spacing-lg);
  }
  .lightbox-image {
    max-height: calc(90vh - 100px);
  }
  .lightbox-name {
    font-size: var(--font-size-xl);
  }
  .lightbox-location {
    font-size: var(--font-size-base);
  }
  .sutra-line-inner {
    max-width: 180px;
  }
  .sutra-bindu {
    width: 7px;
    height: 7px;
  }
  .section-divider-mala {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }
  .mala-inner {
    gap: 5.5px;
    max-width: 170px;
  }
  .mala-bead-small {
    width: 5.5px;
    height: 5.5px;
  }
  .mala-bead-main {
    width: 7.5px;
    height: 7.5px;
    transform: translateY(1.5px);
  }
  .section-divider-rudraksha {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .rudraksha-inner {
    max-width: 200px;
  }
  .app-download-content-col {
    padding: 40px 28px;
  }
  .app-download-image-col {
    min-height: 320px;
  }
  .app-download-headline {
    font-size: 28px;
  }
  .home-app-download-subheading {
    font-size: 16px;
  }
  .app-download-buttons-row {
    gap: 12px;
    flex-direction: column;
  }
  .app-download-btn {
    width: 100%;
    justify-content: center;
  }
  .app-download-feature-text {
    font-size: 15px;
  }
  .home-nirvana-hero-spiritual2 {
    display: flex;
    padding: 40px 0 40px 0;
    min-height: 100vh;
    align-items: stretch;
  }
  .home-nirvana-hero-spiritual-image-mobile1 {
    width: 100%;
    display: block;
    overflow: hidden;
    max-height: 40vh;
    text-align: center;
    margin-bottom: 0;
  }
  .home-nirvana-hero-spiritual-instructor-image-mobile3 {
    width: 100%;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.4));
    height: 100%;
    display: block;
    object-fit: contain;
  }
  .thq-nirvana-hero-spiritual-instructor-image-mobile-elm {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .home-nirvana-hero-spiritual-content1 {
    gap: 8px;
    display: flex;
    flex-direction: column;
  }
  .home-nirvana-hero-spiritual-pill3 {
    padding: 7px 14px;
    font-size: 12px;
    margin-bottom: 8px;
  }
  .home-nirvana-hero-spiritual-heading1 {
    margin: 4px 0;
    font-size: clamp(22px, 4.4vw, 26px);
  }
  .thq-nirvana-hero-spiritual-heading-elm {
    margin: 4px 0;
    font-size: clamp(22px, 4.4vw, 26px);
  }
  .home-nirvana-hero-spiritual-paragraph2 {
    margin: 4px 0;
    font-size: 14px;
    line-height: 1.4;
  }
  .thq-nirvana-hero-spiritual-paragraph-elm {
    margin: 4px 0;
    font-size: 14px;
    text-align: inherit;
    line-height: 1.4;
  }
  .home-nirvana-hero-spiritual-cta-row1 {
    gap: 8px;
    flex-direction: column;
  }
  .home-nirvana-hero-spiritual-btn-primary2 {
    width: 100%;
    margin-top: 12px;
  }
  .home-letters-showcase-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .home-letters-showcase-section1 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .upcoming-live-section {
    padding: 20px 20px;
  }
  .upcoming-live-header {
    margin-bottom: 32px;
  }
  .upcoming-live-cards-desktop {
    display: none;
  }
  .upcoming-live-carousel {
    display: block;
  }
  .upcoming-live-dots {
    display: flex;
  }
  .upcoming-live-swipe-hint {
    display: block;
  }
  .upcoming-live-title {
    font-size: var(--font-size-xl);
  }
  .upcoming-live-divider-section {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .upcoming-live-subtitle {
    font-size: var(--font-size-base);
  }
  .upcoming-live-divider-inner {
    max-width: 200px;
  }
  .upcoming-live-card-title {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .upcoming-live-description {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .upcoming-live-details-row {
    gap: var(--spacing-md, 1rem);
  }
  .upcoming-live-cta-row {
    gap: var(--spacing-sm, 0.75rem);
    width: 100%;
    flex-direction: column;
  }
  .upcoming-live-btn-primary {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .upcoming-live-btn-secondary {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .student-letters-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .courses-hero-section {
    padding: 80px 24px 60px 24px;
  }
  .courses-hero-container {
    padding: 0 12px;
    margin-top: 40px;
  }
  .courses-hero-content {
    text-align: center;
    align-items: center;
  }
  .courses-hero-heading {
    font-size: 32px;
  }
  .courses-hero-description {
    margin: 0 auto;
    font-size: 16px;
    max-width: 100%;
  }
  .courses-stats-grid {
    gap: 12px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .courses-cta-row {
    width: 100%;
    flex-direction: column;
    justify-content: center;
  }
  .courses-stat-card {
    gap: 12px;
    display: flex;
    padding: 16px;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
  }
  .courses-btn-primary {
    width: 100%;
    padding: 12px 24px;
    text-align: center;
    justify-content: center;
  }
  .courses-btn-secondary {
    width: 100%;
    padding: 12px 24px;
    text-align: center;
    justify-content: center;
  }
  .courses-stat-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }
  .courses-stat-content {
    gap: 4px;
    display: flex;
    flex-direction: column;
  }
  .courses-stat-number {
    font-size: 20px;
  }
  .courses-stat-label {
    font-size: 13px;
  }
  .courses---workshops-upcoming-live-section {
    padding: 20px 20px;
  }
  .courses---workshops-upcoming-live-carousel {
    display: block;
  }
  .courses---workshops-upcoming-live-title {
    font-size: var(--font-size-xl);
  }
  .courses---workshops-upcoming-live-subtitle {
    font-size: var(--font-size-base);
  }
  .courses---workshops-upcoming-live-card-title {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .courses---workshops-upcoming-live-description {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .courses---workshops-upcoming-live-btn-primary {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .courses---workshops-upcoming-live-btn-secondary {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .courses---workshops-upcoming-live-container {
    padding: 0px;
  }
  .courses---workshops-upcoming-live-carousel1 {
    display: block;
    overflow: visible;
    scroll-snap-type: none;
  }
  .courses---workshops-upcoming-live-dots1 {
    display: none;
  }
  .courses---workshops-upcoming-live-swipe-hint1 {
    display: none;
  }
  .courses---workshops-upcoming-live-title1 {
    font-size: var(--font-size-2xl);
  }
  .courses---workshops-upcoming-live-subtitle1 {
    font-size: var(--font-size-base);
  }
  .courses---workshops-upcoming-live-track1 {
    gap: 24px;
    display: flex;
    padding: 0;
    transform: none !important;
    flex-direction: column;
  }
  .courses---workshops-upcoming-live-card-mobile1 {
    flex: 1 1 auto;
    width: 100%;
    min-width: 100%;
    scroll-snap-align: none;
  }
  .courses---workshops-upcoming-live-card-title1 {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .courses---workshops-upcoming-live-description1 {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .courses---workshops-upcoming-live-details-row {
    gap: var(--spacing-md, 1rem);
  }
  .courses---workshops-upcoming-live-cta-row {
    gap: var(--spacing-sm, 0.75rem);
    width: 100%;
    flex-direction: column;
  }
  .courses---workshops-upcoming-live-btn-primary1 {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .courses---workshops-upcoming-live-btn-secondary1 {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .self-paced-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .self-paced-header {
    margin-bottom: var(--spacing-xl);
  }
  .self-paced-grid {
    gap: var(--spacing-lg);
    margin-top: var(--spacing-2xl);
  }
  .self-paced-title {
    font-size: var(--font-size-2xl);
  }
  .self-paced-subtitle {
    font-size: var(--font-size-base);
  }
  .self-paced-card-content {
    padding: var(--spacing-lg);
  }
  .self-paced-details {
    gap: var(--spacing-xs);
  }
  .self-paced-cta-buttons {
    flex-direction: column;
  }
  .self-paced-btn {
    width: 100%;
  }
  .selfpaced-spiritual-workshops-area {
    padding: 20px 20px;
  }
  .selfpaced-spiritual-section-header {
    margin-bottom: 32px;
  }
  .selfpaced-desktop-workshop-cards-grid {
    display: none;
  }
  .selfpaced-mobile-workshop-cards-stack {
    display: flex;
  }
  .selfpaced-spiritual-section-heading {
    font-size: var(--font-size-2xl);
  }
  .selfpaced-ornamental-divider-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .selfpaced-spiritual-section-description {
    font-size: var(--font-size-base);
  }
  .selfpaced-workshop-card-horizontal {
    flex-direction: column;
  }
  .selfpaced-ornamental-divider-inner {
    max-width: 200px;
  }
  .selfpaced-workshop-card-image-container {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1200 / 799;
  }
  .selfpaced-workshop-card-heading-text {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .selfpaced-workshop-card-description-text {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .selfpaced-workshop-card-metadata-row {
    gap: var(--spacing-md, 1rem);
  }
  .selfpaced-workshop-card-actions-row {
    gap: var(--spacing-sm, 0.75rem);
    width: 100%;
    flex-direction: column;
  }
  .selfpaced-workshop-action-button {
    width: 100%;
    padding: 12px 20px;
    font-size: var(--font-size-base, 1rem);
  }
  .nirvana-footer-container {
    padding: 0 var(--spacing-md);
  }
  .nirvana-footer-main {
    gap: var(--spacing-xl);
  }
  .nirvana-footer-logo {
    width: 150px;
  }
  .nirvana-footer-heading {
    font-size: var(--font-size-base);
  }
  .nirvana-footer-social-link {
    width: 40px;
    height: 40px;
  }
  .nirvana-footer-form-group {
    flex-direction: column;
  }
  .nirvana-footer-submit {
    width: 100%;
  }
  .early-access-signup {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .early-access-orb-2 {
    width: 300px;
    height: 300px;
  }
  .early-access-orb-3 {
    width: 250px;
    height: 250px;
  }
  .early-access-orb-4 {
    width: 250px;
    height: 250px;
  }
  .early-access-ring-1 {
    width: 350px;
    height: 350px;
  }
  .early-access-ring-2 {
    width: 300px;
    height: 300px;
  }
  .early-access-ring-3 {
    width: 200px;
    height: 200px;
  }
  .early-access-badge {
    padding: 6px 16px;
    font-size: 0.7rem;
  }
  .early-access-description {
    font-size: 0.9375rem;
    margin-bottom: 32px;
  }
  .early-access-headline {
    font-size: clamp(1.5rem, 5vw, 2.5rem);
  }
  .early-access-form-container {
    flex-direction: column;
  }
  .early-access-email-input {
    padding: 16px 20px;
  }
  .early-access-cta-btn {
    width: 100%;
    padding: 16px 32px;
  }
  .notify-updates-section {
    padding: 60px var(--spacing-md);
  }
  .notify-updates-content {
    gap: var(--spacing-sm);
    padding: 1px 20px;
  }
  .notify-updates-card {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
  .notify-benefit-item {
    gap: var(--spacing-md);
    padding: var(--spacing-md) 0;
  }
  .notify-card-btn {
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: var(--font-size-base);
    min-height: 56px;
  }
  .contact-hero-section {
    padding: var(--spacing-2xl) var(--spacing-md);
    min-height: auto;
  }
  .contact-hero-image-wrapper {
    height: 300px;
  }
  .contact-hero-title {
    font-size: 2rem;
  }
  .contact-methods-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .contact-method-card {
    padding: var(--spacing-xl);
    flex-direction: column;
  }
  .contact-method-icon {
    width: 48px;
    height: 48px;
  }
  .contact-form-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .contact-form-title {
    font-size: 2rem;
  }
  .form-submit-btn {
    width: 100%;
    padding: var(--spacing-md);
  }
  .form-input {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .form-select {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .form-textarea {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .community-section {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  .community-stat {
    font-size: 1.75rem;
  }
  .community-text {
    font-size: var(--font-size-base);
  }
  .social-icon-link {
    width: 50px;
    height: 50px;
  }
  .footer-container {
    text-align: center;
    flex-direction: column;
  }
  .footer-links {
    justify-content: center;
  }
  .page1-contact-hero-section {
    padding-top: var(--contact-spacing-xl);
    padding-bottom: var(--contact-spacing-xl);
  }
  .contact-section-title {
    font-size: 28px;
  }
  .contact-section-subtitle {
    font-size: 16px;
  }
  .contact-cta-container {
    padding: 40px var(--contact-spacing-md);
  }
  .contact-cta-title {
    font-size: 24px;
  }
  .contact-cta-subtitle {
    font-size: 15px;
  }
  .contact-cta-buttons {
    width: 100%;
    flex-direction: column;
  }
  .page1-contact-hero-title {
    font-size: 32px;
  }
  .contact-hero-subtext {
    font-size: 16px;
  }
  .contact-cta-btn {
    width: 100%;
  }
  .contact-action-card {
    padding: 20px;
  }
  .contact-action-title {
    font-size: 18px;
  }
  .contact-action-text {
    font-size: 14px;
  }
  .courses---workshops-nirvana-nav-container {
    padding: var(--spacing-md) var(--spacing-lg);
  }
  .courses---workshops-nirvana-nav-mobile-menu-content {
    max-width: 100%;
  }
  .courses---workshops-nirvana-nav-logo-image {
    height: 40px;
  }
  .courses---workshops-nirvana-nav-mobile-link {
    font-size: var(--font-size-lg);
  }
  .home-nirvana-nav-container2 {
    padding: 0.75rem var(--spacing-md);
  }
  .home-nirvana-nav-mobile-menu2 {
    max-width: 100%;
  }
  .home-nirvana-nav-mobile-link2 {
    padding: var(--spacing-md) var(--spacing-sm);
    font-size: var(--font-size-lg);
  }
  .home-nirvana-nav-cta-mobile2  .nirvana-nav-cta-btn {
    padding: 0.625rem 1.25rem;
    font-size: var(--font-size-sm);
  }
  .home-nirvana-nav-container3 {
    padding: 0.75rem var(--spacing-md);
  }
  .home-nirvana-nav-mobile-menu3 {
    max-width: 100%;
  }
  .home-nirvana-nav-mobile-link3 {
    padding: var(--spacing-md) var(--spacing-sm);
    font-size: var(--font-size-lg);
  }
  .home-nirvana-nav-cta-mobile3  .nirvana-nav-cta-btn {
    padding: 0.625rem 1.25rem;
    font-size: var(--font-size-sm);
  }
  .navigationheader_new-nirvana-nav-container {
    padding: 0.75rem var(--spacing-md);
  }
  .navigationheader_new-nirvana-nav-mobile-menu {
    max-width: 100%;
  }
  .navigationheader_new-nirvana-nav-mobile-link {
    padding: var(--spacing-md) var(--spacing-sm);
    font-size: var(--font-size-lg);
  }
  .navigationheader_new-nirvana-nav-cta-mobile  .nirvana-nav-cta-btn {
    padding: 0.625rem 1.25rem;
    font-size: var(--font-size-sm);
  }
  .nirvana-header-container {
    padding: 12px 16px;
  }
  .nirvana-header-mobile-menu {
    width: 100%;
    max-width: 100%;
  }
  .nirvana-header-logo-image {
    height: 40px;
  }
  .contact-us-nirvana-header-container {
    padding: var(--spacing-md) var(--spacing-lg);
  }
  .contact-us-nirvana-header-mobile-menu {
    width: 100%;
    max-width: 100%;
  }
  .podcast-hero-section {
    padding: 40px 20px;
    min-height: auto;
  }
  .podcast-hero-container {
    gap: 40px;
  }
  .podcasts-podcast-hero-content {
    gap: 20px;
  }
  .podcast-hero-visual {
    height: 400px;
  }
  .podcast-hero-badge {
    padding: 8px 16px;
  }
  .podcast-hero-heading {
    font-size: 2rem;
  }
  .podcast-hero-subheading {
    font-size: 1rem;
  }
  .podcast-hero-cta-group {
    width: 80%;
    flex-direction: column;
  }
  .podcast-stat-badge {
    padding: 12px 16px;
  }
  .podcast-stat-episodes {
    top: 40px;
    left: -20px;
  }
  .podcast-stat-updates {
    right: -20px;
    bottom: 60px;
  }
  .podcast-deco-1 {
    width: 350px;
    height: 350px;
  }
  .podcast-deco-2 {
    width: 400px;
    height: 400px;
  }
  .podcast-badge-text {
    font-size: 0.8rem;
  }
  .podcast-btn-primary {
    width: 100%;
    padding: 14px 24px;
    justify-content: center;
  }
  .podcast-btn-secondary {
    width: 100%;
    padding: 14px 24px;
    justify-content: center;
  }
  .podcast-artwork-border {
    width: 280px;
    height: 280px;
  }
  .podcast-stat-number {
    font-size: 1.25rem;
  }
  .podcast-stat-label {
    font-size: 0.75rem;
  }
  .nirvana-podcast-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .nirvana-podcast-header {
    margin-bottom: var(--spacing-xl);
  }
  .nirvana-podcast-stack-mobile {
    gap: var(--spacing-lg);
  }
  .nirvana-podcast-title {
    font-size: var(--font-size-xl);
  }
  .nirvana-podcast-subtitle {
    font-size: var(--font-size-sm);
  }
  .nirvana-podcast-content {
    padding: var(--spacing-md);
  }
  .nirvana-podcast-card-title {
    font-size: var(--font-size-base);
  }
  .nirvana-podcast-description {
    font-size: var(--font-size-sm);
  }
  .nirvana-podcast-play-btn {
    width: 64px;
    height: 64px;
  }
  .nirvana-podcasts-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .nirvana-podcasts-header {
    margin-bottom: var(--spacing-xl);
  }
  .nirvana-podcasts-grid {
    gap: var(--spacing-md);
    grid-template-columns: 1fr;
  }
  .nirvana-podcasts-content {
    padding: var(--spacing-md);
  }
  .nirvana-podcasts-title {
    font-size: var(--font-size-base);
  }
  .nirvana-in-podcasts-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .nirvana-in-podcasts-title {
    font-size: var(--font-size-xl);
  }
  .nirvana-in-podcasts-subtitle {
    font-size: var(--font-size-sm);
  }
  .nirvana-in-podcasts-modal-close {
    top: -50px;
    right: 0;
  }
  .nirvana-in-podcasts-card-body {
    padding: var(--spacing-md);
  }
  .nirvana-in-podcasts-platform-icon {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 36px;
    height: 36px;
  }
  .nirvana-in-podcasts-platform-icon  svg {
    width: 22px;
    height: 22px;
  }
  .nirvana-in-podcasts-card-title {
    font-size: var(--font-size-base);
  }
  .nirvana-in-podcasts-play-icon-wrapper {
    width: 64px;
    height: 64px;
  }
  .nirvana-in-podcasts-play-icon {
    width: 48px;
    height: 48px;
  }
  .contact-modal-overlay {
    padding: var(--spacing-sm, 0.75rem);
  }
  .contact-modal-container {
    max-height: 95vh;
  }
  .contact-modal-header {
    padding: var(--spacing-lg, 1.5rem);
  }
  .contact-modal-body {
    padding: var(--spacing-lg, 1.5rem);
  }
  .contact-modal-title {
    font-size: var(--font-size-xl, 1.375rem);
  }
  .contact-modal-form-actions {
    flex-direction: column;
  }
  .contact-modal-btn {
    width: 100%;
  }
  .contact-modal-verification-wrapper {
    flex-direction: column;
  }
  .contact-modal-verification-input {
    width: 100%;
  }
  .contact-modal-captcha {
    width: 100%;
    max-width: 200px;
  }
  .contact-modal-backdrop {
    padding: var(--spacing-sm);
  }
  .contact-us-contact-modal-container {
    max-width: 100%;
    border-radius: var(--border-radius-lg);
  }
  .contact-us-contact-modal-header {
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
  }
  .contact-us-contact-modal-body {
    padding: var(--spacing-lg);
  }
  .contact-us-contact-modal-title {
    font-size: var(--font-size-lg);
  }
  .contact-modal-actions-double {
    flex-direction: column-reverse;
  }
  .contact-modal-success-svg {
    max-width: 300px;
  }
  .contact-us-contact-modal-btn {
    width: 100%;
  }
  .contact-modal-row {
    grid-template-columns: 1fr;
  }
  .contact-us-contact-modal-container1 {
    max-width: 100%;
    border-radius: var(--border-radius-lg);
  }
  .contact-us-contact-modal-header1 {
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
  }
  .contact-us-contact-modal-body1 {
    padding: var(--spacing-lg);
  }
  .contact-us-contact-modal-title1 {
    font-size: var(--font-size-lg);
  }
  .contact-us-contact-modal-btn1 {
    width: 100%;
  }
  .contact-us-contact-modal-close-btn {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 36px;
    height: 36px;
  }
  .contact-us-contact-modal-header2 {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .contact-us-contact-modal-body2 {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .contact-us-contact-modal-title2 {
    font-size: var(--font-size-xl);
  }
  .contact-us-contact-modal-btn2 {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .contact-us-contact-modal-row {
    gap: 0;
    margin-bottom: 0;
    grid-template-columns: 1fr;
  }
  .contact-us-contact-modal-close-btn1 {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 36px;
    height: 36px;
  }
  .contact-us-contact-modal-header3 {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .contact-us-contact-modal-body3 {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .contact-us-contact-modal-title3 {
    font-size: var(--font-size-xl);
  }
  .contact-us-contact-modal-btn3 {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .contact-us-contact-modal-row1 {
    gap: 0;
    margin-bottom: 0;
    grid-template-columns: 1fr;
  }
  .contact-us-contact-modal-backdrop2 {
    padding: var(--spacing-md);
  }
  .contact-us-contact-modal-container4 {
    max-height: 95vh;
  }
  .contact-us-contact-modal-close-btn2 {
    top: var(--spacing-md);
    right: var(--spacing-md);
  }
  .contact-us-contact-modal-header4 {
    padding: var(--spacing-lg);
  }
  .contact-us-contact-modal-body4 {
    padding: var(--spacing-lg);
  }
  .contact-us-contact-modal-title4 {
    font-size: var(--font-size-xl);
  }
  .contact-us-contact-modal-row2 {
    gap: 0;
    grid-template-columns: 1fr;
  }
  .contact-success-svg {
    width: 80px;
    height: 80px;
  }
  .contact-us-contact-modal-container5 {
    margin: 20px;
    padding: 24px;
  }
  .contact-us-contact-modal-title5 {
    font-size: var(--font-size-xl, 1.375rem);
  }
  .contact-btn-primary {
    width: 100%;
  }
  .contact-form-buttons {
    flex-direction: column;
  }
  .contact-btn-secondary {
    width: 100%;
  }
  .contact-us-contact-modal-backdrop4 {
    padding: var(--spacing-sm);
  }
  .contact-us-contact-modal-container6 {
    max-height: 95vh;
  }
  .contact-us-contact-modal-header6 {
    padding: var(--spacing-md);
  }
  .contact-us-contact-modal-body5 {
    padding: var(--spacing-lg);
  }
  .contact-us-contact-modal-success4 {
    min-height: 300px;
  }
  .contact-us-contact-modal-title6 {
    font-size: var(--font-size-lg);
  }
  .contact-us-contact-modal-form3 {
    gap: var(--spacing-md);
  }
  .contact-us-contact-modal-actions-double2 {
    flex-direction: column;
  }
  .contact-us-contact-modal-success-content2 {
    margin-bottom: var(--spacing-xl);
  }
  .contact-us-contact-modal-btn5 {
    width: 100%;
    min-width: auto;
  }
  .contact-us-contact-modal-success-close-btn {
    width: 100%;
    min-width: auto;
  }
  .contact-us-contact-modal-success-svg2 {
    width: 100px;
    height: 100px;
  }
  .contact-us-contact-modal-wrapper1 {
    padding: var(--spacing-md);
    align-items: flex-start;
  }
  .contact-us-contact-modal-container7 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }
  .contact-us-contact-modal-header7 {
    padding: var(--spacing-md);
  }
  .contact-us-contact-modal-body6 {
    padding: var(--spacing-md);
  }
  .contact-us-contact-modal-title7 {
    font-size: var(--font-size-xl);
  }
  .contact-us-contact-modal-actions4 {
    flex-direction: column;
  }
  .contact-us-contact-modal-actions-double3 {
    flex-direction: row;
  }
  .contact-us-contact-modal-actions-double3  .contact-modal-btn {
    flex: 1;
    width: auto;
    min-width: 100px;
  }
  .contact-us-contact-modal-btn6 {
    width: 100%;
  }
  .enquirypopupform-container {
    max-height: 95vh;
  }
  .enquirypopupform-header {
    padding: var(--spacing-lg);
  }
  .enquirypopupform-body {
    padding: var(--spacing-lg);
  }
  .enquirypopupform-title {
    font-size: var(--font-size-xl);
  }
  .enquirypopupform-actions {
    flex-direction: column-reverse;
  }
  .enquirypopupform-actions-double {
    flex-direction: row;
  }
  .enquirypopupform-actions-double  .enquirypopupform-btn {
    flex: 1;
    width: auto;
  }
  .enquirypopupform-btn {
    width: 100%;
  }
  .enquirypopupform-modal {
    margin: auto;
    max-width: 100%;
    border-radius: var(--border-radius-lg, 24px);
  }
  .contact-us-enquirypopupform-success {
    padding: var(--spacing-2xl, 3rem) var(--spacing-lg, 1.5rem);
  }
  .contact-us-enquirypopupform-header {
    padding: var(--spacing-2xl, 3rem) var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem);
  }
  .contact-us-enquirypopupform-step-indicator {
    padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.5rem);
  }
  .contact-us-enquirypopupform-form {
    padding: var(--spacing-lg, 1.5rem);
  }
  .contact-us-enquirypopupform-title {
    font-size: var(--font-size-2xl, 1.75rem);
  }
  .contact-us-enquirypopupform-actions-double {
    grid-template-columns: 1fr;
  }
  .nirvana-footer-top-divider {
    margin-bottom: var(--spacing-2xl);
  }
  .nirvanafooter-nirvana-footer-main {
    gap: var(--spacing-xl);
    grid-template-columns: 1fr;
  }
  .nirvanafooter-nirvana-footer-bottom {
    gap: var(--spacing-sm);
    text-align: center;
    flex-direction: column;
  }
  .nirvanafooter-nirvana-footer-brand {
    grid-column: 1;
  }
  .nirvanafooter-nirvana-footer-links {
    grid-column: 1;
  }
  .nirvana-footer-app-column {
    text-align: center;
    grid-column: 1;
  }
  .nirvanafooter-nirvana-footer-copyright {
    justify-content: center;
  }
  .nirvana-footer-bottom-links {
    justify-content: center;
  }
  .nirvanafooter-nirvana-footer-logo {
    width: 150px;
    margin: 0 auto;
  }
  .nirvanafooter-nirvana-footer-heading {
    font-size: var(--font-size-base);
    text-align: center;
  }
  .nirvanafooter-nirvana-footer-heading::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .nirvanafooter-nirvana-footer-nav {
    align-items: center;
  }
  .nirvana-footer-app-badges {
    align-items: center;
    flex-direction: row;
  }
  .nirvanafooter-nirvana-footer-link {
    text-align: center;
  }
  .privacy-hero-section {
    padding: var(--spacing-3xl) var(--spacing-md);
    min-height: auto;
  }
  .privacy-hero-mandala-bg {
    width: 400px;
    height: 400px;
  }
  .privacy-hero-content {
    gap: var(--spacing-md);
  }
  .privacy-hero-heading {
    font-size: var(--font-size-2xl);
  }
  .privacy-hero-subheading {
    font-size: var(--font-size-sm);
    line-height: 1.7;
  }
  .privacy-hero-trust-badges {
    gap: var(--spacing-md);
  }
  .privacy-hero-icon-circle {
    width: 60px;
    height: 60px;
  }
  .privacy-hero-dots {
    display: none;
  }
  .privacy-hero-divider-line {
    width: 40px;
  }
  .privacy-hero-badge {
    padding: var(--spacing-xs) var(--spacing-md);
    font-size: var(--font-size-xs);
  }
  .privacy-hero-shield-icon {
    width: 24px;
    height: 24px;
  }
  .privacy-hero-badge-icon {
    width: 16px;
    height: 16px;
  }
  .privacy-policy-section {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  .privacy-container {
    padding: var(--spacing-xl) var(--spacing-lg);
    border-radius: var(--border-radius-lg);
  }
  .privacy-intro {
    padding: var(--spacing-md);
  }
  .privacy-icon-wrapper {
    width: 64px;
    height: 64px;
  }
  .privacy-main-title {
    font-size: var(--font-size-2xl);
  }
  .privacy-section-header {
    gap: var(--spacing-sm);
  }
  .privacy-subsection {
    padding-left: var(--spacing-md);
  }
  .privacy-providers-grid {
    grid-template-columns: 1fr;
  }
  .privacy-security-box {
    gap: var(--spacing-md);
    flex-direction: column;
  }
  .privacy-contact-cards {
    grid-template-columns: 1fr;
  }
  .privacy-shield-icon {
    width: 36px;
    height: 36px;
  }
  .privacy-section-number {
    width: 36px;
    height: 36px;
    font-size: var(--font-size-lg);
  }
  .privacy-section-title {
    font-size: var(--font-size-xl);
  }
  .privacy-policy-privacy-hero-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
    min-height: auto;
  }
  .privacy-hero-grid {
    gap: var(--spacing-xl);
  }
  .privacy-hero-visual {
    padding: var(--spacing-md);
  }
  .privacy-hero-badges {
    gap: 8px;
  }
  .privacy-policy-privacy-hero-heading {
    font-size: var(--font-size-3xl);
  }
  .privacy-policy-privacy-hero-subheading {
    font-size: var(--font-size-sm);
  }
  .privacy-hero-image-wrapper {
    max-width: 280px;
  }
  .privacy-policy-privacy-hero-badge {
    padding: 6px 12px;
  }
  .privacy-hero-floating-icon {
    padding: 10px;
  }
  .privacy-badge-text {
    font-size: var(--font-size-xs);
  }
  .privacy-icon-shield  svg {
    width: 24px;
    height: 24px;
  }
  .privacy-icon-lock  svg {
    width: 22px;
    height: 22px;
  }
  .terms-conditions-section {
    padding: var(--spacing-2xl) 0;
  }
  .terms-conditions-container {
    padding: 0 var(--spacing-md);
  }
  .terms-bg-mandala {
    width: 300px;
    height: 300px;
  }
  .terms-header {
    margin-bottom: var(--spacing-2xl);
  }
  .terms-content {
    gap: var(--spacing-lg);
  }
  .terms-footer {
    margin-top: var(--spacing-3xl);
    padding-top: var(--spacing-2xl);
  }
  .terms-header-icon {
    width: 60px;
    height: 60px;
    margin-bottom: var(--spacing-md);
  }
  .terms-main-title {
    font-size: clamp(1.75rem, 6vw, 2rem);
  }
  .terms-updated-date {
    font-size: var(--font-size-sm);
  }
  .terms-intro-text {
    padding: var(--spacing-md);
    font-size: var(--font-size-base);
  }
  .terms-section {
    padding: var(--spacing-md);
  }
  .terms-footer-text {
    font-size: var(--font-size-sm);
  }
  .terms-footer-blessing {
    font-size: var(--font-size-lg);
  }
  .terms-divider-line {
    width: 50px;
  }
  .terms-section-header {
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }
  .terms-section-icon {
    width: 40px;
    height: 40px;
  }
  .terms-section-title {
    font-size: var(--font-size-lg);
  }
  .terms-contact-info {
    padding: var(--spacing-md);
  }
  .terms-contact-item {
    font-size: var(--font-size-sm);
  }
  .terms-hero-mandala-decoration {
    top: -20%;
    left: -15%;
    width: 250px;
    height: 250px;
  }
  .terms-hero-mandala-decoration-right {
    right: -10%;
    width: 220px;
    bottom: -15%;
    height: 220px;
  }
  .terms-hero-icon-wrapper {
    width: 60px;
    height: 60px;
    margin-bottom: var(--spacing-lg);
  }
  .terms-hero-divider {
    margin: var(--spacing-lg) auto;
    max-width: 150px;
  }
  .terms-hero-trust-badges {
    gap: var(--spacing-sm);
    margin-top: var(--spacing-xl);
  }
  .terms-hero-icon {
    width: 36px;
    height: 36px;
  }
  .terms-hero-badge {
    padding: var(--spacing-xs) var(--spacing-md);
  }
  .terms-hero-badge-icon {
    width: 16px;
    height: 16px;
  }
  .terms-hero-badge-text {
    font-size: var(--font-size-xs);
  }
  .legal-declaration-banner-wrapper {
    padding: var(--spacing-2xl) var(--spacing-sm);
    min-height: auto;
  }
  .cosmic-mandala-backdrop-left {
    width: 400px;
    height: 400px;
  }
  .cosmic-mandala-backdrop-right {
    width: 400px;
    height: 400px;
  }
  .legal-declaration-content-grid {
    gap: var(--spacing-xl);
  }
  .legal-declaration-text-block {
    gap: var(--spacing-md);
  }
  .legal-declaration-visual-column {
    padding: var(--spacing-md);
  }
  .legal-scale-icon-container {
    width: 70px;
    height: 70px;
  }
  .legal-declaration-main-title {
    font-size: var(--font-size-3xl);
  }
  .legal-declaration-descriptive-text {
    font-size: var(--font-size-sm);
  }
  .legal-trust-indicators-row {
    gap: 8px;
  }
  .legal-visual-element-container {
    max-width: 280px;
  }
  .legal-scale-icon-graphic {
    width: 40px;
    height: 40px;
  }
  .legal-trust-indicator-item {
    padding: 6px 12px;
  }
  .legal-floating-emblem {
    padding: 10px;
  }
  .legal-indicator-label-text {
    font-size: var(--font-size-xs);
  }
  .legal-emblem-shield-position  svg {
    width: 24px;
    height: 24px;
  }
  .legal-emblem-lock-position  svg {
    width: 22px;
    height: 22px;
  }
  .terms-service-wrapper {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  .terms-intro-section {
    padding: var(--spacing-lg);
  }
  .terms-and-conditions-terms-section {
    padding: var(--spacing-lg);
  }
  .terms-intro-icon {
    width: 56px;
    height: 56px;
  }
  .terms-intro-icon  svg {
    width: 28px;
    height: 28px;
  }
  .terms-and-conditions-terms-section-icon {
    width: 36px;
    height: 36px;
  }
  .terms-and-conditions-terms-section-icon  svg {
    width: 20px;
    height: 20px;
  }
  .terms-and-conditions-terms-section-title {
    font-size: var(--font-size-base);
  }
  .nirvana-app-hero {
    padding: 10px  60px;
  }
  .nirvana-app-hero-title {
    font-size: 2rem;
  }
  .nirvana-app-hero-subtitle {
    font-size: 1.125rem;
  }
  .nirvana-app-download-buttons {
    gap: 6px;
    flex-wrap: nowrap;
  }
  .nirvana-app-btn {
    flex: 1;
    padding: 10px 8px;
    font-size: 0.7rem;
    min-width: 0;
  }
  .nirvana-app-qr-content {
    text-align: center;
    flex-direction: column;
  }
  .nirvana-app-phone-frame {
    width: 260px;
  }
  .nirvana-app-qr-code {
    margin: 0 auto;
  }
  .nirvana-app-benefits-grid {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .nirvana-app-inside-grid {
    grid-template-columns: 1fr;
  }
  .nirvana-app-festival-grid {
    grid-template-columns: 1fr;
  }
  .nirvana-app-preview-screen {
    height: 340px;
  }
  .nirvana-app-cta-title {
    font-size: 2rem;
  }
  .nirvana-app-cta-buttons {
    align-items: stretch;
    flex-direction: column;
  }
  .faq-contact-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .faq-contact-header {
    margin-bottom: var(--spacing-xl);
  }
  .faq-contact-accordion {
    gap: var(--spacing-sm);
  }
  .faq-contact-title {
    font-size: var(--font-size-xl);
  }
  .faq-contact-subtitle {
    font-size: var(--font-size-sm);
  }
  .faq-contact-question {
    padding: var(--spacing-md);
  }
  .faq-contact-question-text {
    font-size: var(--font-size-sm);
  }
  .faq-contact-icon-wrapper {
    width: 28px;
    height: 28px;
  }
  .faq-contact-answer {
    padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  }
  .faq-contact-icon {
    width: 18px;
    height: 18px;
  }
  .contact-us-faq-contact-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .contact-us-faq-contact-header {
    margin-bottom: var(--spacing-2xl);
  }
  .faq-contact-category {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
  }
  .faq-contact-main-title {
    font-size: var(--font-size-xl);
  }
  .faq-contact-main-subtitle {
    font-size: var(--font-size-sm);
  }
  .faq-contact-category-header {
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }
  .faq-contact-category-icon {
    width: 40px;
    height: 40px;
  }
  .faq-contact-category-title {
    font-size: var(--font-size-base);
  }
  .contact-us-faq-contact-question {
    padding: var(--spacing-md);
  }
  .contact-us-faq-contact-question-text {
    font-size: var(--font-size-sm);
  }
  .contact-us-faq-contact-icon-wrapper {
    width: 28px;
    height: 28px;
  }
  .faq-contact-answer-content {
    padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  }
  .contact-us-faq-contact-icon-plus {
    width: 18px;
    height: 18px;
  }
  .contact-us-faq-contact-icon-minus {
    width: 18px;
    height: 18px;
  }
  .contact-us-faq-contact-section1 {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .contact-us-faq-contact-header1 {
    margin-bottom: var(--spacing-2xl);
  }
  .contact-us-faq-contact-question1 {
    padding: var(--spacing-md);
  }
  .contact-us-faq-contact-question-text1 {
    font-size: var(--font-size-sm);
  }
  .contact-us-faq-contact-icon-wrapper1 {
    width: 28px;
    height: 28px;
  }
  .contact-us-faq-contact-icon-plus1 {
    width: 18px;
    height: 18px;
  }
  .contact-us-faq-contact-icon-minus1 {
    width: 18px;
    height: 18px;
  }
  .contact-us-faq-contact-container {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .contact-us-faq-contact-header2 {
    margin-bottom: var(--spacing-3xl);
  }
  .faq-contact-categories-grid {
    margin-top: var(--spacing-xl);
  }
  .contact-us-faq-contact-category {
    padding: var(--spacing-lg);
  }
  .contact-us-faq-contact-category-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .contact-us-faq-contact-category-title {
    font-size: var(--font-size-lg);
  }
  .contact-us-faq-contact-question-text2 {
    font-size: var(--font-size-sm);
  }
  .contact-us-faq-contact-answer-content {
    padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md) var(--spacing-md);
    font-size: var(--font-size-sm);
  }
}
 
@media(max-width: 479px) {
  .thq-section-padding {
    padding: var(--dl-layout-space-oneandhalfunits);
  }
  .thq-flex-column {
    gap: var(--dl-layout-space-unit);
  }
  .thq-flex-row {
    gap: var(--dl-layout-space-unit);
  }
  .thq-grid-6 {
    grid-gap: var(--dl-layout-space-unit);
    grid-template-columns: 1fr 1fr;
  }
  .thq-grid-5 {
    grid-gap: var(--dl-layout-space-unit);
    grid-template-columns: 1fr 1fr;
  }
  .thq-grid-3 {
    grid-gap: var(--dl-layout-space-unit);
    align-items: center;
    grid-template-columns: 1fr;
  }
  .thq-grid-4 {
    grid-gap: var(--dl-layout-space-unit);
    align-items: center;
    flex-direction: column;
    grid-template-columns: 1fr;
  }
  .thq-grid-2 {
    grid-gap: var(--dl-layout-space-unit);
  }
  .thq-grid-auto-300 {
    grid-template-columns: 1fr;
  }
  .navigation-brand {
    font-size: var(--font-size-sm);
  }
  .navigation-mobile-link {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-base);
  }
  .footer-brand-column {
    flex: 1 1 100%;
  }
  .footer-brand-description {
    font-size: var(--font-size-sm);
  }
  .live-course-image-wrapper {
    height: 200px;
  }
  .selfpaced-image {
    height: 180px;
  }
  .testimonial-video-wrapper {
    height: 220px;
  }
  .testimonial-play-button {
    width: 56px;
    height: 56px;
  }
  .nirvana-app-feature {
    font-size: var(--font-size-sm);
  }
  .cta-stat-number {
    font-size: var(--font-size-2xl);
  }
  .hero-actions  .btn {
    font-size: var(--font-size-sm);
  }
  .hero-spiritual {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  .hero-spiritual-visual {
    min-height: 300px;
  }
  .hero-spiritual-pattern-decoration {
    width: 200px;
    height: 200px;
  }
  .hero-spiritual-badge {
    font-size: var(--font-size-xs);
  }
  .home-hero-spiritual-content {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }
  .home-hero-spiritual-visual {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }
  .carousel-header {
    margin-bottom: var(--spacing-2xl);
  }
  .home-carousel-nav-btn {
    width: 36px;
    height: 36px;
  }
  .course-image-wrapper {
    height: 200px;
  }
  .course-content {
    padding: var(--spacing-md);
  }
  .course-meta {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .workshop-image-wrapper {
    height: 200px;
  }
  .workshop-content {
    padding: var(--spacing-md);
  }
  .workshop-title {
    font-size: var(--font-size-lg);
  }
  .workshop-description {
    font-size: var(--font-size-sm);
  }
  .app-download-title {
    font-size: var(--font-size-2xl);
  }
  .app-download-description {
    font-size: var(--font-size-base);
  }
  .app-mockup-image {
    max-width: 440px;
  }
  .hero-badge {
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-md);
  }
  .hero-stats-grid {
    gap: var(--spacing-xs);
  }
  .hero-badge-text {
    font-size: var(--font-size-xs);
  }
  .hero-stat-card {
    padding: var(--spacing-xs) var(--spacing-sm);
  }
  .hero-floating-card {
    padding: var(--spacing-xs) var(--spacing-sm);
  }
  .hero-floating-card-1 {
    right: -5%;
  }
  .hero-floating-card-2 {
    left: -5%;
  }
  .hero-stat-number {
    font-size: var(--font-size-xl);
  }
  .hero-floating-icon {
    width: 36px;
    height: 36px;
  }
  .spiritual-courses-section {
    padding: var(--spacing-xl) var(--spacing-sm);
  }
  .home-course-content {
    gap: var(--spacing-md);
    padding: var(--spacing-md);
  }
  .home-course-title {
    font-size: var(--font-size-xl);
  }
  .home-course-description {
    font-size: var(--font-size-sm);
  }
  .highlight-text {
    font-size: var(--font-size-sm);
  }
  .course-cards-section {
    padding: var(--spacing-2xl) 0;
  }
  .home-course-card1 {
    min-width: calc(100% - var(--spacing-md) * 2);
  }
  .course-card-header {
    padding: var(--spacing-lg);
  }
  .course-card-body {
    padding: var(--spacing-lg);
  }
  .course-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
  .course-highlight-text {
    font-size: 13px;
    padding-top: 8px;
  }
  .home-live-courses-section {
    padding: var(--spacing-2xl) 0;
  }
  .home-live-course-card1 {
    flex: 0 0 85%;
  }
  .home-live-course-content {
    gap: var(--spacing-md);
    padding: var(--spacing-md);
  }
  .home-course-title1 {
    font-size: var(--font-size-lg);
  }
  .home-course-highlights {
    gap: var(--spacing-sm);
  }
  .home-highlight-icon {
    width: 24px;
    height: 24px;
  }
  .home-course-card2 {
    max-width: 85%;
    min-width: 85%;
  }
  .course-card-content {
    padding: var(--spacing-lg);
  }
  .course-details-row {
    gap: var(--spacing-xs);
  }
  .course-detail-pill {
    padding: var(--spacing-xs) var(--spacing-sm);
  }
  .upcoming-courses-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .home-courses-carousel {
    margin: 0 calc(-1 * var(--spacing-sm));
    padding: 0 var(--spacing-sm);
  }
  .home-course-card3 {
    min-width: calc(100vw - var(--spacing-xl));
  }
  .home-course-card-content {
    padding: var(--spacing-lg);
  }
  .home-courses-carousel1 {
    margin: 0 calc(-1 * var(--spacing-sm));
    padding: 0 var(--spacing-sm);
  }
  .home-course-card4 {
    min-width: calc(100vw - var(--spacing-xl));
  }
  .home-course-card-content1 {
    padding: var(--spacing-lg);
  }
  .home-home-courses-carousel1 {
    padding: 0 6vw;
  }
  .home-courses-carousel2 {
    gap: var(--spacing-lg);
    scroll-snap-type: x mandatory;
  }
  .home-home-course-card4 {
    min-width: 88vw;
    scroll-snap-align: center;
  }
  .course-card1 {
    scroll-snap-align: center;
  }
  .home-home-courses-carousel11 {
    padding: 0 6vw;
  }
  .home-courses-carousel3 {
    gap: var(--spacing-lg);
    scroll-snap-type: x mandatory;
  }
  .home-home-course-card41 {
    min-width: 88vw;
    scroll-snap-align: center;
  }
  .home-upcoming-courses-section {
    padding: var(--spacing-2xl) 0;
  }
  .home-upcoming-courses-container {
    gap: var(--spacing-2xl);
  }
  .home-course-banner-wrapper {
    height: 200px;
  }
  .home-home-course-card-content1 {
    padding: var(--spacing-lg);
  }
  .home-home-course-details-row1 {
    flex-direction: column;
  }
  .home-home-course-cta-buttons2 {
    flex-direction: column;
  }
  .home-home-course-detail-pill1 {
    width: 100%;
    justify-content: center;
  }
  .home-course-btn-primary {
    width: 100%;
  }
  .home-course-btn-secondary {
    width: 100%;
  }
  .home-workshop-card {
    flex: 0 0 90vw;
  }
  .workshop-card-image-wrapper {
    height: 200px;
  }
  .workshop-details-row {
    flex-direction: column;
  }
  .workshop-detail-pill {
    width: 100%;
    justify-content: center;
  }
  .home-workshop-card1 {
    width: 90%;
  }
  .home-workshop-detail-pill {
    width: 100%;
    justify-content: center;
  }
  .stats-marquee-track {
    gap: var(--spacing-md);
  }
  .nirvana-mobile-content-section {
    padding: var(--spacing-xl, 2rem) var(--spacing-md, 1rem);
  }
  .nirvana-mobile-btn-primary {
    padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  }
  .nirvana-mobile-btn-secondary {
    padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  }
  .nirvana-hero-mobile-content {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  .home-nirvana-hero-heading {
    font-size: var(--font-size-xl);
  }
  .nirvana-hero-description {
    font-size: var(--font-size-base);
  }
  .nirvana-hero-stat-card {
    padding: var(--spacing-md);
    min-width: 240px;
  }
  .nirvana-hero-stat-number {
    font-size: var(--font-size-2xl);
  }
  .home-nirvana-hero-heading1 {
    font-size: var(--font-size-xl);
  }
  .home-nirvana-hero-mobile-image-section {
    padding: var(--spacing-xl) 0 0;
  }
  .home-nirvana-hero-mobile-content {
    gap: var(--spacing-md);
    padding: var(--spacing-xl) 16px;
  }
  .home-nirvana-hero-heading2 {
    font-size: 22px;
  }
  .home-nirvana-hero-description {
    font-size: 14px;
  }
  .home-nirvana-hero-btn {
    padding: 12px 18px;
    font-size: 14px;
  }
  .home-nirvana-hero-mobile-image-section1 {
    padding: var(--spacing-xl) 0 0;
  }
  .home-nirvana-hero-mobile-content1 {
    gap: var(--spacing-md);
    padding: var(--spacing-xl) 16px;
  }
  .home-nirvana-hero-heading3 {
    font-size: 22px;
  }
  .home-nirvana-hero-description1 {
    font-size: 14px;
  }
  .home-nirvana-hero-btn1 {
    padding: 12px 18px;
    font-size: 14px;
  }
  .nirvana-hero-spiritual {
    padding: 0px 0 0px 0;
  }
  .nirvana-hero-spiritual-heading {
    font-size: 26px;
  }
  .nirvana-hero-spiritual-paragraph {
    font-size: 15px;
  }
  .nirvana-hero-spiritual-btn {
    padding: 13px 18px;
    font-size: 14px;
  }
  .nirvana-hero-spiritual-stat-number {
    font-size: 24px;
  }
  .home-nirvana-hero-spiritual-btn1 {
    padding: 13px 18px;
    font-size: 14px;
  }
  .home-nirvana-hero-spiritual-stat-card2 {
    padding: 14px 10px;
  }
  .home-nirvana-hero-spiritual-stat-label1 {
    font-size: 11px;
  }
  .home-app-download-title {
    font-size: var(--font-size-2xl);
  }
  .home-app-download-description {
    font-size: var(--font-size-base);
  }
  .home-app-mockup-image {
    max-width: 240px;
  }
  .home-workshop-card2 {
    max-width: calc(100% - 32px);
    min-width: calc(100% - 32px);
  }
  .home-workshop-card-title {
    font-size: var(--font-size-lg);
  }
  .home-workshop-card-description {
    font-size: var(--font-size-sm);
  }
  .home-workshop-card3 {
    max-width: calc(100% - 32px);
    min-width: calc(100% - 32px);
  }
  .home-workshop-card-title1 {
    font-size: var(--font-size-lg);
  }
  .home-workshop-card-description1 {
    font-size: var(--font-size-sm);
  }
  .home-workshop-card4 {
    max-width: calc(100% - 32px);
    min-width: calc(100% - 32px);
  }
  .home-workshop-card-title2 {
    font-size: var(--font-size-lg);
  }
  .home-workshop-card-description2 {
    font-size: var(--font-size-sm);
  }
  .home-section-title1 {
    font-size: 24px;
  }
  .home-workshop-details-row {
    flex-direction: column;
  }
  .home-home-workshop-detail-pill {
    width: 100%;
    justify-content: center;
  }
  .starting-soon-main-title {
    font-size: var(--font-size-xl);
  }
  .starting-soon-subtitle {
    font-size: var(--font-size-sm);
  }
  .featured-workshop-title {
    font-size: var(--font-size-lg);
  }
  .featured-workshop-subheading {
    font-size: var(--font-size-sm);
  }
  .featured-workshop-details {
    gap: var(--spacing-xs);
    flex-direction: column;
  }
  .other-workshop-title {
    font-size: var(--font-size-base);
  }
  .app-download-promo-section {
    padding: 40px 16px;
  }
  .app-download-promo-card {
    gap: 28px;
    padding: 28px 20px;
  }
  .app-download-promo-visual {
    height: 280px;
  }
  .app-promo-title {
    font-size: 1.625rem;
  }
  .app-mockup-primary {
    right: 10%;
    width: 160px;
    height: 320px;
  }
  .app-mockup-secondary {
    left: 10%;
    width: 130px;
    height: 260px;
  }
  .app-promo-glow-accent {
    width: 300px;
    height: 300px;
  }
  .home-live-workshops-section {
    padding: 2.5rem 1rem;
  }
  .workshop-card-feature-description {
    font-size: var(--font-size-sm);
  }
  .workshop-card-meta-text {
    font-size: var(--font-size-sm);
  }
  .home-testimonials-container1 {
    padding: 0 var(--spacing-sm);
  }
  .testimonials-heading {
    font-size: var(--font-size-lg);
  }
  .home-testimonial-card1 {
    width: 85%;
    padding: var(--spacing-md);
    min-width: 260px;
  }
  .home-testimonial-quote {
    font-size: var(--font-size-xs);
  }
  .home-testimonials-container2 {
    padding: 0 var(--spacing-sm);
  }
  .home-testimonial-card2 {
    width: 85%;
    padding: var(--spacing-md);
    min-width: 260px;
  }
  .home-testimonial-quote1 {
    font-size: var(--font-size-xs);
  }
  .video-card-mobile {
    flex: 0 0 90%;
  }
  .video-label-pill {
    padding: 6px var(--spacing-sm);
    font-size: var(--font-size-xs);
  }
  .podcast-hero-content {
    gap: 0.75rem;
  }
  .filter-pill {
    padding: 0.4rem 0.875rem;
    font-size: 0.75rem;
  }
  .podcast-description {
    font-size: var(--font-size-sm);
  }
  .podcast-tag {
    padding: 0.3rem 0.75rem;
    font-size: 0.7rem;
  }
  .home-podcast-card {
    flex: 0 0 90%;
  }
  .home-home-podcast-card {
    flex: 0 0 90%;
  }
  .calendar-subscribe-section {
    padding: 40px 16px;
  }
  .calendar-subscribe-card {
    padding: 24px;
    border-radius: 12px;
  }
  .calendar-badge-pill {
    padding: 5px 14px;
    font-size: 12px;
  }
  .calendar-heading {
    font-size: 22px;
  }
  .calendar-subheading {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .calendar-whatsapp-button {
    padding: 12px 24px;
    font-size: 15px;
  }
  .calendar-decorative-dots {
    margin-top: 24px;
  }
  .home-nirvana-hero-spiritual-paragraph1 {
    font-size: 15px;
  }
  .home-home-nirvana-hero-spiritual-stat-card2 {
    padding: 14px 10px;
  }
  .home-nirvana-hero-spiritual-stat-number1 {
    font-size: 24px;
  }
  .home-home-nirvana-hero-spiritual-stat-label1 {
    font-size: 11px;
  }
  .home-video-testimonials-title {
    font-size: var(--font-size-xl);
  }
  .home-video-testimonials-title1 {
    font-size: var(--font-size-xl);
  }
  .home-testimonials-cta-btn {
    padding: var(--spacing-sm) var(--spacing-xl);
    font-size: var(--font-size-sm);
  }
  .home-testimonial-card3 {
    flex: 0 0 90%;
    padding: var(--spacing-md);
  }
  .home-testimonial-text {
    font-size: var(--font-size-sm);
  }
  .home-testimonial-name {
    font-size: var(--font-size-xs);
  }
  .home-home-workshop-card1 {
    width: 90%;
  }
  .home-home-home-workshop-detail-pill {
    width: 100%;
    justify-content: center;
  }
  .featured-workshops-card-title {
    font-size: var(--font-size-lg);
  }
  .featured-workshops-description {
    font-size: var(--font-size-sm);
  }
  .starting-soon-spiritual-title {
    font-size: var(--font-size-lg);
  }
  .starting-soon-spiritual-subtitle {
    font-size: var(--font-size-sm);
  }
  .starting-soon-spiritual-card-content {
    padding: 16px;
  }
  .starting-soon-spiritual-btn-waitlist {
    padding: 12px 20px;
    font-size: var(--font-size-sm);
  }
  .nirvana-nav-container {
    gap: var(--spacing-md);
  }
  .nirvana-nav-cta-btn {
    padding: 0.25rem 0.75rem;
    font-size: var(--font-size-xs);
  }
  .nirvana-nav-mobile-menu-content {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .nirvana-nav-mobile-header {
    margin-bottom: var(--spacing-2xl);
  }
  .nirvana-nav-logo-image {
    height: 32px;
  }
  .home-nirvana-nav-mobile-link {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .home-nirvana-nav-mobile-link1 {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .home-popular-workshops-section {
    padding: var(--spacing-xl) 0;
  }
  .home-popular-workshops-header {
    padding: 0 var(--spacing-md);
    margin-bottom: 24px;
  }
  .popular-workshops-title {
    font-size: var(--font-size-2xl);
  }
  .popular-workshop-card-mobile {
    flex: 0 0 90%;
  }
  .popular-workshop-card-mobile  .workshop-detail-text {
    font-size: var(--font-size-xs);
  }
  .popular-workshop-card-mobile   .workshop-detail-text {
    font-size: var(--font-size-xs);
  }
  .popular-workshop-card-mobile    .workshop-detail-text {
    font-size: var(--font-size-xs);
  }
  .home-podcasts-title1 {
    font-size: var(--font-size-xl);
  }
  .home-podcasts-subtitle1 {
    font-size: var(--font-size-sm);
  }
  .home-podcast-content {
    padding: var(--spacing-md);
  }
  .home-podcast-title1 {
    font-size: var(--font-size-base);
  }
  .home-podcasts-title2 {
    font-size: var(--font-size-xl);
  }
  .home-podcasts-subtitle2 {
    font-size: var(--font-size-sm);
  }
  .home-podcast-content1 {
    padding: var(--spacing-md);
  }
  .home-podcast-card-title {
    font-size: var(--font-size-base);
  }
  .starting-soon-light-section {
    padding: var(--spacing-xl) 0;
  }
  .starting-soon-light-header {
    margin-bottom: var(--spacing-xl);
  }
  .home-starting-soon-card-inner {
    padding: var(--spacing-md);
  }
  .starting-soon-status-pill {
    top: var(--spacing-md);
    left: var(--spacing-md);
    padding: 6px var(--spacing-sm);
  }
  .home-starting-soon-image-wrapper2 {
    margin-bottom: var(--spacing-md);
  }
  .home-starting-soon-card-title2 {
    font-size: var(--font-size-lg);
  }
  .home-starting-soon-card-description2 {
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-md);
  }
  .starting-soon-details-row {
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
  }
  .starting-soon-cta-button {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-sm);
  }
  .starting-soon-detail-text {
    font-size: var(--font-size-xs);
  }
  .starting-soon-card-dark {
    flex: 0 0 90%;
    min-width: 90%;
  }
  .workshop-card-compact-cta-row {
    width: 100%;
    flex-direction: column;
  }
  .homepopularworkshops_compact-popular-workshop-card-mobile {
    flex: 0 0 85%;
    min-width: 85%;
  }
  .workshop-card-compact-btn-primary {
    width: 100%;
    text-align: center;
  }
  .workshop-card-compact-btn-secondary {
    width: 100%;
    text-align: center;
  }
  .home-popular-workshop-card-mobile {
    flex: 0 0 85%;
    min-width: 85%;
  }
  .popular-workshops-compact-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .home-workshop-card-compact-details {
    gap: var(--spacing-xs);
    flex-direction: column;
  }
  .home-popular-workshop-card-mobile1 {
    min-width: 85%;
  }
  .home-workshop-detail-chip {
    width: 100%;
    justify-content: center;
  }
  .home-workshop-card-mobile-image-wrapper {
    height: 200px;
  }
  .homepopularworkshops_compact-workshop-card-compact-details {
    gap: var(--spacing-xs);
    flex-direction: column;
  }
  .homepopularworkshops_compact-popular-workshop-card-mobile1 {
    min-width: 85%;
  }
  .homepopularworkshops_compact-workshop-detail-chip {
    width: 100%;
    justify-content: center;
  }
  .homepopularworkshops_compact-workshop-card-mobile-image-wrapper {
    height: 200px;
  }
  .home-popular-workshops-track {
    padding: 0 7.5% 10px 7.5%;
  }
  .home-popular-workshop-card-mobile2 {
    flex: 0 0 85%;
    min-width: 85%;
  }
  .home-popular-workshop-card-mobile3 {
    flex: 0 0 90%;
  }
  .home-popular-workshop-card-mobile3  .workshop-detail-text {
    font-size: var(--font-size-xs);
  }
  .home-home-popular-workshop-card-mobile2 {
    flex: 0 0 85%;
    min-width: 85%;
  }
  .home-popular-workshop-card-mobile4 {
    flex: 0 0 90%;
  }
  .home-popular-workshop-card-mobile4  .workshop-detail-text {
    font-size: var(--font-size-xs);
  }
  .home-home-popular-workshop-card-mobile21 {
    flex: 0 0 85%;
    min-width: 85%;
  }
  .text-testimonials-title {
    font-size: var(--font-size-2xl);
  }
  .text-testimonials-subtitle {
    font-size: var(--font-size-base);
  }
  .testimonial-list-wrapper {
    max-height: 500px;
  }
  .texttestimonials_twocolumn-testimonials-container {
    padding: 0 var(--spacing-sm);
  }
  .texttestimonials_twocolumn-testimonial-list-wrapper {
    height: 280px;
    border-radius: var(--border-radius-md);
  }
  .texttestimonials_twocolumn-testimonial-card1 {
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--border-radius-sm);
  }
  .texttestimonials_twocolumn-testimonial-quote1 {
    font-size: var(--font-size-xs);
    line-height: 1.6;
  }
  .texttestimonials_twocolumn-testimonial-stars {
    font-size: var(--font-size-xs);
  }
  .texttestimonials_twocolumn-testimonial-verified-badge {
    padding: 3px 6px;
    font-size: 10px;
  }
  .letters-layout {
    grid-template-columns: repeat(2, 1fr);
  }
  .letter-reader-footer {
    gap: var(--spacing-sm);
    flex-wrap: wrap;
  }
  .letter-reader-counter {
    order: -1;
    flex-basis: 100%;
    text-align: center;
  }
  .letter-reader-nav  span {
    display: none;
  }
  .lettertestimonialsgallery-letters-layout {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  .letter-card-caption {
    padding: var(--spacing-sm);
  }
  .home-letters-layout {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  .letters-gallery-container {
    padding: 0 16px;
  }
  .letters-grid {
    gap: 16px;
  }
  .home-letters-layout1 {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  .NirvanaAppDownloadSection_Dark {
    padding: var(--spacing-xl) var(--spacing-sm);
  }
  .nirvana-app-download-box {
    gap: 24px;
    padding: 24px;
    border-radius: 16px;
  }
  .home-app-mockup-image1 {
    max-width: 200px;
    border-radius: 24px;
  }
  .app-availability-pill {
    padding: 6px 16px;
  }
  .app-download-heading {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }
  .app-download-subheading {
    font-size: var(--font-size-base);
  }
  .app-benefits-list {
    gap: 14px;
  }
  .pill-text {
    font-size: var(--font-size-xs);
  }
  .app-platform-btn {
    padding: 12px 20px;
    font-size: var(--font-size-sm);
  }
  .benefit-icon-wrapper {
    width: 24px;
    height: 24px;
  }
  .home-benefit-text {
    font-size: var(--font-size-sm);
  }
  .home-platform-icon {
    width: 18px;
    height: 18px;
  }
  .faq-header {
    padding: var(--spacing-sm) var(--spacing-md);
    min-height: 52px;
  }
  .faq-body-inner {
    padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  }
  .home-podcasts-title3 {
    font-size: var(--font-size-xl);
  }
  .home-podcasts-subtitle3 {
    font-size: var(--font-size-sm);
  }
  .podcasts-track {
    padding: 0 var(--spacing-sm) var(--spacing-md);
  }
  .podcast-modal-overlay {
    padding: var(--spacing-sm);
  }
  .home-podcast-modal-close3 {
    width: 36px;
    height: 36px;
    font-size: var(--font-size-xl);
  }
  .letters-fs-section {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  .letters-fs-header {
    margin-bottom: var(--spacing-2xl);
  }
  .letters-fs-grid {
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-2xl);
    grid-template-columns: 1fr;
  }
  .letters-fs-view-more-btn {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
  }
  .letters-fs-title {
    font-size: var(--font-size-2xl);
  }
  .letters-fs-subtitle {
    font-size: var(--font-size-base);
  }
  .letters-fs-meta {
    padding: var(--spacing-md);
  }
  .home-letters-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .letters-showcase-title {
    font-size: var(--font-size-2xl);
  }
  .home-letter-lightbox-nav-btn {
    width: 48px;
    padding: var(--spacing-md);
  }
  .home-letter-lightbox-nav-btn  span {
    display: none;
  }
  .lightbox-content-wrapper {
    max-width: 95vw;
  }
  .lightbox-image-container {
    max-height: calc(90vh - 80px);
    margin-bottom: var(--spacing-md);
  }
  .lightbox-image {
    max-height: calc(90vh - 80px);
  }
  .mobile-badge-pill {
    gap: 3px;
    padding: 3px 7px;
    font-size: 10px;
  }
  .mobile-badge-pill-icon {
    width: 10px;
    height: 10px;
  }
  .mobile-badge-pill-dot {
    width: 5px;
    height: 5px;
  }
  .mala-inner {
    gap: 5px;
    max-width: 160px;
  }
  .mala-bead-small {
    width: 5px;
    height: 5px;
  }
  .mala-bead-main {
    width: 7px;
    height: 7px;
  }
  .app-download-content-col {
    padding: 32px 24px;
  }
  .app-download-image-col {
    min-height: 280px;
  }
  .app-download-headline {
    font-size: 26px;
    margin-bottom: 12px;
  }
  .home-app-download-subheading {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .app-download-features-list {
    gap: 14px;
    margin-bottom: 28px;
  }
  .app-download-buttons-row {
    margin-bottom: 16px;
  }
  .home-container32 {
    display: none;
  }
  .home-container51 {
    display: none;
  }
  .thq-nirvana-hero-spiritual-instructor-image-mobile-elm {
    height: auto;
  }
  .home-nirvana-hero-spiritual-heading1 {
    font-size: 26px;
  }
  .thq-nirvana-hero-spiritual-heading-elm {
    font-size: 32px;
  }
  .home-nirvana-hero-spiritual-paragraph2 {
    font-size: 15px;
  }
  .text17 {
    font-size: 18px;
  }
  .text19 {
    font-size: 18px;
  }
  .text21 {
    font-size: 18px;
  }
  .upcoming-live-title {
    font-size: 25px;
  }
  .upcoming-live-subtitle {
    font-size: var(--font-size-sm);
  }
  .upcoming-live-track {
    padding: 0 7.5% 10px 7.5%;
  }
  .upcoming-live-card-mobile {
    flex: 0 0 85%;
    min-width: 85%;
  }
  .upcoming-live-card-title {
    color: rgb(212, 175, 55);
  }
  .upcoming-live-mobile-badge {
    gap: 3px;
    padding: 3px 7px;
    font-size: 10px;
  }
  .upcoming-live-mobile-badge-icon {
    width: 10px;
    height: 10px;
  }
  .student-letters-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .courses-hero-section {
    padding: 60px 20px 48px 20px;
  }
  .courses-hero-container {
    padding: 0 8px;
    margin-top: 40px;
  }
  .courses-hero-content {
    gap: 24px;
    text-align: center;
    align-items: center;
  }
  .courses-hero-heading {
    font-size: 28px;
  }
  .courses-hero-description {
    margin: 0 auto;
    font-size: 15px;
    max-width: 100%;
  }
  .courses-stats-grid {
    gap: 10px;
    margin: 0 auto;
    max-width: 100%;
    justify-self: center;
    grid-template-columns: repeat(2, 1fr);
  }
  .courses-stat-card {
    padding: 14px;
  }
  .courses-btn-primary {
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
  }
  .courses-btn-secondary {
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
  }
  .courses-stat-number {
    font-size: 18px;
  }
  .courses-stat-label {
    font-size: 12px;
  }
  .courses---workshops-upcoming-live-title {
    font-size: 25px;
  }
  .courses---workshops-upcoming-live-subtitle {
    font-size: var(--font-size-sm);
  }
  .courses---workshops-upcoming-live-track {
    padding: 0;
  }
  .courses---workshops-upcoming-live-card-mobile {
    flex: 0 0 100%;
    min-width: 100%;
  }
  .courses---workshops-upcoming-live-card-title {
    color: #2a1d16;
  }
  .courses---workshops-upcoming-live-container {
    padding: 0px;
  }
  .courses---workshops-upcoming-live-title1 {
    font-size: var(--font-size-2xl);
  }
  .courses---workshops-upcoming-live-subtitle1 {
    font-size: var(--font-size-sm);
  }
  .courses---workshops-upcoming-live-card-title1 {
    color: #2c2416;
  }
  .courses---workshops-upcoming-live-mobile-body {
    padding: 16px;
  }
  .courses---workshops-upcoming-live-mobile-badge {
    gap: 3px;
    padding: 5px 10px;
    font-size: 10px;
  }
  .footer-logo-upload {
    padding: var(--spacing-xs);
    margin-bottom: var(--spacing-md);
  }
  .self-paced-section {
    padding: var(--spacing-xl) var(--spacing-sm);
  }
  .self-paced-card-content {
    padding: var(--spacing-md);
  }
  .self-paced-badges {
    gap: var(--spacing-xs);
  }
  .self-paced-badge {
    padding: 6px var(--spacing-sm);
    font-size: var(--font-size-xs);
  }
  .selfpaced-spiritual-section-heading {
    font-size: var(--font-size-2xl);
  }
  .selfpaced-spiritual-section-description {
    font-size: var(--font-size-sm);
  }
  .selfpaced-mobile-workshop-card-vertical {
    flex: 0 0 85%;
    min-width: 85%;
  }
  .selfpaced-workshop-card-heading-text {
    color: rgb(212, 175, 55);
  }
  .selfpaced-mobile-badge-chip {
    gap: 3px;
    padding: 3px 7px;
    font-size: 10px;
  }
  .selfpaced-mobile-badge-icon {
    width: 10px;
    height: 10px;
  }
  .early-access-signup {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .notify-updates-section {
    padding: 48px var(--spacing-sm);
  }
  .notify-updates-content {
    gap: var(--spacing-sm);
    padding: 1px 20px;
  }
  .notify-updates-heading {
    font-size: 1.5rem;
  }
  .notify-updates-paragraph {
    font-size: var(--font-size-base);
  }
  .notify-card-icon {
    width: 64px;
    height: 64px;
  }
  .notify-card-icon  svg {
    width: 48px;
    height: 48px;
  }
  .notify-benefit-icon {
    width: 28px;
    height: 28px;
  }
  .contact-hero-section {
    padding: var(--spacing-xl) var(--spacing-sm);
  }
  .contact-hero-title {
    font-size: 1.75rem;
  }
  .contact-methods-section {
    padding: var(--spacing-xl) var(--spacing-sm);
  }
  .contact-method-card {
    padding: var(--spacing-lg);
  }
  .contact-form-section {
    padding: var(--spacing-xl) var(--spacing-sm);
  }
  .community-section {
    padding: var(--spacing-xl) var(--spacing-sm);
  }
  .page1-contact-hero-section {
    padding-top: var(--contact-spacing-xl);
    padding-bottom: var(--contact-spacing-xl);
  }
  .contact-section-title {
    font-size: 24px;
  }
  .contact-social-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-topics-grid {
    grid-template-columns: 1fr;
  }
  .contact-social-card {
    padding: var(--contact-spacing-sm);
  }
  .contact-cta-title {
    font-size: 22px;
  }
  .page1-contact-hero-title {
    font-size: 28px;
  }
  .contact-hero-subtext {
    font-size: 15px;
  }
  .nirvana-nav-mobile-footer-buttons {
    flex-direction: column;
  }
  .courses---workshops-nirvana-nav-cta-mobile  span {
    display: none;
  }
  .home-nirvana-nav-container2 {
    gap: var(--spacing-md);
  }
  .home-nirvana-nav-mobile-menu-content2 {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .home-nirvana-nav-mobile-link2 {
    font-size: var(--font-size-lg);
  }
  .home-nirvana-nav-container3 {
    gap: var(--spacing-md);
  }
  .home-nirvana-nav-mobile-menu-content3 {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .home-nirvana-nav-mobile-link3 {
    font-size: var(--font-size-lg);
  }
  .navigationheader_new-nirvana-nav-container {
    gap: var(--spacing-md);
  }
  .navigationheader_new-nirvana-nav-mobile-menu-content {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .navigationheader_new-nirvana-nav-mobile-link {
    font-size: var(--font-size-lg);
  }
  .nirvana-header-container {
    padding: 12px 16px;
  }
  .nirvana-header-logo-image {
    height: 36px;
  }
  .contact-us-nirvana-header-container {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .podcast-hero-section {
    padding: 32px 16px;
  }
  .podcast-hero-visual {
    height: 350px;
  }
  .podcast-hero-heading {
    font-size: 1.75rem;
  }
  .podcast-stat-badge {
    gap: 8px;
    padding: 10px 12px;
  }
  .podcast-stat-episodes {
    top: 30px;
    left: -10px;
  }
  .podcast-stat-updates {
    right: -10px;
    bottom: 50px;
  }
  .podcast-deco-1 {
    width: 300px;
    height: 300px;
  }
  .podcast-deco-2 {
    width: 340px;
    height: 340px;
  }
  .podcast-artwork-border {
    width: 240px;
    height: 240px;
  }
  .podcast-stat-icon {
    width: 32px;
    height: 32px;
  }
  .contact-modal-header {
    padding: var(--spacing-md, 1rem);
  }
  .contact-modal-body {
    padding: var(--spacing-md, 1rem);
  }
  .contact-modal-title {
    font-size: var(--font-size-lg, 1.125rem);
  }
  .contact-modal-success-content {
    padding: var(--spacing-xl, 2rem) var(--spacing-md, 1rem);
  }
  .contact-us-contact-modal-backdrop {
    padding: var(--spacing-sm);
  }
  .contact-us-contact-modal-btn2 {
    width: 100%;
  }
  .contact-us-contact-modal-actions-double {
    flex-direction: column;
  }
  .contact-us-contact-modal-backdrop1 {
    padding: var(--spacing-sm);
  }
  .contact-us-contact-modal-btn3 {
    width: 100%;
  }
  .contact-us-contact-modal-actions-double1 {
    flex-direction: column;
  }
  .contact-us-contact-modal-header6 {
    padding: var(--spacing-sm) var(--spacing-md);
  }
  .contact-us-contact-modal-body5 {
    padding: var(--spacing-md);
  }
  .contact-us-contact-modal-close-btn4 {
    width: 36px;
    height: 36px;
  }
  .contact-us-contact-modal-title6 {
    font-size: var(--font-size-base);
  }
  .contact-us-contact-modal-step-indicator4 {
    font-size: var(--font-size-xs);
  }
  .contact-us-contact-modal-success-svg2 {
    width: 80px;
    height: 80px;
  }
  .contact-us-contact-modal-success-title2 {
    font-size: var(--font-size-xl);
  }
  .contact-us-contact-modal-success-text {
    font-size: var(--font-size-sm);
  }
  .enquirypopupform-backdrop {
    padding: var(--spacing-sm);
  }
  .enquirypopupform-header {
    padding: var(--spacing-md);
  }
  .enquirypopupform-body {
    padding: var(--spacing-md);
  }
  .enquirypopupform-form {
    gap: var(--spacing-md);
  }
  .contact-us-enquirypopupform-backdrop {
    padding: var(--spacing-sm, 0.75rem);
  }
  .contact-us-enquirypopupform-close-btn {
    top: var(--spacing-md, 1rem);
    right: var(--spacing-md, 1rem);
    width: 36px;
    height: 36px;
  }
  .contact-us-enquirypopupform-success {
    padding: var(--spacing-xl, 2rem) var(--spacing-md, 1rem);
  }
  .contact-us-enquirypopupform-header {
    padding: var(--spacing-xl, 2rem) var(--spacing-md, 1rem) var(--spacing-sm, 0.75rem);
  }
  .contact-us-enquirypopupform-form {
    padding: var(--spacing-md, 1rem);
  }
  .contact-us-enquirypopupform-title {
    font-size: var(--font-size-xl, 1.375rem);
  }
  .enquirypopupform-subtitle {
    font-size: var(--font-size-sm, 0.875rem);
  }
  .contact-us-enquirypopupform-success-title {
    font-size: var(--font-size-xl, 1.375rem);
  }
  .contact-us-enquirypopupform-btn {
    padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.5rem);
    font-size: var(--font-size-sm, 0.875rem);
  }
  .contact-us-enquirypopupform-field {
    margin-bottom: var(--spacing-lg, 1.5rem);
  }
  .privacy-hero-section {
    padding: var(--spacing-2xl) var(--spacing-sm);
  }
  .privacy-hero-trust-badges {
    gap: var(--spacing-xs);
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
  }
  .privacy-hero-badge {
    flex: 0 0 auto;
    width: auto;
    padding: 6px 10px;
    max-width: none;
    min-width: 0;
  }
  .privacy-container {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  .privacy-main-title {
    font-size: var(--font-size-xl);
  }
  .privacy-section-title {
    font-size: var(--font-size-lg);
  }
  .privacy-policy-privacy-hero-section {
    padding: var(--spacing-xl) var(--spacing-xs);
  }
  .privacy-hero-badges {
    flex-direction: row;
    justify-content: center;
  }
  .privacy-policy-privacy-hero-heading {
    font-size: font-size-2xl;
  }
  .privacy-hero-image-wrapper {
    max-width: 240px;
  }
  .privacy-policy-privacy-hero-badge {
    width: auto;
    max-width: none;
    justify-content: center;
  }
  .terms-conditions-section {
    padding: var(--spacing-xl) 0;
  }
  .terms-conditions-container {
    padding: 0 var(--spacing-sm);
  }
  .terms-intro-text {
    padding: var(--spacing-sm);
  }
  .terms-section {
    padding: var(--spacing-sm);
  }
  .terms-divider-line {
    width: 40px;
  }
  .terms-contact-info {
    padding: var(--spacing-sm);
  }
  .terms-hero-trust-badges {
    gap: var(--spacing-sm);
    flex-direction: column;
  }
  .terms-hero-badge {
    width: 100%;
    max-width: 240px;
    justify-content: center;
  }
  .legal-declaration-banner-wrapper {
    padding: var(--spacing-xl) var(--spacing-xs);
  }
  .legal-scale-icon-container {
    width: 60px;
    height: 60px;
  }
  .legal-declaration-main-title {
    font-size: var(--font-size-3xl);
  }
  .legal-trust-indicators-row {
    flex-direction: row;
    justify-content: center;
  }
  .legal-visual-element-container {
    max-width: 240px;
  }
  .legal-scale-icon-graphic {
    width: 36px;
    height: 36px;
  }
  .legal-separator-line-element {
    width: 40px;
  }
  .legal-trust-indicator-item {
    width: auto;
    max-width: none;
    justify-content: center;
  }
  .terms-service-wrapper {
    padding: var(--spacing-lg) var(--spacing-sm);
  }
  .terms-intro-section {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
  }
  .terms-and-conditions-terms-section {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-md);
  }
  .terms-section-number {
    width: 40px;
    height: 40px;
    font-size: var(--font-size-lg);
  }
  .terms-note {
    padding: var(--spacing-md);
  }
  .nirvana-app-hero {
    padding: 10px  20px;
  }
  .nirvana-app-container {
    padding: 20 var(--spacing-md);
  }
  .nirvana-app-benefit-card {
    padding: var(--spacing-md);
  }
  .nirvana-app-benefit-icon {
    width: 48px;
    height: 48px;
    margin-bottom: var(--spacing-sm);
  }
  .nirvana-app-benefit-title {
    font-size: 1.1rem;
    margin-bottom: var(--spacing-xs);
  }
  .nirvana-app-benefit-text {
    font-size: var(--font-size-sm);
  }
  .nirvana-app-support-grid {
    grid-template-columns: 1fr;
  }
  .faq-contact-section {
    padding: var(--spacing-xl) var(--spacing-xs);
  }
  .faq-contact-item {
    border-radius: var(--border-radius-md);
  }
  .faq-contact-category-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .faq-contact-items {
    gap: var(--spacing-sm);
  }
  .contact-us-faq-contact-main-title {
    font-size: var(--font-size-xl);
  }
  .contact-us-faq-contact-main-subtitle {
    font-size: var(--font-size-sm);
  }
  .contact-us-faq-contact-category-header {
    gap: var(--spacing-sm);
  }
  .contact-us-faq-contact-question2 {
    padding: var(--spacing-sm);
  }
}