/* Original web components, informed by Apple's public design guidance.
   No Apple UI Kit assets, SF font files, proprietary code or native framework. */
:root {
  --control-blue: #0071e3;
  --control-blue-hover: #0076df;
  --control-blue-pressed: #006edb;
  --control-ease: cubic-bezier(.22,.72,.18,1);
}

/* Apple.com-style hierarchy: quiet capsules, regular type and small responses. */
html.apple-web body .btn.btn,
html.apple-web body .checkout .btn.btn {
  min-height: 44px !important;
  border-radius: 980px !important;
  padding: 11px 21px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 1.3;
  letter-spacing: -.016em !important;
  text-decoration: none;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 220ms var(--control-ease) !important;
}
html.apple-web body .btn.btn::before,
html.apple-web body .btn.btn::after,
html.apple-web body .btn.btn .action-arrow { display: none !important; }

html.apple-web body :is(#servicii, #locatii, #seminarii, #cursuri-online, footer) .btn.btn,
html.apple-web body .apple-panel .btn.btn,
html.apple-web body .checkout .package-whatsapp.btn {
  color: #0066cc !important;
  border: 1px solid #0066cc !important;
  background: transparent !important;
}
html.apple-web body #programare .actions .btn.btn,
html.apple-web body .signup-form .btn.btn,
html.apple-web body .apple-panel .btn.btn.is-primary,
html.apple-web body .checkout .checkout-call.btn {
  background: var(--control-blue) !important;
  border: 1px solid var(--control-blue) !important;
  color: #fff !important;
}
html.apple-web body .apple-panel:nth-of-type(3) .btn.btn {
  color: #fff !important;
  border-color: var(--control-blue) !important;
  background: var(--control-blue) !important;
}
html.apple-web body .premium-section .btn.btn,
html.apple-web body .individual-course .btn.btn {
  color: #1d1d1f !important;
  background: #f5f5f7 !important;
  border: 1px solid #f5f5f7 !important;
}
html.apple-web.checkout-vip-mode body .checkout .package-whatsapp.btn {
  color: #91c5ff !important;
  border-color: #91c5ff !important;
}
html.apple-web body .btn.btn:focus-visible,
html.apple-web body .gallery-photo:focus-visible {
  outline: 3px solid #0071e3 !important;
  outline-offset: 4px !important;
}
@media (hover: hover) and (pointer: fine) {
  html.apple-web body .btn.btn:hover,
  html.apple-web body :is(#servicii,#locatii,#seminarii,#cursuri-online,#programare,#premium-vip,#curs-individual,footer,.checkout,.apple-panel,.signup-form) .btn.btn.btn:hover {
    transform: none !important;
    background: var(--control-blue-hover) !important;
    border-color: var(--control-blue-hover) !important;
    color: #fff !important;
  }
}

/* Final geometry: About keeps a rounded gallery-like silhouette without an
   oversized pill effect on the wider card. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  width: min(100%, 820px) !important;
  max-width: 820px !important;
  padding-block: clamp(34px, 4vw, 54px) !important;
  border-radius: 64px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 64px) !important;
}
html.apple-web body #despre .about-text-only > div::before,
html.apple-web body #despre .about-text-only > div::after { border-radius: 64px !important; }
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-inline: 12px !important;
    padding-block: 30px !important;
    border-radius: 44px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 44px) !important;
  }
  html.apple-web body #despre .about-text-only > div::before,
  html.apple-web body #despre .about-text-only > div::after { border-radius: 44px !important; }
}
/* Verified final width: compact resting card, centered in its section. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  width: min(80%, 880px) !important;
  max-width: 880px !important;
  margin-inline: auto !important;
}
html.apple-web body #despre .stats-top .stat,
html.apple-web body #despre .locations-title {
  display: flex !important;
  gap: 30px !important;
  align-items: baseline !important;
  white-space: nowrap !important;
}
html.apple-web body #despre .stats-top .stat b,
html.apple-web body #despre .locations-title b {
  flex: 0 0 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  text-align: right !important;
}
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-inline: 16px !important;
  }
  html.apple-web body #despre .stats-top .stat,
  html.apple-web body #despre .locations-title { gap: 20px !important; }
  html.apple-web body #despre .stats-top .stat b,
  html.apple-web body #despre .locations-title b { flex-basis: 52px !important; width: 52px !important; min-width: 52px !important; }
}

/* Authoritative final overrides for the About card. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  width: min(80%, 880px) !important;
  max-width: 880px !important;
}

/* Source-folder parity for Gallery and Premium VIP controls. */
html.apple-web body :is(#galerie, #premium-vip) .editorial-accent { font-style: normal !important; }
html.apple-web body :is(#galerie, #premium-vip) .action-arrow { display: none !important; }
html.apple-web body #despre .stats-top .stat,
html.apple-web body #despre .locations-title {
  display: flex !important;
  gap: 30px !important;
  align-items: baseline !important;
  overflow: visible !important;
}
html.apple-web body #despre .stats-top .stat b,
html.apple-web body #despre .locations-title b {
  flex: 0 0 64px !important;
  width: 64px !important;
  min-width: 64px !important;
}
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-inline: 16px !important;
  }
  html.apple-web body #despre .stats-top .stat,
  html.apple-web body #despre .locations-title { gap: 20px !important; }
  html.apple-web body #despre .stats-top .stat b,
  html.apple-web body #despre .locations-title b { flex-basis: 52px !important; width: 52px !important; min-width: 52px !important; }
}

