.elementor-10 .elementor-element.elementor-element-55a57a40{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.5;}.elementor-10 .elementor-element.elementor-element-55a57a40:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-55a57a40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-55a57a40::before, .elementor-10 .elementor-element.elementor-element-55a57a40 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-55a57a40 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-55a57a40 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-55a57a40 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-55a57a40 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-c65db67{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 16px;--row-gap:20px;--column-gap:16px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:24px 24px 24px 24px;--padding-top:24px;--padding-bottom:24px;--padding-left:28px;--padding-right:28px;}.elementor-10 .elementor-element.elementor-element-c65db67:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-c65db67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-5c4a9c0c{text-align:justify;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;font-style:italic;text-decoration:none;color:var( --e-global-color-c4c5e64 );}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-55a57a40{--min-height:70vh;}.elementor-10 .elementor-element.elementor-element-c65db67{--padding-top:22px;--padding-bottom:22px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-55a57a40{--min-height:64vh;}.elementor-10 .elementor-element.elementor-element-c65db67{--content-width:560px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-c65db67{--content-width:880px;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-c65db67{--content-width:720px;}}/* Start custom CSS for text-editor, class: .elementor-element-5c4a9c0c *//* Centered action row above the header */
.topics--compact .topics__actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:12px 0 8px;
}

/* Unify both buttons as subtle glass pills (Apple-y) */
.btn-pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  color: var(--text);
  font-weight: 650;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
}
.btn-pill:hover,
.btn-pill:focus-visible{
  transform: translateY(-1px);
  background: rgba(255,255,255,.16);
  border-color: var(--glass-border);
  color: var(--accent);
  box-shadow: 0 10px 26px rgba(0,0,0,.42);
  outline: none;
}

/* Keep Explore’s existing styles if you prefer — btn-explore also carries btn-pill now */
.btn-explore{}

/* Minimalist header text spacing */
.topics--compact .topics__header{
  text-align:left;
  max-width:900px;
  margin:0 auto 6px;
}
.topics--compact .topics__header .kicker{
  margin-top:6px;
  opacity:.85;
}

/* Slightly denser grid for a cleaner stack */
.topics--compact .topics__grid{
  gap:10px;
  max-width:900px;
  margin:0 auto;
}

/* Tone down each topic chip for minimalism */
.topics--compact .topic{
  padding:10px 12px;
  border-radius:12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
}
.topics--compact .topic__icon{
  width:26px; height:26px; font-size:15px;
  box-shadow: 0 6px 14px color-mix(in oklab, var(--tone) 28%, transparent);
}
.topics--compact .topic__label{
  font-weight:650;
}

/* Badges: smaller, outline-ish for a calmer look */
.topics--compact .badge{
  font-size:11px;
  padding:5px 7px;
  background: color-mix(in oklab, var(--tone) 15%, transparent);
  border: 1px solid color-mix(in oklab, var(--tone) 35%, white 0%);
  box-shadow: none;
}

/* On mobile, center the buttons; keep grid crisp */
@media (max-width: 640px){
  .topics--compact .topics__actions{ gap:8px; }
  .btn-pill{ padding:10px 16px; }
}

/* --- Equal pill sizing for action buttons --- */
.topics__actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 18px;
}

.topics__actions .btn-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;     /* ensures consistent width */
  padding: 10px 18px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 999px;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
  color: var(--text);
  text-decoration: none;
  transition: all .2s ease;
}

.topics__actions .btn-pill:hover {
  background: rgba(255,255,255,.16);
  color: var(--accent);
  box-shadow: 0 10px 28px rgba(0,0,0,.45);
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55a57a40 *//* Liquid Glass Hero Section */
.glass-hero {
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.08);
  backdrop-filter: saturate(160%) blur(18px);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.35);
  overflow: hidden;
  padding: 40px 20px;
  margin: 20px auto;
  max-width: 1200px;
}

/* Make inner text/images adapt */
.glass-hero * {
  color: #EDEDED;
}
.glass-hero h1, .glass-hero h2, .glass-hero h3 {
  color: #00E0FF; /* accent cyan for headings */
}

/* Optional: glowing hover effect */
.glass-hero:hover {
  background: rgba(255,255,255,0.12);
  box-shadow: 0 28px 60px rgba(0,224,255,0.35);
  transform: translateY(-2px);
  transition: all 0.25s ease;
}/* End custom CSS */