.elementor-25 .elementor-element.elementor-element-0ceebb3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-25 .elementor-element.elementor-element-a58bc05{--display:flex;}.elementor-25 .elementor-element.elementor-element-a58bc05:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-a58bc05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F6B3DC 0%, #FFFFFF 100%);}.elementor-25 .elementor-element.elementor-element-a58bc05.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25 .elementor-element.elementor-element-b0dca12{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:var( --e-global-color-blocksy_palette_4 );}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-a58bc05{--width:56.991%;}}/* Start custom CSS for container, class: .elementor-element-a58bc05 *//* ===== Accent & theme ===== */
:root{
  color-scheme: light dark;
  --surface: #ffffff;
  --text: #111827;
  --accent: #ec4899;                 /* pink */
  --radius: clamp(12px, 2vw, 20px);
  --shadow-1: 0 1px 2px rgba(0,0,0,.06);
  --shadow-2: 0 8px 30px rgba(0,0,0,.10);
  --ring: 0 0 0 1px color-mix(in oklab, #000 12%, transparent);

  /* Light pink page gradient */
  --pink-top: oklch(0.98 0.03 340);
  --pink-mid: oklch(0.95 0.05 340);
  --pink-bottom: oklch(0.92 0.06 340);
}

/* Fallback if oklch unsupported */
@supports not (color: oklch(0.5 0.1 0)){
  :root{
    --pink-top:#fff2f8; --pink-mid:#ffe6f2; --pink-bottom:#ffdceb;
  }
}

@media (prefers-color-scheme: dark){
  :root{
    --surface: #111315;
    --text: #e5e7eb;
    --shadow-1: 0 1px 2px rgba(0,0,0,.5);
    --shadow-2: 0 12px 36px rgba(0,0,0,.7);
    --ring: 0 0 0 1px color-mix(in oklab, #fff 14%, transparent);

    /* darker, still pink-tinted */
    --pink-top: oklch(0.22 0.06 340);
    --pink-mid: oklch(0.18 0.06 340);
    --pink-bottom: oklch(0.15 0.06 340);
  }
}

/* ===== Page background (top→bottom light pink) ===== */
html, body { min-height: 100%; }
body{
  background: linear-gradient(
    to bottom,
    var(--pink-top) 0%,
    var(--pink-mid) 45%,
    var(--pink-bottom) 100%
  );
}

/* ===== Your modern container/card ===== */
.elementor-25 .elementor-element.elementor-element-a58bc05{
  width: min(100% - 2rem, 1200px);
  margin-inline: auto;
  background: var(--surface);
  color: var(--text);
  border-radius: var(--radius);
  border: 1px solid color-mix(in oklab, var(--surface) 70%, #000 30%);
  box-shadow: var(--shadow-1), var(--shadow-2);
  padding: clamp(16px, 2.5vw, 32px);
  overflow: clip;
  transition: box-shadow .35s ease, translate .35s ease, background-color .3s;

  /* subtle pink tint inside the card (optional) */
  background-image:
    radial-gradient(80% 120% at 10% 0%,
      color-mix(in oklab, var(--surface) 96%, var(--accent) 4%) 0%,
      var(--surface) 60%);
}

/* Hover / focus */
.elementor-25 .elementor-element.elementor-element-a58bc05:hover{
  translate: 0 -2px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08), 0 18px 48px rgba(0,0,0,.14);
}
.elementor-25 .elementor-element.elementor-element-a58bc05:focus-within{
  box-shadow: var(--shadow-1), var(--shadow-2),
              0 0 0 3px color-mix(in oklab, var(--accent) 40%, transparent);
  outline: none;
}

/* Motion preference (your line was truncated) */
@media (prefers-reduced-motion: reduce){
  * { animation: none !important; transition: none !important; }
}
@media (prefers-color-scheme: dark) {
   :root, body, html {
      background: #ffffff !important; /* or your light background */
      color: #000000 !important;      /* your normal text color */
   }
   /* Prevent dark mode styles */
   * {
      color-scheme: light !important;
   }
}/* End custom CSS */