/* Last override: enforce the requested narrower card and clear stat spacing. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  width: min(80%, 880px) !important;
  max-width: 880px !important;
}
html.apple-web body #despre .stats-top .stat,
html.apple-web body #despre .locations-title {
  display: flex !important;
  flex-direction: row !important;
  gap: 22px !important;
  align-items: baseline !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
html.apple-web body #despre .stats-top .stat b,
html.apple-web body #despre .locations-title b {
  flex: 0 0 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  text-align: right !important;
}
html.apple-web body #despre .stat-label {
  display: block !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  text-align: left !important;
}
html.apple-web body #despre .stats-top .stat,
html.apple-web body #despre .locations-title { gap: 30px !important; }
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  width: min(80%, 880px) !important;
  max-width: 880px !important;
}
@media (max-width: 820px) {
  html.apple-web body #despre .stats-top .stat,
  html.apple-web body #despre .locations-title { gap: 20px !important; }
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-inline: 16px !important;
  }
}
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-inline: 16px !important;
  }
  html.apple-web body #despre .stats-top .stat,
  html.apple-web body #despre .locations-title {
    gap: 14px !important;
  }
  html.apple-web body #despre .stats-top .stat b,
  html.apple-web body #despre .locations-title b { flex-basis: 52px !important; width: 52px !important; min-width: 52px !important; }
}

/* Final stability and statistic alignment pass. */
html.apple-web body #despre .stats-top .stat,
html.apple-web body #despre .locations-title {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  column-gap: 18px !important;
  align-items: baseline !important;
  overflow: visible !important;
}
html.apple-web body #despre .stats-top .stat b,
html.apple-web body #despre .locations-title b {
  width: 56px !important;
  min-width: 56px !important;
  text-align: right !important;
}
html.apple-web body #despre .about-text-only > div.is-scroll-zoomed,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  transform: translateZ(0) scale(calc(1 + .006 * var(--about-scroll-zoom, 0))) !important;
  transition: none !important;
  will-change: transform !important;
}

/* Narrow resting state, then expand smoothly toward the viewport on scroll. */
html.apple-web body #despre .about-text-only > div {
  width: min(100%, 900px) !important;
  max-width: 900px !important;
}
html.apple-web body #despre .about-text-only > div.is-scroll-zoomed,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  transform: translate3d(0, calc(-6px * var(--about-scroll-zoom, 0)), 0)
    scale(calc(1 + .012 * var(--about-scroll-zoom, 0))) !important;
  will-change: transform;
  contain: paint;
}
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div {
    width: calc(100% - 32px) !important;
    margin-inline: 16px !important;
  }
  html.apple-web body #despre .about-text-only > div.is-scroll-zoomed,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    transform: translate3d(0, calc(-8px * var(--about-scroll-zoom, 0)), 0)
      scale(calc(1 + .009 * var(--about-scroll-zoom, 0))) !important;
  }
}

