.Zr9fO3JsgWqKHtHjRDJ9 {
  position: relative;
  display: block;
  width: 100%;
  min-height: 180px;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid var(--border-subtle, rgba(0,0,0,0.12));
  background:
    radial-gradient(circle at 18% 12%, var(--card-accent-soft, rgba(79,107,255,0.16)), transparent 56%),
    linear-gradient(140deg, var(--surface, #ffffff), var(--surface-subtle, #f8f8f8));
  color: var(--text-primary, #111111);
  box-shadow: 0 18px 34px rgba(0,0,0,0.12);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease;
  --card-accent: var(--brand-accent, #4f6bff);
  --card-accent-soft: var(--brand-accent-soft, rgba(79,107,255,0.18));
  --card-accent-strong: var(--brand-accent-strong, rgba(79,107,255,0.42));
  --glass-ring: rgba(255,255,255,0.85);
  --glass-ring-soft: var(--card-accent-soft, rgba(79,107,255,0.2));
  --pointer-x: 50%;
  --pointer-y: 50%;
  --pointer-active: 0;
  --pointer-ambient: 0;
  --glass-card-icon-size: 18px;
  --glass-card-icon-box-size: 36px;
  --glass-card-icon-bg-size: 50%;
  --glass-card-icon-bg-opacity: 0.16;
}

.Zr9fO3JsgWqKHtHjRDJ9::before,
.Zr9fO3JsgWqKHtHjRDJ9::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 2;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.Zr9fO3JsgWqKHtHjRDJ9::before {
  background: radial-gradient(
    320px 320px at var(--pointer-x, 50%) var(--pointer-y, 50%),
    var(--glass-ring, rgba(255,255,255,0.75)) 0%,
    var(--glass-ring-soft, rgba(255,255,255,0.2)) 45%,
    rgba(255,255,255,0) 70%
  );
  opacity: var(--pointer-ambient, 0);
  transition: opacity 180ms ease;
}

.Zr9fO3JsgWqKHtHjRDJ9::after {
  background: radial-gradient(
    140px 140px at var(--pointer-x, 50%) var(--pointer-y, 50%),
    var(--glass-ring, rgba(255,255,255,0.75)) 0%,
    var(--glass-ring-soft, rgba(255,255,255,0.2)) 45%,
    rgba(255,255,255,0) 70%
  );
  opacity: var(--pointer-active, 0);
  transition: opacity 180ms ease;
}

.Zr9fO3JsgWqKHtHjRDJ9:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 42px rgba(0,0,0,0.16);
}

.Zr9fO3JsgWqKHtHjRDJ9:focus-within::after {
  opacity: 1;
}

.Zr9fO3JsgWqKHtHjRDJ9[data-theme="light"] {
  color-scheme: light;
  --surface: #ffffff;
  --surface-subtle: #f8f8f8;
  --text-primary: #111111;
  --text-muted: rgba(0,0,0,0.72);
  --border-subtle: rgba(0,0,0,0.12);
  --border-strong: rgba(0,0,0,0.2);
  --focus-ring: #111111;
  --glass-ring: rgba(255,255,255,0.9);
  --card-accent: var(--brand-accent-light, #4f6bff);
  --card-accent-soft: var(--brand-accent-light-soft, rgba(79,107,255,0.18));
  --card-accent-strong: var(--brand-accent-light-strong, rgba(79,107,255,0.42));
  --glass-ring-soft: var(--card-accent-soft, rgba(79,107,255,0.22));
}

.Zr9fO3JsgWqKHtHjRDJ9[data-theme="dark"] {
  color-scheme: dark;
  --surface: #141414;
  --surface-subtle: #1b1b1b;
  --text-primary: #f5f5f5;
  --text-muted: rgba(255,255,255,0.72);
  --border-subtle: rgba(255,255,255,0.16);
  --border-strong: rgba(255,255,255,0.28);
  --focus-ring: #f5f5f5;
  --glass-ring: rgba(255,255,255,0.72);
  --card-accent: var(--brand-accent-dark, #9db0ff);
  --card-accent-soft: var(--brand-accent-dark-soft, rgba(157,176,255,0.25));
  --card-accent-strong: var(--brand-accent-dark-strong, rgba(157,176,255,0.45));
  --glass-ring-soft: var(--card-accent-soft, rgba(157,176,255,0.3));
}

.Zr9fO3JsgWqKHtHjRDJ9[data-accent-tone="silver"] {
  --card-accent: var(--brand-accent-silver, #9ea6b4);
  --card-accent-soft: var(--brand-accent-silver-soft, rgba(158,166,180,0.18));
  --card-accent-strong: var(--brand-accent-silver-strong, rgba(158,166,180,0.4));
}

.Zr9fO3JsgWqKHtHjRDJ9[data-theme="light"][data-accent-tone="silver"] {
  --card-accent: var(--brand-accent-silver-light, #8d96a6);
  --card-accent-soft: var(--brand-accent-silver-light-soft, rgba(141,150,166,0.2));
  --card-accent-strong: var(--brand-accent-silver-light-strong, rgba(141,150,166,0.36));
}

.Zr9fO3JsgWqKHtHjRDJ9[data-theme="dark"][data-accent-tone="silver"] {
  --card-accent: var(--brand-accent-silver-dark, #c2c9d4);
  --card-accent-soft: var(--brand-accent-silver-dark-soft, rgba(194,201,212,0.24));
  --card-accent-strong: var(--brand-accent-silver-dark-strong, rgba(194,201,212,0.4));
}

.Zr9fO3JsgWqKHtHjRDJ9[style*="--card-accent"] {
  --card-accent-soft: var(--card-accent-soft, rgba(79,107,255,0.18));
  --card-accent-strong: var(--card-accent-strong, rgba(79,107,255,0.42));
}

@supports (color: color-mix(in srgb, #000 0%, #000 100%)) {
  .Zr9fO3JsgWqKHtHjRDJ9[style*="--card-accent"] {
    --card-accent-soft: color-mix(in srgb, var(--card-accent) 22%, transparent);
    --card-accent-strong: color-mix(in srgb, var(--card-accent) 54%, transparent);
  }
}

.oKO3hLZo9UNfgyazcM6o {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ceYucGBkPXwJEsjyO0LG {
  width: var(--glass-card-icon-box-size, 36px);
  height: var(--glass-card-icon-box-size, 36px);
  border-radius: 10px;
  border: 1px solid var(--border-subtle, rgba(0,0,0,0.12));
  background: linear-gradient(145deg, rgba(255,255,255,0.18), rgba(255,255,255,0.06));
  display: grid;
  place-items: center;
  overflow: hidden;
}

.DSHDllhFuJoVx0GqKtq0 {
  width: var(--glass-card-icon-size, 18px);
  height: var(--glass-card-icon-size, 18px);
  object-fit: contain;
  display: block;
}

.Zr9fO3JsgWqKHtHjRDJ9[data-icon-mode="standalone"] .ceYucGBkPXwJEsjyO0LG {
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.PgqV0V3jUuw3QVB_g9S_ {
  position: absolute;
  right: 6%;
  bottom: 10%;
  width: var(--glass-card-icon-bg-size, 50%);
  max-width: 62%;
  min-width: 40%;
  height: auto;
  object-fit: contain;
  opacity: var(--glass-card-icon-bg-opacity, 0.16);
  filter: grayscale(0.12);
  pointer-events: none;
  z-index: 1;
}

.JD67d58ciMg5AWhzQToQ {
  margin: 0;
  font-size: var(--glass-card-title-size, clamp(18px, 1.7vw, 24px));
  line-height: 1.2;
  font-weight: 720;
  color: var(--text-primary, #111111);
}

.EAKBKWJ5WYXmKtEirPIQ {
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-muted, rgba(0,0,0,0.72));
}

.EAKBKWJ5WYXmKtEirPIQ p {
  margin: 0 0 8px;
}

.EAKBKWJ5WYXmKtEirPIQ p:last-child {
  margin-bottom: 0;
}

.EAKBKWJ5WYXmKtEirPIQ ul {
  margin: 0;
  padding-left: 18px;
}

.EAKBKWJ5WYXmKtEirPIQ li + li {
  margin-top: 4px;
}

.PCjUuW3mVfc8fGt2LvWu {
  margin-top: 4px;
  align-self: flex-start;
}

.Zr9fO3JsgWqKHtHjRDJ9[data-theme="light"] .PCjUuW3mVfc8fGt2LvWu [data-variant="outlined"]:not([data-theme="dark"]) {
  --button-text: #1b1b1b;
  --button-text-hover: #1b1b1b;
}

.krPHFchBiLWBfVtvPAAf {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--text-muted, rgba(0,0,0,0.72));
}

.oKO3hLZo9UNfgyazcM6o :focus-visible {
  outline: 2px solid var(--focus-ring, #111111);
  outline-offset: 3px;
  border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
  .Zr9fO3JsgWqKHtHjRDJ9,
  .Zr9fO3JsgWqKHtHjRDJ9::before,
  .Zr9fO3JsgWqKHtHjRDJ9::after {
    transition: none;
  }
}

.o6FSh2wUk3osXDKyjpiF {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gap);
  padding: var(--button-padding-y) var(--button-padding-x);
  border-radius: var(--button-radius);
  border: 1px solid var(--button-border);
  background: var(--button-bg);
  color: var(--button-text);
  font: inherit;
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  text-decoration: none;
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
  min-height: var(--button-min-height);
  white-space: nowrap;
  overflow: hidden;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  --button-radius: 8px;
  --button-padding-y: 10px;
  --button-padding-x: 16px;
  --button-gap: 10px;
  --button-font-size: 14px;
  --button-font-weight: 500;
  --button-letter-spacing: -0.005em;
  --button-line-height: 1.1;
  --button-min-height: 38px;
  --button-bg: #0f0f0f;
  --button-border: #1f1f1f;
  --button-text: #ffffff;
  --button-bg-hover: #181818;
  --button-border-hover: #2a2a2a;
  --button-text-hover: #ffffff;
  --button-focus: #111111;
  --glass-ring: rgba(255,255,255,0.8);
  --glass-ring-soft: rgba(255,255,255,0.22);
  --pointer-x: 50%;
  --pointer-y: 50%;
  --pointer-active: 0;
  --pointer-ambient: 0;
  --icon-wrap-size: 24px;
  --icon-radius: 6px;
  --icon-size: 14px;
  --icon-fallback-size: 10px;
  --icon-fallback-radius: 4px;
  --arrow-size: 24px;
  --arrow-radius: 6px;
  --arrow-font-size: 14px;
  --arrow-translate-hover: 1px;
  --icon-bg: rgba(0,0,0,0.04);
  --icon-border: var(--button-border);
  --icon-color: currentColor;
  --arrow-bg: transparent;
  --arrow-border: var(--button-border);
  --arrow-color: currentColor;
}

.o6FSh2wUk3osXDKyjpiF::before,
.o6FSh2wUk3osXDKyjpiF::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 2;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.o6FSh2wUk3osXDKyjpiF::before {
  background: radial-gradient(
    180px 180px at var(--pointer-x, 50%) var(--pointer-y, 50%),
    var(--glass-ring, rgba(255,255,255,0.7)) 0%,
    var(--glass-ring-soft, rgba(255,255,255,0.2)) 45%,
    rgba(255,255,255,0) 70%
  );
  opacity: var(--pointer-ambient, 0);
  transition: opacity 160ms ease;
}

.o6FSh2wUk3osXDKyjpiF::after {
  background: radial-gradient(
    120px 120px at var(--pointer-x, 50%) var(--pointer-y, 50%),
    var(--glass-ring, rgba(255,255,255,0.7)) 0%,
    var(--glass-ring-soft, rgba(255,255,255,0.2)) 45%,
    rgba(255,255,255,0) 70%
  );
  opacity: var(--pointer-active, 0);
  transition: opacity 160ms ease;
}

.o6FSh2wUk3osXDKyjpiF:hover {
  background: var(--button-bg-hover);
  border-color: var(--button-border-hover);
  color: var(--button-text-hover, var(--button-text));
}

.o6FSh2wUk3osXDKyjpiF:focus-visible {
  outline: 2px solid var(--button-focus);
  outline-offset: 3px;
}

.o6FSh2wUk3osXDKyjpiF:focus-visible::after {
  opacity: 1;
}

.o6FSh2wUk3osXDKyjpiF[data-variant="outlined"] {
  --button-bg: #ededed;
  --button-border: #d2d2d2;
  --button-text: #1b1b1b;
  --button-bg-hover: #e6e6e6;
  --button-border-hover: #c7c7c7;
  --icon-bg: rgba(0,0,0,0.02);
  --icon-border: #d2d2d2;
  --arrow-border: #d2d2d2;
}

.o6FSh2wUk3osXDKyjpiF[data-variant="ghost"] {
  --button-bg: transparent;
  --button-border: rgba(0,0,0,0.2);
  --button-text: #1b1b1b;
  --button-bg-hover: rgba(0,0,0,0.04);
  --button-border-hover: rgba(0,0,0,0.28);
  --icon-bg: transparent;
  --icon-border: rgba(0,0,0,0.22);
  --arrow-border: rgba(0,0,0,0.22);
}

.o6FSh2wUk3osXDKyjpiF[data-size="small"] {
  --button-padding-y: 5px;
  --button-padding-x: 12px;
  --button-font-size: 12px;
  --button-min-height: 26px;
  --button-gap: 8px;
  --icon-wrap-size: 20px;
  --icon-radius: 5px;
  --icon-size: 12px;
  --icon-fallback-size: 8px;
  --icon-fallback-radius: 4px;
  --arrow-size: 20px;
  --arrow-radius: 5px;
  --arrow-font-size: 12px;
}

.o6FSh2wUk3osXDKyjpiF[data-size="large"] {
  --button-padding-y: 12px;
  --button-padding-x: 18px;
  --button-font-size: 15px;
  --button-min-height: 44px;
  --button-gap: 12px;
  --icon-wrap-size: 28px;
  --icon-radius: 7px;
  --icon-size: 16px;
  --icon-fallback-size: 12px;
  --icon-fallback-radius: 6px;
  --arrow-size: 26px;
  --arrow-radius: 7px;
  --arrow-font-size: 15px;
}

.o6FSh2wUk3osXDKyjpiF[data-theme="light"] {
  color-scheme: light;
}

.o6FSh2wUk3osXDKyjpiF[data-theme="dark"] {
  color-scheme: dark;
  --button-bg: #ffffff;
  --button-border: rgba(255,255,255,0.75);
  --button-text: #0f0f0f;
  --button-bg-hover: #f2f2f2;
  --button-border-hover: rgba(255,255,255,0.9);
  --button-text-hover: #0f0f0f;
  --button-focus: #f5f5f5;
  --glass-ring: rgba(255,255,255,0.55);
  --glass-ring-soft: rgba(255,255,255,0.16);
  --icon-bg: rgba(255,255,255,0.08);
  --icon-border: rgba(255,255,255,0.2);
}

.o6FSh2wUk3osXDKyjpiF[data-theme="dark"][data-variant="outlined"] {
  --button-bg: #232323;
  --button-border: #333333;
  --button-text: #f5f5f5;
  --button-bg-hover: #2b2b2b;
  --button-border-hover: #404040;
  --button-text-hover: #ffffff;
  --icon-border: #333333;
  --arrow-border: #333333;
}

.o6FSh2wUk3osXDKyjpiF[data-theme="light"][data-variant="outlined"],
.o6FSh2wUk3osXDKyjpiF[data-theme="light"][data-variant="ghost"] {
  --button-text-hover: #1b1b1b;
}

.o6FSh2wUk3osXDKyjpiF[data-theme="dark"][data-variant="ghost"] {
  --button-bg: transparent;
  --button-border: rgba(255,255,255,0.22);
  --button-text: #f5f5f5;
  --button-text-hover: #ffffff;
  --button-bg-hover: rgba(255,255,255,0.08);
  --button-border-hover: rgba(255,255,255,0.32);
  --icon-bg: transparent;
  --icon-border: rgba(255,255,255,0.22);
  --arrow-border: rgba(255,255,255,0.22);
}

html[data-theme="dark"] .o6FSh2wUk3osXDKyjpiF:not([data-theme]) {
  color-scheme: dark;
  --button-bg: #ffffff;
  --button-border: rgba(255,255,255,0.75);
  --button-text: #0f0f0f;
  --button-bg-hover: #f2f2f2;
  --button-border-hover: rgba(255,255,255,0.9);
  --button-text-hover: #0f0f0f;
  --button-focus: #f5f5f5;
  --glass-ring: rgba(255,255,255,0.55);
  --glass-ring-soft: rgba(255,255,255,0.16);
  --icon-bg: rgba(255,255,255,0.08);
  --icon-border: rgba(255,255,255,0.2);
}

html[data-theme="dark"] .o6FSh2wUk3osXDKyjpiF:not([data-theme])[data-variant="outlined"] {
  --button-bg: #232323;
  --button-border: #333333;
  --button-text: #f5f5f5;
  --button-bg-hover: #2b2b2b;
  --button-border-hover: #404040;
  --button-text-hover: #ffffff;
  --icon-border: #333333;
  --arrow-border: #333333;
}

html[data-theme="dark"] .o6FSh2wUk3osXDKyjpiF:not([data-theme])[data-variant="ghost"] {
  --button-bg: transparent;
  --button-border: rgba(255,255,255,0.22);
  --button-text: #f5f5f5;
  --button-text-hover: #ffffff;
  --button-bg-hover: rgba(255,255,255,0.08);
  --button-border-hover: rgba(255,255,255,0.32);
  --icon-bg: transparent;
  --icon-border: rgba(255,255,255,0.22);
  --arrow-border: rgba(255,255,255,0.22);
}

.TC6KHTC2SEZ6Po4UM1W7 {
  position: relative;
  z-index: 1;
}

.tn0pSBepIyOBDxHuouIl {
  width: var(--icon-wrap-size);
  height: var(--icon-wrap-size);
  border-radius: var(--icon-radius);
  display: grid;
  place-items: center;
  background: var(--icon-bg);
  border: 1px solid var(--icon-border);
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}

.I9J43D9DYNk4_S8g4WtI {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: contain;
  display: block;
}

.pDhuujEP6sn638v_RmmC {
  width: var(--icon-fallback-size);
  height: var(--icon-fallback-size);
  border-radius: var(--icon-fallback-radius);
  background: var(--icon-color);
  opacity: 0.7;
  display: block;
}

.PhqiTC9_PeneNJGvoeDC {
  width: var(--arrow-size);
  height: var(--arrow-size);
  border-radius: var(--arrow-radius);
  display: grid;
  place-items: center;
  border: 1px solid var(--arrow-border);
  background: var(--arrow-bg);
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  transition: transform 150ms ease;
  color: var(--arrow-color);
}

.AvvfYCWOPnDNAJR5rnHD {
  font-size: var(--arrow-font-size);
  line-height: 1;
}

.o6FSh2wUk3osXDKyjpiF:hover .PhqiTC9_PeneNJGvoeDC {
  transform: translateX(var(--arrow-translate-hover));
}

@media (max-width: 720px) {
  .o6FSh2wUk3osXDKyjpiF {
    --button-padding-y: 9px;
    --button-padding-x: 14px;
    --button-font-size: 13px;
    --icon-wrap-size: 22px;
    --arrow-size: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .o6FSh2wUk3osXDKyjpiF,
  .o6FSh2wUk3osXDKyjpiF::before,
  .o6FSh2wUk3osXDKyjpiF::after,
  .PhqiTC9_PeneNJGvoeDC {
    transition: none;
  }
}