/* About proportions and centered section label. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  width: min(100%, 1100px) !important;
  max-width: 1100px !important;
  padding-block: clamp(30px, 3.5vw, 48px) !important;
}
html.apple-web body #despre .about-text-only > div > .eyebrow {
  display: block !important;
  width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
}
html.apple-web body #despre .about-text-only > div > .eyebrow::before,
html.apple-web body #despre .about-text-only > div > .eyebrow::after {
  display: none !important;
  content: none !important;
}
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-inline: 12px !important;
    padding-block: 26px !important;
  }
}

/* Subtle extra rounding for the About card. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  border-radius: 72px !important;
  clip-path: inset(0 round 72px) !important;
}
html.apple-web body #despre .about-text-only > div::before,
html.apple-web body #despre .about-text-only > div::after { border-radius: 72px !important; }
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    border-radius: 50px !important;
    clip-path: inset(0 round 50px) !important;
  }
  html.apple-web body #despre .about-text-only > div::before,
html.apple-web body #despre .about-text-only > div::after { border-radius: 50px !important; }
}

/* Keep the scroll-emphasized stats fully visible inside the rounded card. */
html.apple-web body #despre .stats-top,
html.apple-web body #despre .locations-block,
html.apple-web body #despre .locations-title,
html.apple-web body #despre .stat { overflow: visible !important; }
html.apple-web body #despre .stat b {
  display: inline-block !important;
  min-width: 1.15em !important;
  padding-inline: .08em !important;
  transform-origin: center !important;
}

/* Symmetric number/label rhythm across all About statistics. */
html.apple-web body #despre .stats-top .stat,
html.apple-web body #despre .locations-title {
  display: grid !important;
  grid-template-columns: 2.2ch minmax(0, 1fr) !important;
  align-items: baseline !important;
  column-gap: 14px !important;
  text-align: left !important;
}

/* Scroll performance pass: preserve the glass finish with lighter fixed blur
   and no competing transitions on the animated About card layers. */
html.apple-web body .nav-shell.editorial-nav {
  -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
  backdrop-filter: blur(18px) saturate(118%) !important;
}
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div::before,
html.apple-web body #despre .about-text-only > div::after { transition: none !important; }
html.apple-web body #despre .stats-top .stat b,
html.apple-web body #despre .locations-title b {
  width: 2.2ch !important;
  min-width: 2.2ch !important;
  text-align: right !important;
}
@media (max-width: 820px) {
  html.apple-web body #despre .stats-top .stat,
  html.apple-web body #despre .locations-title {
    grid-template-columns: 2.2ch minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }
}

/* Final proportion pass: wider card, slightly shorter vertical footprint. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  width: min(100%, 1160px) !important;
  max-width: 1160px !important;
  padding-block: clamp(34px, 4vw, 54px) !important;
}
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-inline: 12px !important;
    padding-block: 30px !important;
  }
}
html.apple-web body .btn.btn:active,
html.apple-web body :is(#servicii,#locatii,#seminarii,#cursuri-online,#programare,#premium-vip,#curs-individual,footer,.checkout,.apple-panel,.signup-form) .btn.btn.btn:active {
  transform: scale(.985) !important;
  background: var(--control-blue-pressed) !important;
  border-color: var(--control-blue-pressed) !important;
  color: #fff !important;
}
html.apple-web body .apple-panel-hero .hero-choice-actions {
  grid-template-columns: 1fr 1.18fr 1fr !important;
}

/* A rounded, optically raised edge. Reflections move; the blur never animates. */
html.apple-web body .nav-shell.editorial-nav {
  border-radius: 34px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 34px) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  background: linear-gradient(160deg,rgba(255,255,255,.10),rgba(243,245,249,.035)) !important;
  box-shadow: inset 0 2px 1px rgba(255,255,255,.95), inset 0 -1px 2px rgba(62,81,105,.12), 0 5px 20px rgba(25,39,61,.10) !important;
}
html.apple-web body .nav-shell.editorial-nav.nav-shell-premium {
  border-color: rgba(232,241,255,.30) !important;
  background: linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.035)) !important;
  -webkit-backdrop-filter: blur(30px) saturate(128%) !important;
  backdrop-filter: blur(30px) saturate(128%) !important;
  box-shadow: inset 0 1.5px 1px rgba(255,255,255,.18), inset 0 -1px 2px rgba(0,0,0,.22), 0 8px 24px rgba(0,0,0,.16) !important;
}

/* The light/dark handoff is deliberately slow and continuous. In the dark
   state the navigation gains a tiny constellation, matching the galaxy area
   without making the links compete with the content. */
html.apple-web body .nav-shell.editorial-nav {
  transition: background 2600ms cubic-bezier(.16,1,.3,1), background-color 2600ms cubic-bezier(.16,1,.3,1),
    border-color 1800ms cubic-bezier(.16,1,.3,1),
    box-shadow 1800ms cubic-bezier(.16,1,.3,1),
    -webkit-backdrop-filter 2600ms ease, backdrop-filter 2600ms ease !important;
}
html.apple-web body .nav-shell.editorial-nav.nav-shell-premium {
  background:
    linear-gradient(180deg, rgba(4,10,20,var(--nav-dark-alpha,0)) 0%, rgba(4,10,20,var(--nav-dark-alpha,0)) 100%),
    linear-gradient(180deg, transparent 0%, rgba(4,10,20,var(--nav-shadow-alpha,0)) 100%),
    rgba(255,255,255,.055) !important;
  border-color: rgba(190,220,255,.28) !important;
  box-shadow: inset 0 1px 0 rgba(220,240,255,.20), inset 0 -4px 12px rgba(0,0,0,.20), 0 8px 28px rgba(0,0,0,.18) !important;
}
html.apple-web body .nav-shell.editorial-nav .navlinks a,
html.apple-web body .nav-shell.editorial-nav .logo {
  transition: color 1500ms cubic-bezier(.16,1,.3,1), filter 1500ms ease !important;
}
html.apple-web body .nav-shell.editorial-nav .nav-reading-progress { display: none !important; }
/* Continuous liquid material: the darkening is a scroll-linked veil rising
   from the bottom, not a hard class-based background swap. */
html.apple-web body .nav-shell.editorial-nav {
  background:
    linear-gradient(180deg, rgba(4,10,20,var(--nav-dark-alpha,0)) 0%, rgba(4,10,20,var(--nav-dark-alpha,0)) 100%),
    linear-gradient(180deg, transparent 0%, rgba(4,10,20,var(--nav-shadow-alpha,0)) 100%),
    rgba(255,255,255,.055) !important;
  border-color: rgba(220,235,255,var(--nav-border-alpha,.72)) !important;
  -webkit-backdrop-filter: blur(30px) saturate(128%) !important;
  backdrop-filter: blur(30px) saturate(128%) !important;
  contain: paint !important;
}
html.apple-web body .nav-shell.editorial-nav::before {
  display: block !important;
  content: "" !important;
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(ellipse 120% 105% at 50% 112%, rgba(3,10,20,.88) 0%, rgba(3,10,20,.54) 42%, rgba(3,10,20,.16) 72%, transparent 100%);
  opacity: var(--nav-shadow-alpha,0);
  filter: blur(1px);
  transition: opacity 2600ms cubic-bezier(.16,1,.3,1), filter 2600ms ease;
}
html.apple-web body .nav-shell.editorial-nav::after {
  display: block !important;
  content: "" !important;
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: var(--nav-galaxy-progress, 0);
  border-radius: inherit;
  background-image:
    radial-gradient(circle at 12% 34%,rgba(255,255,255,.92) 0 1px,transparent 1.7px),
    radial-gradient(circle at 24% 72%,rgba(178,216,255,.84) 0 1px,transparent 1.8px),
    radial-gradient(circle at 43% 22%,rgba(255,255,255,.76) 0 .8px,transparent 1.5px),
    radial-gradient(circle at 61% 67%,rgba(153,202,255,.82) 0 1px,transparent 1.8px),
    radial-gradient(circle at 78% 31%,rgba(255,255,255,.9) 0 .9px,transparent 1.6px),
    radial-gradient(circle at 91% 73%,rgba(185,220,255,.8) 0 .8px,transparent 1.5px);
  background-size: 100% 100%;
  transform: translate3d(var(--nav-star-x, -9px), var(--nav-star-y, 5px), 0) scale(var(--nav-star-scale, .96));
  filter: none;
  transition: opacity 900ms cubic-bezier(.16,1,.3,1), transform 900ms cubic-bezier(.16,1,.3,1), filter 900ms ease;
}
/* Restore the source color treatment of the hero portraits. */
html.apple-web body .apple-panel-hero img.hero-note-photo,
html.apple-web body .apple-panel:nth-of-type(2) img.hero-note-photo {
  filter: none !important;
  mix-blend-mode: normal !important;
}
html.apple-web body .apple-panel.apple-panel-hero .hero-note-picture,
html.apple-web body .apple-panel.apple-panel-hero img.hero-note-photo-original {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: translateY(clamp(18px, 5vh, 56px)) !important;
  filter: none !important;
  opacity: 1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  image-rendering: auto !important;
}
html.apple-web body .apple-panel.apple-panel-hero img.hero-note-photo-original {
  object-fit: cover !important;
  object-position: center bottom !important;
  transform: scale(1.32) translateY(-5%) !important;
  transform-origin: center top !important;
}
html.apple-web body .apple-panel.apple-panel-hero .hero-note-frame {
  top: -3px !important;
  bottom: 0 !important;
  background: rgb(230,222,215) !important;
  margin-top: 0 !important;
  height: 100% !important;
}
html.apple-web body .apple-panel.apple-panel-hero {
  background: rgb(230,222,215) !important;
}
html.apple-web body .apple-panel.apple-panel-hero::after {
  inset: 30% 0 0 !important;
  background: linear-gradient(180deg, transparent 0%, rgba(245,243,239,.26) 18%, rgba(245,243,239,.85) 34%, rgba(245,243,239,.96) 68%, var(--editorial-paper) 100%) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
html.apple-web body .apple-panel.apple-panel-hero::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 28% -8% 0 !important;
  pointer-events: none !important;
  display: none !important;
}
html.apple-web body .apple-panel.apple-panel-hero img.hero-note-photo-original {
  height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}
html.apple-web body .nav-shell.editorial-nav.nav-shell-premium::after {
  opacity: var(--nav-galaxy-progress, .72) !important;
}
html.apple-web body .nav-shell.editorial-nav nav,
html.apple-web body .nav-shell.editorial-nav .brand,
html.apple-web body .nav-shell.editorial-nav .navlinks { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  html.apple-web body .nav-shell.editorial-nav,
  html.apple-web body .nav-shell.editorial-nav .navlinks a,
  html.apple-web body .nav-shell.editorial-nav .logo,
  html.apple-web body .nav-shell.editorial-nav::after { transition: none !important; }
}
html.apple-web body #despre .about-text-only > div {
  border-radius: clamp(32px,4.5vw,56px) !important;
  border: 1px solid rgba(226,239,255,.38) !important;
  background: radial-gradient(ellipse at 14% 0%,rgba(192,219,255,.14),transparent 48%), linear-gradient(145deg,rgba(62,76,96,.70),rgba(15,24,39,.90) 66%,rgba(43,60,82,.78)) !important;
  box-shadow: inset 0 2px 2px rgba(242,248,255,.34), inset 2px 0 3px rgba(231,244,255,.13), inset 0 -3px 7px rgba(1,8,20,.34), 0 22px 50px rgba(0,4,13,.20) !important;
  -webkit-backdrop-filter: blur(12px) saturate(125%) !important;
  backdrop-filter: blur(12px) saturate(125%) !important;
}
html.apple-web body #despre .about-text-only > div::before {
  border-radius: inherit !important;
  filter: none !important;
}
html.apple-web body #despre .about-copy { color: #e3eaf5 !important; }
/* Match the About card geometry and material from Desktop v375. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 52px !important;
  box-shadow: inset 4px 4px 12px rgba(255,255,255,.055), inset -10px -12px 24px rgba(0,0,0,.42), 0 24px 52px rgba(0,0,0,.46), 0 0 18px rgba(0,102,204,.035) !important;
}
html.apple-web body #despre .about-text-only > div::before {
  background: radial-gradient(ellipse 76% 30% at 30% -6%, rgba(255,255,255,.08), transparent 65%), linear-gradient(112deg, rgba(255,255,255,.025), transparent 32%, transparent 82%, rgba(80,156,255,.018)) !important;
}
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  border-radius: 34px !important;
}
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    border-radius: 25px !important;
    clip-path: inset(0 round 25px) !important;
  }
}

/* Exact gallery corner language for the About card: the same radius and
   clipping mask are applied to the card and its layered glass surfaces. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  border-radius: 34px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 34px) !important;
}
html.apple-web body #despre .about-text-only > div::before,
html.apple-web body #despre .about-text-only > div::after {
  border-radius: 34px !important;
}
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    border-radius: 25px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 25px) !important;
  }
  html.apple-web body #despre .about-text-only > div::before,
  html.apple-web body #despre .about-text-only > div::after {
    border-radius: 25px !important;
  }
}

/* Match the gallery footprint: the portrait card breathes inside the viewport
   instead of touching the screen edges. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin-inline: auto !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  clip-path: none !important;
}
html.apple-web body #despre .locations { color: #d9e3f0 !important; }

/* Grid photographs keep their layout and responsive source at all times.
   Specificity matches the final historical masks without triggering old zoom. */
html.apple-web body #galerie#galerie .gallery-photo.gallery-photo,
html.apple-web body #recenzii-seminarii#recenzii-seminarii .gallery-photo.gallery-photo {
  animation: none !important;
  transform: translateY(var(--gallery-float-y,0px)) !important;
  transition: box-shadow 300ms ease !important;
  will-change: auto !important;
  cursor: zoom-in;
}
html.apple-web body #galerie#galerie .gallery-photo.gallery-photo > .gallery-media,
html.apple-web body #recenzii-seminarii#recenzii-seminarii .gallery-photo.gallery-photo > .gallery-media {
  transform: none !important;
  will-change: auto !important;
}
html.apple-web body #galerie#galerie .gallery-photo.gallery-photo > .gallery-media > img,
html.apple-web body #recenzii-seminarii#recenzii-seminarii .gallery-photo.gallery-photo > .gallery-media > img {
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}
html.apple-web body #galerie#galerie .gallery-photo.gallery-photo::after,
html.apple-web body #recenzii-seminarii#recenzii-seminarii .gallery-photo.gallery-photo::after { display: none !important; }
.gallery-photo.is-preview-source { visibility: hidden !important; }
html.photo-viewer-open .birth-star,
html.photo-viewer-open .depth-blob,
html.photo-viewer-open .navlinks-track { animation-play-state: paused !important; }

/* Native top-layer dialog: background inert, keyboard focus contained. */
html body dialog.photo-viewer {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  overflow: hidden;
  overscroll-behavior: contain;
  touch-action: none;
}
.photo-viewer::backdrop { background: rgba(5,7,10,.88); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.photo-viewer__scrim,
.photo-viewer__halo { position: absolute; inset: 0; pointer-events: none; opacity: 0; }
.photo-viewer__scrim { background: rgba(10,19,32,.62); transition: opacity 650ms var(--control-ease); }
.photo-viewer__halo {
  background: radial-gradient(ellipse at 50% 48%,rgba(232,244,255,.54) 0%,rgba(153,194,247,.25) 28%,rgba(167,202,249,.09) 44%,transparent 68%);
  transition: opacity 460ms ease;
}
.photo-viewer.is-lit .photo-viewer__halo,
.photo-viewer.is-lit .photo-viewer__scrim { opacity: 1; }
.photo-viewer.is-closing .photo-viewer__halo { opacity: 0; transition-duration: 160ms; }
.photo-viewer__frame {
  position: absolute;
  border-radius: 20px !important;
  background: transparent;
  box-shadow: 0 22px 60px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.24);
  overflow: hidden;
  transform-origin: 0 0;
  touch-action: none;
  cursor: grab;
  isolation: isolate;
}
.photo-viewer__frame:active { cursor: grabbing; }
html body .photo-viewer__image {
  position: absolute;
  display: block;
  max-width: none;
  max-height: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  image-rendering: auto;
  filter: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  transition: width 520ms cubic-bezier(.22,1,.36,1), height 520ms cubic-bezier(.22,1,.36,1), left 520ms cubic-bezier(.22,1,.36,1), top 520ms cubic-bezier(.22,1,.36,1), transform 520ms cubic-bezier(.22,1,.36,1);
}
.photo-viewer__toolbar {
  position: absolute;
  top: max(16px,env(safe-area-inset-top));
  right: max(16px,env(safe-area-inset-right));
  display: flex;
  gap: 10px;
  z-index: 2;
  opacity: 0;
  transition: opacity 240ms ease;
}
.photo-viewer__control {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 50%;
  padding: 0;
  background: linear-gradient(145deg,rgba(255,255,255,.94),rgba(235,240,248,.86));
  box-shadow: inset 0 1.5px 1px #fff,0 4px 12px rgba(0,0,0,.12);
  color: #293443;
  font: 300 28px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  cursor: pointer;
  transition: background-color 180ms ease,transform 180ms var(--control-ease);
}
.photo-viewer__control:active { transform: scale(.94); }
.photo-viewer__control:focus-visible,
.photo-viewer__retry:focus-visible { outline: 3px solid #80baff; outline-offset: 4px; }
.photo-viewer__caption {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: max(18px,env(safe-area-inset-bottom));
  z-index: 2;
  text-align: center;
  font: 400 12px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  transition: opacity 160ms ease;
  opacity: 0;
}
.photo-viewer.is-lit .photo-viewer__toolbar,
.photo-viewer.is-lit .photo-viewer__caption { opacity: 1; }
.photo-viewer__status { margin: 0; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.35); }
.photo-viewer__retry {
  min-height: 44px;
  padding: 8px 20px;
  margin-top: 8px;
  border-radius: 980px;
  border: 1px solid #fff;
  background: #fff;
  color: #0066cc;
  font: inherit;
  cursor: pointer;
}
.photo-viewer.is-closing .photo-viewer__toolbar,
.photo-viewer.is-closing .photo-viewer__caption { opacity: 0; pointer-events: none; }
@media (max-width: 820px) {
  html.apple-web body .apple-panel-hero .hero-choice-button.btn {
    padding: 11px 6px !important;
    font-size: clamp(10.5px,3.1vw,13px) !important;
  }
  html.apple-web body .nav-shell.editorial-nav,
  html.apple-web body .nav-shell.editorial-nav.nav-shell-at-top:not(.nav-shell-premium) { border-radius: 28px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html.apple-web body .btn.btn { transition: none !important; }
  .photo-viewer *, .photo-viewer *::before, .photo-viewer *::after { transition: none !important; animation: none !important; }
}
@media (prefers-reduced-transparency: reduce) {
  html.apple-web body .nav-shell.editorial-nav { background: #f5f5f7 !important; }
  html.apple-web body .nav-shell.editorial-nav.nav-shell-premium,
  html.apple-web body #despre .about-text-only > div { background: #182230 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .photo-viewer__halo { display: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html.apple-web body .nav-shell.editorial-nav { background: #f5f5f7 !important; }
  html.apple-web body .nav-shell.editorial-nav.nav-shell-premium { background: #182230 !important; }
}

/* Final visual correction: the personal card keeps its original silhouette
   and travelling highlight. The inflated glass treatment is reserved for
   review/package surfaces, where it supports the content instead of competing
   with the portrait section. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  border: 0 !important;
  outline: 0 !important;
  /* Apple-like continuous corner, while keeping the original card material. */
  border-radius: 32px !important;
  background: radial-gradient(95% 64% at 38% 0%,rgba(255,255,255,.12),transparent 63%),linear-gradient(148deg,rgba(39,45,55,.56),rgba(9,13,20,.48)) !important;
  box-shadow: 0 calc(22px + 12px * var(--about-scroll-zoom,0)) calc(50px + 24px * var(--about-scroll-zoom,0)) rgba(0,0,0,calc(.38 + .14 * var(--about-scroll-zoom,0))),0 0 calc(12px + 24px * var(--about-scroll-zoom,0)) rgba(255,255,255,calc(.02 + .07 * var(--about-scroll-zoom,0))) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html.apple-web body #despre .about-text-only > div::before,
html.apple-web body #despre .about-text-only > div::after { border-radius: 34px !important; }

html.apple-web body #despre .about-copy { color: #e3eaf5 !important; }

/* Puffy clear/regular material only on content cards requested by the user. */
html.apple-web body :is(#testimoniale .quote, #testimoniale .google-review-summary, #recenzii-seminarii .seminar-review-board, #servicii .card, #seminarii .grid .card, #seminarii .wide-card, .premium-section .card, .individual-course .wide-card),
html.apple-web body :is(#testimoniale .quote:hover, #servicii .card:hover, #seminarii .grid .card:hover) {
  border-radius: 34px !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,244,250,.72)) !important;
  box-shadow: inset 0 2px 2px rgba(255,255,255,.92),inset 0 -2px 4px rgba(69,96,128,.08),0 16px 36px rgba(32,58,88,.11) !important;
  -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
  backdrop-filter: blur(16px) saturate(125%) !important;
}
html.apple-web body :is(.premium-section .card, .individual-course .wide-card) {
  border-color: rgba(255,255,255,.30) !important;
  background: linear-gradient(145deg,rgba(68,82,102,.88),rgba(17,25,37,.94)) !important;
  box-shadow: inset 0 2px 2px rgba(255,255,255,.20),inset 0 -2px 4px rgba(0,0,0,.22),0 18px 46px rgba(0,0,0,.2) !important;
}
html.apple-web body :is(#testimoniale .quote, #testimoniale .google-review-summary, #recenzii-seminarii .seminar-review-board, #servicii .card, #seminarii .grid .card, #seminarii .wide-card) > * { position: relative; z-index: 1; }

/* Apple-platform system font stack: SF Pro is selected automatically when
   present, with a faithful system fallback everywhere else. */
html.apple-web body,
html.apple-web body button,
html.apple-web body input,
html.apple-web body textarea,
html.apple-web body select {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}
html.apple-web body :is(h1,h2,h3,h4,h5,h6,p,a,span,li,button,input,textarea,select,label,strong,em,cite) {
  font-family: inherit;
}
/* Apple.com-inspired control finish: compact pill geometry, calm contrast,
   restrained borders and a fast press response. */
html.apple-web body .btn.btn {
  min-height: 44px !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06) !important;
}
html.apple-web body :is(.apple-panel, #servicii, #locatii, #seminarii, #cursuri-online, footer) .btn.btn:not(.is-primary),
html.apple-web body .btn.btn:not(.is-primary) {
  color: #0071e3 !important;
  border: 1px solid #0071e3 !important;
  background: transparent !important;
}
html.apple-web body .btn.btn.is-primary,
html.apple-web body #programare .actions .btn.btn.is-primary {
  color: #fff !important;
  border-color: #0071e3 !important;
  background: #0071e3 !important;
  box-shadow: 0 4px 12px rgba(0,113,227,.18) !important;
}
@media (hover:hover) and (pointer:fine) {
  html.apple-web body .btn.btn:not(.is-primary):hover {
    color: #fff !important;
    border-color: #0077ed !important;
    background: #0077ed !important;
  }
  html.apple-web body .btn.btn.is-primary:hover {
    background: #0077ed !important;
    border-color: #0077ed !important;
  }
}
html.apple-web body .editorial-accent {
  font-family: inherit !important;
  font-style: italic;
}

/* Preserve the source gallery masks in the grid and carry the same radius
   into the full-resolution viewer. */
html.apple-web body :is(#galerie, #recenzii-seminarii) .gallery-photo,
html.apple-web body :is(#galerie, #recenzii-seminarii) .gallery-media { border-radius: 34px !important; }
html.apple-web body :is(#galerie, #recenzii-seminarii) .gallery-photo > .gallery-media { overflow: hidden !important; }
html.apple-web body :is(#galerie, #recenzii-seminarii) .gallery-photo > .gallery-media > img { border-radius: 0 !important; }
html.apple-web body .photo-viewer__frame { border-radius: 34px; overflow: hidden; }
html.apple-web body .photo-viewer__image { border-radius: 0 !important; }
html.apple-web body .photo-viewer__toolbar,
html.apple-web body .photo-viewer__caption { display: none !important; }
html.apple-web body .photo-viewer__frame { border-radius: 20px !important; }
@media (max-width: 820px) {
  html.apple-web body :is(#galerie, #recenzii-seminarii) .gallery-photo,
  html.apple-web body :is(#galerie, #recenzii-seminarii) .gallery-media { border-radius: 25px !important; }
  html.apple-web body .photo-viewer__frame { border-radius: 20px !important; }
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div::before,
  html.apple-web body #despre .about-text-only > div::after { border-radius: 25px !important; }
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-inline: 16px !important;
    border-radius: 25px !important;
    overflow: hidden !important;
    clip-path: none !important;
  }
}

/* Final geometry: rounded gallery-like silhouette without an oversized pill. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  border-radius: 64px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 64px) !important;
}

/* Final proportion pass: wider card, slightly shorter vertical footprint. */
html.apple-web body #despre .about-text-only > div,
html.apple-web body #despre .about-text-only > div:hover,
html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
  width: min(100%, 1160px) !important;
  max-width: 1160px !important;
  padding-block: clamp(34px, 4vw, 54px) !important;
}
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-inline: 12px !important;
    padding-block: 30px !important;
  }
}
html.apple-web body #despre .about-text-only > div::before,
html.apple-web body #despre .about-text-only > div::after { border-radius: 64px !important; }
@media (max-width: 820px) {
  html.apple-web body #despre .about-text-only > div,
  html.apple-web body #despre .about-text-only > div:hover,
  html.apple-web body #despre .about-text-only > div.is-premium-effect-active {
    border-radius: 44px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 44px) !important;
  }
  html.apple-web body #despre .about-text-only > div::before,
  html.apple-web body #despre .about-text-only > div::after { border-radius: 44px !important; }
}