{"id":31,"date":"2026-05-29T09:11:20","date_gmt":"2026-05-29T09:11:20","guid":{"rendered":"https:\/\/mindrise.ro\/privacy\/"},"modified":"2026-07-01T11:52:35","modified_gmt":"2026-07-01T11:52:35","slug":"privacy","status":"publish","type":"page","link":"https:\/\/mindrise.ro\/en\/privacy\/","title":{"rendered":"Politica de confiden\u021bialitate"},"content":{"rendered":"<style id=\"spdhd-v2-css\">\n\/* =============================================================\n   MindRise \/ Superputerea ADHD \u2014 V2 site stylesheet\n   Scoped under .spdhd-v2 so it cannot affect the current site.\n   Inject site-wide via Simple Custom CSS and JS or theme additional CSS.\n   ============================================================= *\/\n\n\/* ---- Fonts: load Inter from Google ---- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n\/* ---- Hide theme chrome ONLY on pages that contain a .spdhd-v2 wrapper ----\n   Uses :has() so we don't need a body class set by JavaScript \u2014 works even\n   when WordPress strips inline <script> tags from page content. *\/\nhtml:has(.spdhd-v2) #masthead,\nhtml:has(.spdhd-v2) #site-navigation,\nhtml:has(.spdhd-v2) .site-header,\nhtml:has(.spdhd-v2) header.site-header,\nhtml:has(.spdhd-v2) #colophon,\nhtml:has(.spdhd-v2) .site-footer,\nhtml:has(.spdhd-v2) footer.site-footer,\nhtml:has(.spdhd-v2) .wp-site-blocks > header,\nhtml:has(.spdhd-v2) .wp-site-blocks > footer,\nhtml:has(.spdhd-v2) .entry-title,\nhtml:has(.spdhd-v2) .page-title,\nhtml:has(.spdhd-v2) .entry-header,\nhtml:has(.spdhd-v2) .page-header,\n\/* GeneratePress specifics *\/\nhtml:has(.spdhd-v2) .generate-back-to-top,\nhtml:has(.spdhd-v2) .navigation-branding,\n\/* Block theme specifics *\/\nhtml:has(.spdhd-v2) .wp-block-template-part[data-block-name=\"header\"],\nhtml:has(.spdhd-v2) .wp-block-template-part[data-block-name=\"footer\"] { display: none !important; }\n\nhtml:has(.spdhd-v2) .entry-content,\nhtml:has(.spdhd-v2) .inside-article,\nhtml:has(.spdhd-v2) .wp-block-post-content,\nhtml:has(.spdhd-v2) .site-main,\nhtml:has(.spdhd-v2) .container,\nhtml:has(.spdhd-v2) main {\n  padding: 0 !important; margin: 0 !important;\n  max-width: none !important; width: auto !important;\n}\n\nhtml:has(.spdhd-v2) body { margin: 0 !important; padding: 0 !important; background: #fff !important; }\n\n\/* Fallback for older browsers (Chrome <105, Safari <15.4, Firefox <121):\n   if the deploy script's body-class script survives kses, these still apply. *\/\nbody.spdhd-v2-body #masthead,\nbody.spdhd-v2-body #site-navigation,\nbody.spdhd-v2-body .site-header,\nbody.spdhd-v2-body #colophon,\nbody.spdhd-v2-body .site-footer,\nbody.spdhd-v2-body .entry-title,\nbody.spdhd-v2-body .page-title,\nbody.spdhd-v2-body .entry-header,\nbody.spdhd-v2-body .page-header { display: none !important; }\nbody.spdhd-v2-body .entry-content,\nbody.spdhd-v2-body .inside-article,\nbody.spdhd-v2-body main { padding: 0 !important; margin: 0 !important; max-width: none !important; }\n\n\/* ---- Root scope ---- *\/\n.spdhd-v2,\n.spdhd-v2 * {\n  box-sizing: border-box;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n.spdhd-v2 {\n  color: #1D2A35;\n  line-height: 1.5;\n  font-size: 16px;\n  background: #FFFFFF;\n}\n\n.spdhd-v2 a { color: #1EC4C9; text-decoration: none; }\n.spdhd-v2 a:hover { color: #1ab0b5; }\n.spdhd-v2 img { max-width: 100%; height: auto; display: block; }\n.spdhd-v2 p { margin: 0 0 1em 0; }\n.spdhd-v2 h1, .spdhd-v2 h2, .spdhd-v2 h3, .spdhd-v2 h4 { margin: 0 0 .5em 0; color: #1D2A35; }\n.spdhd-v2 h1 { font-size: 60px; font-weight: 800; line-height: 1.1; }\n.spdhd-v2 h2 { font-size: 36px; font-weight: 700; line-height: 1.2; }\n.spdhd-v2 h3 { font-size: 24px; font-weight: 700; line-height: 1.3; }\n.spdhd-v2 h4 { font-size: 18px; font-weight: 700; line-height: 1.4; }\n.spdhd-v2 ul { margin: 0 0 1em 0; padding-left: 1.25em; }\n.spdhd-v2 ul li { margin: .25em 0; }\n\n.spdhd-v2 h1, .spdhd-v2 h2, .spdhd-v2 h3, .spdhd-v2 h4 {\n  overflow-wrap: break-word; word-wrap: break-word; hyphens: auto;\n}\n@media (max-width: 1024px) {\n  .spdhd-v2 h1 { font-size: 40px; }\n  .spdhd-v2 h2 { font-size: 30px; }\n}\n@media (max-width: 640px) {\n  .spdhd-v2 h1 { font-size: 28px; line-height: 1.2; }\n  .spdhd-v2 h2 { font-size: 24px; line-height: 1.25; }\n  .spdhd-v2 h3 { font-size: 20px; }\n}\n\n\/* ---- Layout primitives ---- *\/\n.mr-container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }\n@media (max-width: 1024px) { .mr-container { padding: 0 24px; } }\n@media (max-width: 640px)  { .mr-container { padding: 0 16px; } }\n\n.mr-section { padding: 80px 0; position: relative; }\n@media (max-width: 1024px) { .mr-section { padding: 64px 0; } }\n@media (max-width: 640px)  { .mr-section { padding: 48px 0; } }\n\n.mr-row { display: flex; flex-wrap: wrap; gap: 32px; }\n.mr-col { flex: 1 1 0; min-width: 0; }\n\n.mr-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: start; }\n.mr-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; align-items: stretch; }\n.mr-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; align-items: start; }\n.mr-grid-2 > *, .mr-grid-3 > *, .mr-grid-4 > * { min-width: 0; width: 100%; }\n@media (max-width: 1024px) {\n  .mr-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .mr-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (max-width: 640px) {\n  .mr-grid-2, .mr-grid-3, .mr-grid-4 { grid-template-columns: 1fr; }\n}\n\n.mr-text-center { text-align: center; }\n.mr-mt-sm { margin-top: 8px; }\n.mr-mt-md { margin-top: 16px; }\n.mr-mt-lg { margin-top: 24px; }\n.mr-mt-xl { margin-top: 32px; }\n.mr-mt-2xl { margin-top: 48px; }\n.mr-mt-3xl { margin-top: 64px; }\n.mr-mb-sm { margin-bottom: 8px; }\n.mr-mb-md { margin-bottom: 16px; }\n.mr-mb-lg { margin-bottom: 24px; }\n.mr-mb-xl { margin-bottom: 32px; }\n\n\/* ---- Backgrounds \/ hero ---- *\/\n.mr-hero-bg {\n  background: linear-gradient(135deg, rgba(30,196,201,0.05) 0%, #fff 50%, rgba(166,224,28,0.05) 100%);\n}\n.mr-cta-turcoaz {\n  background: linear-gradient(to bottom right, #1EC4C9 0%, #1ab0b5 100%);\n  color: #fff;\n}\n.mr-cta-turcoaz h2, .mr-cta-turcoaz p { color: #fff; }\n.mr-bg-turcoaz-5  { background-color: rgba(30,196,201,0.05); }\n.mr-bg-turcoaz-10 { background-color: rgba(30,196,201,0.10); }\n.mr-bg-verde-10   { background-color: rgba(166,224,28,0.10); }\n.mr-bg-verde-20   { background-color: rgba(166,224,28,0.20); }\n.mr-bg-muted      { background-color: #F9FAFB; }\n.mr-bg-dark       { background-color: #1D2A35; color: #fff; }\n\n\/* ---- Blobs ---- *\/\n.mr-blob { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; z-index: 0; }\n.mr-blob.tl { top:-250px; left:-250px; width:500px; height:500px; background: rgba(166,224,28,.10); }\n.mr-blob.tr { top:-250px; right:-250px; width:500px; height:500px; background: rgba(30,196,201,.10); }\n.mr-blob.bl { bottom:-250px; left:-250px; width:500px; height:500px; background: rgba(166,224,28,.10); }\n.mr-blob.br { bottom:-250px; right:-250px; width:500px; height:500px; background: rgba(30,196,201,.10); }\n\n\/* ---- Card ---- *\/\n.mr-card {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.08);\n  border-radius: 24px;\n  padding: 32px;\n  transition: all 200ms ease;\n  position: relative;\n}\n.mr-card:hover {\n  border-color: rgba(30,196,201,0.40);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n  transform: translateY(-4px);\n}\n.mr-card-tight { padding: 24px; }\n.mr-card-tinted-turcoaz { border: 2px solid rgba(30,196,201,0.20); }\n.mr-card-tinted-verde   { border: 2px solid rgba(166,224,28,0.20); }\n\n\/* ---- Buttons ---- *\/\n.mr-btn-primary, .mr-btn-outline, .mr-btn-dark, .mr-btn-white {\n  display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n  padding: 14px 32px; font-weight: 700; border-radius: 12px; cursor: pointer;\n  text-decoration: none !important; transition: all 200ms ease; border: 0;\n  font-size: 15px; line-height: 1;\n}\n.mr-btn-primary {\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5);\n  color: #fff !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25);\n}\n.mr-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,196,201,0.35); color:#fff !important; }\n.mr-btn-outline {\n  background: #fff; color: #1D2A35 !important;\n  border: 1px solid rgba(0,0,0,0.10); padding: 12px 24px;\n}\n.mr-btn-outline:hover { background: #F9FAFB; }\n.mr-btn-dark { background: #1D2A35; color: #fff !important; }\n.mr-btn-dark:hover { background: #2A3C4C; color:#fff !important; }\n.mr-btn-white { background:#fff; color:#1EC4C9 !important; box-shadow:0 4px 12px rgba(0,0,0,.10); }\n.mr-btn-white:hover { transform: translateY(-2px); color:#1EC4C9 !important; }\n.mr-btn-ghost-on-dark {\n  display:inline-flex; align-items:center; justify-content:center; gap:8px;\n  padding:14px 32px; font-weight:700; border-radius:12px;\n  background: transparent; color: #fff !important; border: 2px solid #fff;\n  text-decoration:none !important;\n}\n.mr-btn-ghost-on-dark:hover { background: rgba(255,255,255,.10); color:#fff !important; }\n\n\/* ---- Badge ---- *\/\n.mr-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 6px 14px; background: rgba(166,224,28,0.20); color: #1D2A35;\n  border: 1px solid rgba(166,224,28,0.30); border-radius: 9999px;\n  font-size: 13px; font-weight: 700; letter-spacing: 0.02em;\n}\n.mr-badge-light {\n  background: rgba(255,255,255,0.80);\n  border-color: rgba(30,196,201,0.20);\n}\n\n\/* ---- Icon square ---- *\/\n.mr-icon-square {\n  display:inline-flex; align-items:center; justify-content:center;\n  width:56px; height:56px; border-radius:16px; flex-shrink:0;\n}\n.mr-icon-square.sm { width:40px; height:40px; border-radius:12px; }\n.mr-icon-square.lg { width:64px; height:64px; border-radius:16px; }\n.mr-icon-square svg { width: 28px; height: 28px; }\n.mr-icon-square.sm svg { width: 20px; height: 20px; }\n.mr-icon-square.lg svg { width: 32px; height: 32px; }\n\n\/* ---- Header ---- *\/\n.mr-header {\n  position: sticky; top: 0; z-index: 50;\n  background: #fff; border-bottom: 1px solid #E9EBEF;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n.mr-header-inner {\n  display:flex; align-items:center; justify-content:space-between;\n  max-width: 1280px; margin: 0 auto; padding: 0 32px; min-height: 80px;\n}\n@media (max-width: 1024px){ .mr-header-inner { padding: 0 24px; } }\n@media (max-width: 640px) { .mr-header-inner { padding: 0 16px; } }\n.mr-header-logo { display:flex; align-items:center; gap:12px; }\n.mr-header-logo img { width:56px; height:56px; border-radius:50%; object-fit: cover; }\n.mr-header-logo span { font-size:24px; font-weight:700; color:#1D2A35; }\n.mr-header-right { display:flex; align-items:center; gap:8px; }\n.mr-header-nav { display:flex; align-items:center; gap:4px; }\n.mr-header-nav a {\n  padding: 8px 12px; border-radius: 8px;\n  font-size: 15px; font-weight: 500; color: #1D2A35;\n  transition: all 150ms ease;\n  text-decoration: none;\n}\n.mr-header-nav a:hover { background: rgba(30,196,201,0.10); color: #1EC4C9; }\n.mr-header-nav a.active,\n.mr-header-nav .current-menu-item > a,\n.mr-header-nav .current_page_item > a { background: rgba(30,196,201,0.10); color: #1EC4C9; }\n\/* When wp_nav_menu renders, it outputs <ul class=\"mr-header-menu\"><li><a>.\n   Flatten that so it visually matches the fallback flat-link layout. *\/\n.mr-header-nav .mr-header-menu {\n  display: flex; align-items: center; gap: 4px;\n  list-style: none; margin: 0; padding: 0;\n}\n.mr-header-nav .mr-header-menu li { list-style: none; padding: 0; margin: 0; }\n.mr-header-cta { margin-left: 12px; padding: 10px 20px !important; font-size: 14px; }\n.mr-burger {\n  display: none; background: transparent; border: 1px solid rgba(0,0,0,0.10);\n  padding: 8px; cursor: pointer; border-radius: 10px;\n  color: #1D2A35; align-items: center; justify-content: center;\n}\n.mr-burger:hover { background: rgba(30,196,201,0.05); border-color: rgba(30,196,201,0.30); }\n.mr-burger svg { width: 24px; height: 24px; display: block; }\n.mr-burger .icon-close { display: none; }\n.mr-burger.open .icon-open { display: none; }\n.mr-burger.open .icon-close { display: block; }\n\n.mr-mobile-menu {\n  display: none;\n  padding: 16px 24px 24px;\n  border-top: 1px solid #E9EBEF;\n  background: #fff;\n}\n.mr-mobile-menu.open { display: block; }\n.mr-mobile-menu a {\n  display: block; padding: 12px 14px; border-radius: 10px;\n  color: #1D2A35; font-weight: 500; text-decoration: none;\n  font-size: 16px;\n}\n.mr-mobile-menu a:hover,\n.mr-mobile-menu a.active,\n.mr-mobile-menu .current-menu-item > a,\n.mr-mobile-menu .current_page_item > a { background: rgba(30,196,201,0.10); color: #1EC4C9; }\n.mr-mobile-menu ul.mr-mobile-menu-list { list-style: none; margin: 0; padding: 0; }\n.mr-mobile-menu ul.mr-mobile-menu-list li { list-style: none; }\n.mr-mobile-menu .mr-btn-primary { width: 100%; margin-top: 12px; }\n\n\/* Language switcher inside the mobile menu panel.\n   Always rendered in the markup; we just show or hide based on whether\n   we're inside the mobile-menu panel vs the desktop header. *\/\n.mr-mobile-lang {\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px solid #E9EBEF;\n  display: flex; justify-content: center;\n}\n.mr-mobile-lang .mr-lang-switch { display: inline-flex; }\n\n@media (max-width: 1024px) {\n  .mr-header-nav,\n  .mr-header-cta,\n  .mr-header-right .mr-lang-switch { display: none !important; }\n  .mr-burger { display: inline-flex; }\n}\n@media (min-width: 1025px) {\n  \/* On desktop the mobile-menu-only switcher is hidden;\n     the desktop one in .mr-header-right is the visible one. *\/\n  .mr-mobile-lang { display: none !important; }\n}\n\n\/* ---- Language switcher ---- *\/\n.mr-lang-switch {\n  display: inline-flex; align-items: center; gap: 4px;\n  padding: 6px; background: #F3F3F5; border-radius: 9999px;\n  font-size: 13px; font-weight: 600;\n}\n.mr-lang-switch a {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 32px; height: 28px; padding: 0 10px; border-radius: 9999px;\n  color: #6B7280; text-decoration: none !important; transition: all 150ms ease;\n  letter-spacing: 0.02em;\n}\n.mr-lang-switch a:hover { color: #1D2A35; background: rgba(0,0,0,0.04); }\n.mr-lang-switch a.current {\n  background: #fff; color: #1D2A35; box-shadow: 0 1px 2px rgba(0,0,0,0.06);\n}\n@media (max-width: 1024px) {\n  .mr-header-right .mr-lang-switch { display: none; }\n  .mr-mobile-menu .mr-lang-switch { display: inline-flex; margin-top: 12px; }\n}\n\n\/* ---- Footer ---- *\/\n.mr-footer { background: #1D2A35; color: #9CA3AF; }\n.mr-footer-main { padding: 56px 32px; max-width: 1280px; margin: 0 auto; }\n.mr-footer-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }\n@media (max-width: 1024px) { .mr-footer-cols { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 640px)  { .mr-footer-cols { grid-template-columns: 1fr; text-align: center; } }\n.mr-footer h3 { color: #fff; font-size: 18px; font-weight: 600; margin: 0 0 20px 0; }\n.mr-footer a { color: #9CA3AF; }\n.mr-footer a:hover { color: #1EC4C9; }\n.mr-footer ul { list-style: none; padding: 0; margin: 0; }\n.mr-footer li { margin: 8px 0; font-size: 15px; }\n.mr-footer-logo {\n  width: 160px; height: 160px; background: #fff; border-radius: 9999px;\n  border: 4px solid rgba(30,196,201,0.20); padding: 10px; margin: 0 auto 16px;\n  display:flex; align-items:center; justify-content:center;\n}\n.mr-footer-logo img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }\n.mr-footer-about p { font-size:14px; color:#9CA3AF; max-width: 360px; margin: 0 auto; }\n.mr-footer-anpc { display:flex; gap:8px; margin-top:16px; flex-wrap:wrap; }\n@media (max-width: 640px) {\n  .mr-footer-anpc { justify-content: center; }\n  .mr-footer-socials { justify-content: center; }\n  .mr-footer-contact-row { justify-content: center; }\n}\n.mr-footer-anpc a {\n  display:flex; align-items:center; justify-content:center;\n  width:120px; height:48px; background:#fff; padding:4px; border-radius:6px;\n}\n.mr-footer-anpc img { max-width: 100%; max-height: 100%; }\n.mr-footer-contact-row { display:flex; gap:8px; align-items:center; font-size:14px; margin: 8px 0; }\n.mr-footer-contact-row svg { width: 18px; height: 18px; color: #1EC4C9; flex-shrink:0; }\n.mr-footer-socials { display:flex; gap:12px; margin-top: 16px; }\n.mr-footer-socials a {\n  display:inline-flex; align-items:center; justify-content:center;\n  width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.10);\n}\n.mr-footer-eu {\n  background: rgba(0,0,0,0.20);\n  border-top: 1px solid rgba(255,255,255,0.10);\n  padding: 16px 32px;\n}\n.mr-footer-eu-inner {\n  max-width: 1280px; margin: 0 auto;\n  display:flex; align-items:center; gap:32px; flex-wrap: wrap;\n}\n.mr-footer-eu-logo { background:#fff; padding:8px; border-radius:12px; max-width:280px; flex-shrink:0; }\n.mr-footer-eu-logo img { width: 100%; height: auto; }\n.mr-footer-eu-text { font-size:13px; line-height:1.5; color:#9CA3AF; flex: 1; min-width: 280px; }\n.mr-footer-copy {\n  background: rgba(0,0,0,0.40);\n  border-top: 1px solid rgba(255,255,255,0.10);\n  padding: 20px 32px;\n}\n.mr-footer-copy-inner {\n  max-width: 1280px; margin: 0 auto;\n  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;\n  font-size: 12px;\n}\n.mr-footer-copy-inner .l { color: #6B7280; }\n.mr-footer-copy-inner .r { color: #4B5563; }\n\n\/* ---- Hero (specific) ---- *\/\n.mr-hero {\n  position: relative; overflow: hidden;\n}\n.mr-hero-grid {\n  display:grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;\n  position: relative; z-index: 1;\n}\n@media (max-width: 1024px) { .mr-hero-grid { grid-template-columns: 1fr; gap: 32px; } }\n.mr-hero-image-wrap { position: relative; }\n.mr-hero-image-wrap::before {\n  content: \"\"; position: absolute; inset: 0;\n  transform: translate(24px, 24px);\n  background: linear-gradient(to bottom right, #1EC4C9, #A6E01C);\n  border-radius: 24px; opacity: 0.20; z-index: 0;\n}\n.mr-hero-image-wrap img {\n  position: relative; z-index: 1; width: 100%; aspect-ratio: 4\/3;\n  object-fit: cover; border-radius: 24px; border: 8px solid #fff;\n  box-shadow: 0 25px 50px rgba(0,0,0,0.20);\n}\n@media (max-width: 1024px) { .mr-hero-image-hide-tablet { display: none; } }\n\n\/* ---- Sub-hero (smaller hero used on interior pages) ---- *\/\n.mr-subhero {\n  padding: 80px 0 64px;\n  text-align: center;\n  position: relative; overflow: hidden;\n}\n.mr-subhero p.lead {\n  max-width: 720px; margin: 16px auto 32px;\n  font-size: 18px; line-height: 1.6; color: #6B7280;\n}\n\n\/* ---- Process step card ---- *\/\n.mr-step {\n  position: relative; padding-top: 48px;\n}\n.mr-step-num {\n  position: absolute; top: -32px; left: 50%; transform: translateX(-50%);\n  width: 64px; height: 64px; border-radius: 16px;\n  display:flex; align-items:center; justify-content:center;\n  font-size: 24px; font-weight: 800; color: #fff;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.10);\n}\n.mr-step-num.turcoaz { background: linear-gradient(to bottom right, #1EC4C9, #1ab0b5); }\n.mr-step-num.verde   { background: linear-gradient(to bottom right, #A6E01C, #8bc919); }\n\n\/* ---- Icon list row ---- *\/\n.mr-row-icon {\n  display:flex; align-items:flex-start; gap:16px; padding: 12px 0;\n}\n.mr-row-icon .mr-icon-square { flex-shrink: 0; }\n.mr-row-icon h4 { margin: 0 0 4px 0; font-size: 16px; font-weight: 700; }\n.mr-row-icon p { margin: 0; font-size: 14px; color: #6B7280; line-height: 1.4; }\n\n\/* ---- Form ---- *\/\n.mr-form-field { margin-bottom: 16px; }\n.mr-form-field label { display:block; font-size:14px; font-weight: 600; margin-bottom:6px; color:#1D2A35; }\n.mr-form-field input[type=\"text\"],\n.mr-form-field input[type=\"email\"],\n.mr-form-field input[type=\"tel\"],\n.mr-form-field input[type=\"password\"],\n.mr-form-field textarea,\n.mr-form-field select {\n  width:100%; padding:12px 14px; border:1px solid #E5E7EB; border-radius:10px;\n  background:#F3F3F5; font-size: 15px; color:#1D2A35;\n  transition: border-color 150ms, background 150ms;\n  font-family: inherit;\n}\n.mr-form-field textarea { min-height: 120px; resize: vertical; }\n.mr-form-field input:focus, .mr-form-field textarea:focus, .mr-form-field select:focus {\n  outline: none; background: #fff; border-color: #1EC4C9;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15);\n}\n\n\/* ---- Plugin form overrides (Contact Form 7 + Ultimate Member) ----\n   Scoped under .spdhd-v2 so they only affect v2 pages. *\/\n\n\/* Contact Form 7 \u2014 fields *\/\n.spdhd-v2 .wpcf7-form { font-family: inherit; color: #1D2A35; }\n.spdhd-v2 .wpcf7-form p { margin: 0 0 16px 0; }\n.spdhd-v2 .wpcf7-form label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; color: #1D2A35; }\n.spdhd-v2 .wpcf7-form input[type=\"text\"],\n.spdhd-v2 .wpcf7-form input[type=\"email\"],\n.spdhd-v2 .wpcf7-form input[type=\"tel\"],\n.spdhd-v2 .wpcf7-form input[type=\"url\"],\n.spdhd-v2 .wpcf7-form input[type=\"number\"],\n.spdhd-v2 .wpcf7-form input[type=\"password\"],\n.spdhd-v2 .wpcf7-form textarea,\n.spdhd-v2 .wpcf7-form select {\n  width: 100%;\n  padding: 12px 14px;\n  border: 1px solid #E5E7EB;\n  border-radius: 10px;\n  background: #F3F3F5;\n  font-size: 15px;\n  color: #1D2A35;\n  font-family: inherit;\n  margin-top: 6px;\n  transition: border-color 150ms, background 150ms, box-shadow 150ms;\n  box-sizing: border-box;\n}\n.spdhd-v2 .wpcf7-form textarea { min-height: 140px; resize: vertical; }\n.spdhd-v2 .wpcf7-form input:focus,\n.spdhd-v2 .wpcf7-form textarea:focus,\n.spdhd-v2 .wpcf7-form select:focus {\n  outline: none; background: #fff; border-color: #1EC4C9;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15);\n}\n.spdhd-v2 .wpcf7-form .wpcf7-list-item { margin: 0; }\n.spdhd-v2 .wpcf7-form .wpcf7-acceptance { font-size: 14px; }\n.spdhd-v2 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label { margin-left: 8px; color: #4B5563; }\n\n\/* Contact Form 7 \u2014 submit button *\/\n.spdhd-v2 .wpcf7-form .wpcf7-submit,\n.spdhd-v2 .wpcf7-form input[type=\"submit\"] {\n  display: inline-flex; align-items: center; justify-content: center;\n  padding: 14px 36px; font-weight: 700; font-size: 15px;\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5);\n  color: #fff !important;\n  border: 0; border-radius: 12px; cursor: pointer;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25);\n  transition: all 200ms ease;\n  margin-top: 8px;\n  width: auto;\n}\n.spdhd-v2 .wpcf7-form .wpcf7-submit:hover,\n.spdhd-v2 .wpcf7-form input[type=\"submit\"]:hover {\n  transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,196,201,0.35);\n}\n.spdhd-v2 .wpcf7-form .wpcf7-submit:disabled {\n  background: #E5E7EB !important; color: #9CA3AF !important;\n  box-shadow: none; transform: none; cursor: not-allowed;\n}\n\n\/* CF7 \u2014 response messages *\/\n.spdhd-v2 .wpcf7-response-output {\n  margin: 16px 0 0 0; padding: 12px 16px; border-radius: 10px; font-size: 14px;\n  border: 1px solid rgba(30,196,201,0.30);\n  background: rgba(30,196,201,0.08); color: #1D2A35;\n}\n.spdhd-v2 .wpcf7 form.invalid .wpcf7-response-output,\n.spdhd-v2 .wpcf7 form.unaccepted .wpcf7-response-output {\n  border-color: rgba(239,68,68,0.30); background: rgba(239,68,68,0.08); color: #991B1B;\n}\n.spdhd-v2 .wpcf7-not-valid-tip { color: #DC2626; font-size: 13px; margin-top: 4px; }\n\n\/* ---- Ultimate Member ---- *\/\n.spdhd-v2 .um,\n.spdhd-v2 .um *,\n.spdhd-v2 .um-form,\n.spdhd-v2 .um-form * { font-family: inherit !important; }\n\n.spdhd-v2 .um .um-row,\n.spdhd-v2 .um .um-col-1 { background: transparent !important; }\n\n.spdhd-v2 .um .um-field-label label,\n.spdhd-v2 .um .um-field-label {\n  font-size: 14px !important; font-weight: 600 !important;\n  color: #1D2A35 !important; margin-bottom: 6px !important;\n}\n.spdhd-v2 .um input[type=\"text\"],\n.spdhd-v2 .um input[type=\"email\"],\n.spdhd-v2 .um input[type=\"tel\"],\n.spdhd-v2 .um input[type=\"password\"],\n.spdhd-v2 .um input[type=\"url\"],\n.spdhd-v2 .um input[type=\"number\"],\n.spdhd-v2 .um textarea,\n.spdhd-v2 .um select {\n  width: 100% !important;\n  padding: 12px 14px !important;\n  border: 1px solid #E5E7EB !important;\n  border-radius: 10px !important;\n  background: #F3F3F5 !important;\n  font-size: 15px !important;\n  color: #1D2A35 !important;\n  height: auto !important;\n  box-sizing: border-box;\n  transition: border-color 150ms, background 150ms, box-shadow 150ms;\n}\n.spdhd-v2 .um input:focus,\n.spdhd-v2 .um textarea:focus,\n.spdhd-v2 .um select:focus {\n  outline: none !important; background: #fff !important;\n  border-color: #1EC4C9 !important;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15) !important;\n}\n\n\/* Ultimate Member buttons \u2014 primary (Login on login form, Register on register form) *\/\n.spdhd-v2 .um .um-button,\n.spdhd-v2 .um input[type=\"submit\"],\n.spdhd-v2 .um button[type=\"submit\"] {\n  display: inline-flex !important; align-items: center !important; justify-content: center !important;\n  padding: 12px 28px !important;\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5) !important;\n  color: #fff !important;\n  font-weight: 700 !important;\n  font-size: 15px !important;\n  border: 0 !important;\n  border-radius: 12px !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25) !important;\n  text-shadow: none !important;\n  transition: all 200ms ease !important;\n  text-decoration: none !important;\n  height: auto !important;\n  line-height: 1.2 !important;\n}\n.spdhd-v2 .um .um-button:hover {\n  transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,196,201,0.35) !important;\n  color: #fff !important;\n}\n\n\/* Secondary UM button (the alt-action Register-on-login-form \/ Login-on-register-form) *\/\n.spdhd-v2 .um .um-button.um-alt {\n  background: #fff !important;\n  color: #1D2A35 !important;\n  border: 1px solid rgba(0,0,0,0.10) !important;\n  box-shadow: none !important;\n}\n.spdhd-v2 .um .um-button.um-alt:hover {\n  background: #F9FAFB !important; color: #1D2A35 !important;\n  border-color: rgba(30,196,201,0.40) !important;\n}\n\n\/* UM checkbox row (\"Keep me signed in\") *\/\n.spdhd-v2 .um .um-field-checkbox-option,\n.spdhd-v2 .um .um-field-checkbox label,\n.spdhd-v2 .um label[for*=\"checkbox\"] {\n  font-weight: 500 !important; color: #4B5563 !important; font-size: 14px !important;\n}\n\n\/* UM \"Forgot password\" \/ inline links *\/\n.spdhd-v2 .um a { color: #1EC4C9; font-weight: 600; }\n.spdhd-v2 .um a:hover { color: #1ab0b5; }\n\n\/* UM error \/ notice messages: only override the TEXT color so the\n   message is readable on UM's default red banner. Nothing else is\n   touched \u2014 UM's default background, padding, arrow, and layout all\n   stand. Minimal contrast fix, intentionally. *\/\n.spdhd-v2 .um .um-field-error,\n.spdhd-v2 .um .um-notice,\n.spdhd-v2 .um .um-notice-error,\n.spdhd-v2 .um .um-error,\n.spdhd-v2 .um .um-error-block {\n  color: #fff !important;\n}\n\n\/* ---- UM Account page (settings: Account \/ Change Password \/ Privacy \/ Delete) ---- *\/\n\n\/* The page itself shouldn't be cramped to the side *\/\n.spdhd-v2 .um.um-account {\n  max-width: 1100px; margin: 48px auto; padding: 0 24px;\n  background: transparent !important;\n}\n\n\/* Left sidebar (avatar + name + nav tabs) *\/\n.spdhd-v2 .um-account-side {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  padding: 24px 0 !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n  overflow: hidden;\n}\n\n\/* Avatar block (top of sidebar) *\/\n.spdhd-v2 .um-account-side .um-account-meta {\n  text-align: center !important;\n  padding: 0 16px 16px !important;\n  border-bottom: 1px solid #F3F4F6;\n}\n.spdhd-v2 .um-account-side .um-account-meta-img img {\n  width: 96px !important; height: 96px !important;\n  border-radius: 50% !important; object-fit: cover;\n  margin: 0 auto 12px !important;\n  border: 3px solid rgba(30,196,201,0.20) !important;\n}\n.spdhd-v2 .um-account-side .um-account-meta-info-name {\n  font-size: 16px !important; font-weight: 700 !important;\n  color: #1D2A35 !important; margin-bottom: 4px !important;\n}\n.spdhd-v2 .um-account-side .um-account-meta-info-name a { color: #1D2A35; }\n.spdhd-v2 .um-account-side .um-account-meta-info-url a {\n  font-size: 13px; color: #1EC4C9; font-weight: 600;\n}\n\n\/* Nav tabs (Account \/ Change Password \/ Privacy \/ Delete Account) *\/\n.spdhd-v2 .um-account-tabs { background: transparent !important; padding: 8px 0 !important; }\n.spdhd-v2 .um-account-tab,\n.spdhd-v2 .um-account-side a.current,\n.spdhd-v2 .um-account-side a {\n  background: transparent !important;\n  color: #4B5563 !important;\n  border: 0 !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  transition: all 150ms ease;\n}\n.spdhd-v2 .um-account-tab a,\n.spdhd-v2 .um-account-side a {\n  display: flex !important; align-items: center !important; gap: 12px !important;\n  padding: 12px 20px !important;\n  color: #4B5563 !important;\n  text-decoration: none !important;\n  border-radius: 0 !important;\n}\n.spdhd-v2 .um-account-tab a:hover,\n.spdhd-v2 .um-account-side a:hover {\n  background: rgba(30,196,201,0.05) !important;\n  color: #1D2A35 !important;\n}\n.spdhd-v2 .um-account-tab.current,\n.spdhd-v2 .um-account-tab.current a,\n.spdhd-v2 .um-account-side a.current {\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n  border-left: 3px solid #1EC4C9 !important;\n}\n.spdhd-v2 .um-account-tab i,\n.spdhd-v2 .um-account-side i {\n  color: inherit !important; font-size: 18px !important;\n  width: 20px !important; text-align: center !important;\n}\n\n\/* Main content pane (right side: form fields) *\/\n.spdhd-v2 .um-account-main {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  padding: 32px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n}\n\n\/* Section header above the form (e.g. \"Account\") *\/\n.spdhd-v2 .um-account-name h3,\n.spdhd-v2 .um-account-name {\n  font-size: 22px !important; font-weight: 700 !important;\n  color: #1D2A35 !important; margin: 0 0 24px 0 !important;\n  display: flex !important; align-items: center !important; gap: 10px !important;\n  padding: 0 !important; border: 0 !important;\n}\n.spdhd-v2 .um-account-name i { color: #1EC4C9 !important; font-size: 22px !important; }\n.spdhd-v2 .um-account-name a { color: inherit !important; }\n\n\/* Field labels *\/\n.spdhd-v2 .um-account .um-field-label,\n.spdhd-v2 .um-account .um-field-label label {\n  color: #1D2A35 !important; font-weight: 600 !important; font-size: 14px !important;\n  margin-bottom: 8px !important;\n}\n\n\/* Required marker *\/\n.spdhd-v2 .um-account .um-req { color: #DC2626 !important; }\n\n\/* Update Account submit row *\/\n.spdhd-v2 .um-account .um-button {\n  margin-top: 8px !important;\n}\n\n\/* Row layout \u2014 sidebar + main side-by-side on desktop, stacked on\n   mobile. Uses inline-block so we don't rely on any specific UM\n   wrapper class structure. *\/\n@media (min-width: 768px) {\n  .spdhd-v2 .um-account .um-account-side,\n  .spdhd-v2 .um-account .um-account-main {\n    display: inline-block !important;\n    vertical-align: top !important;\n    float: none !important;\n  }\n  .spdhd-v2 .um-account .um-account-side {\n    width: 280px !important;\n    margin-right: 32px !important;\n  }\n  .spdhd-v2 .um-account .um-account-main {\n    width: calc(100% - 280px - 32px - 8px) !important;\n  }\n}\n@media (max-width: 767px) {\n  \/* Stack the two cards. Force max-width:100% so neither card pokes\n     past the viewport on narrow screens. *\/\n  .spdhd-v2 .um.um-account,\n  .spdhd-v2 .um.um-account * { max-width: 100% !important; }\n  .spdhd-v2 .um-account .um-account-side,\n  .spdhd-v2 .um-account .um-account-main {\n    display: block !important;\n    width: 100% !important; max-width: 100% !important;\n    margin-right: 0 !important; float: none !important;\n  }\n  .spdhd-v2 .um-account .um-account-side {\n    margin-bottom: 24px !important;\n  }\n  \/* Hide UM's mobile-only compressed icon strip (the duplicate sidebar\n     that shows as bare icons + chevrons on mobile, see screenshot). *\/\n  .spdhd-v2 .um-account .um-account-nav-icons,\n  .spdhd-v2 .um-account .um-account-tabs-mobile,\n  .spdhd-v2 .um-account .um-account-side-mobile {\n    display: none !important;\n  }\n  \/* Form fields should respect the viewport *\/\n  .spdhd-v2 .um-account .um-field,\n  .spdhd-v2 .um-account .um-field input,\n  .spdhd-v2 .um-account .um-field select,\n  .spdhd-v2 .um-account .um-field textarea {\n    width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;\n  }\n  .spdhd-v2 .um-account .um-account-main { padding: 20px !important; }\n  \/* Prevent any wide child element from triggering horizontal scroll *\/\n  .spdhd-v2 .um.um-account { overflow-x: hidden !important; }\n}\n\n\/* ---- UM Profile + Edit Profile page (\/user\/<username>\/ and ?um_action=edit) ----\n\n   Layout goal (matches the Account page):\n   1. Cover photo  \u2192 standalone rounded card, bounded height, no overlap\n   2. Header card  \u2192 white card with centred avatar (overlapping cover by\n      -50% of avatar), name + status text centred below, small gear icon\n      pinned top-right of the card\n   3. Tabs card    \u2192 clean pill row, single-line, active state in teal\n   4. Body card    \u2192 white card with comfortable padding\n\n   We aggressively override UM's per-page inline styles (UM injects rules\n   like `.um-1137.um .um-profile-meta { padding-left: 250px; }` which\n   destroy the centred layout \u2014 we beat them with !important + higher\n   specificity by chaining the wrapper `.spdhd-v2`). *\/\n\n.spdhd-v2 .um.um-profile {\n  max-width: 1100px !important;\n  margin: 48px auto !important;\n  padding: 0 24px !important;\n  background: transparent !important;\n}\n\n\/* Reset the inner form wrapper \u2014 we style the cover\/header\/nav\/body as\n   individual cards instead of one big card containing everything. *\/\n.spdhd-v2 .um-profile > .um-form {\n  background: transparent !important;\n  border: 0 !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n\/* ---- 1. Cover photo card ---- *\/\n.spdhd-v2 .um-profile .um-cover {\n  height: 220px !important;\n  min-height: 0 !important;\n  max-height: 220px !important;\n  background: linear-gradient(135deg, rgba(30,196,201,0.20), rgba(166,224,28,0.20)) !important;\n  border-radius: 16px !important;\n  overflow: hidden !important;\n  position: relative !important;\n  margin: 0 0 16px 0 !important;\n  padding: 0 !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n}\n.spdhd-v2 .um-profile .um-cover .um-cover-e {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n  inset: 0 !important;\n  background-position: center !important;\n  background-size: cover !important;\n  border-radius: 0 !important;\n}\n.spdhd-v2 .um-profile .um-cover .um-cover-e img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: center !important;\n  display: block !important;\n}\n.spdhd-v2 .um-profile .um-cover-overlay {\n  background: linear-gradient(to top, rgba(0,0,0,0.18), transparent) !important;\n}\n@media (max-width: 640px) {\n  .spdhd-v2 .um-profile .um-cover {\n    height: 140px !important;\n    max-height: 140px !important;\n  }\n}\n\n\/* ---- 2. Header card (avatar + name + gear) ----\n   Sits below the cover with a -64px negative top margin so the avatar\n   overlaps the cover. We force a flexible block layout that centres the\n   content and pins the gear icon to the top-right corner. *\/\n.spdhd-v2 .um-profile .um-header {\n  position: relative !important;\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;\n  padding: 0 24px 24px 24px !important;\n  margin: -56px 0 16px 0 !important;\n  overflow: visible !important;\n  text-align: center !important;\n}\n\n\/* Avatar \u2014 sits centred at the top of the header card, half above the\n   card border. Override UM's per-page inline `top: -105px` and\n   `padding-left: 250px` rules. *\/\n.spdhd-v2 .um-profile .um-profile-photo {\n  position: relative !important;\n  top: auto !important; left: auto !important; right: auto !important;\n  margin: -64px auto 12px auto !important;\n  padding: 0 !important;\n  width: 128px !important;\n  height: 128px !important;\n  z-index: 2 !important;\n  display: block !important;\n  float: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-photo a.um-profile-photo-img,\n.spdhd-v2 .um-profile .um-profile-photo img {\n  position: static !important;\n  top: auto !important; left: auto !important;\n  width: 128px !important; height: 128px !important;\n  border-radius: 50% !important;\n  object-fit: cover !important;\n  border: 4px solid #fff !important;\n  box-shadow: 0 6px 16px rgba(0,0,0,0.10) !important;\n  background: #fff !important;\n  display: block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* Meta block (name + status). Override UM's per-page\n   `padding-left: 250px` rule so it's centred under the photo, not pushed\n   right of a phantom side-photo. *\/\n.spdhd-v2 .um-profile .um-profile-meta {\n  padding: 0 !important;\n  margin: 0 !important;\n  text-align: center !important;\n  display: block !important;\n  width: 100% !important;\n}\n.spdhd-v2 .um-profile .um-main-meta {\n  text-align: center !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n.spdhd-v2 .um-profile .um-name {\n  font-weight: 800 !important;\n  font-size: 24px !important;\n  color: #1D2A35 !important;\n  margin: 0 0 4px 0 !important;\n  text-align: center !important;\n  display: block !important;\n}\n.spdhd-v2 .um-profile .um-name a {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-status {\n  font-size: 13px !important;\n  color: #6B7280 !important;\n  margin: 4px 0 0 0 !important;\n  font-style: normal !important;\n}\n.spdhd-v2 .um-profile .um-profile-status.approved span {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  padding: 4px 10px !important;\n  background: rgba(22,163,74,0.10) !important;\n  color: #16A34A !important;\n  border-radius: 999px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n}\n\n\/* Gear icon \u2014 small circular button, top-right of the header card.\n   Override UM's default block positioning that puts it next to the name.\n   Reset background \/ border \/ border-radius \/ box-shadow on the WRAPPER\n   so only the inner <a> renders the circle \u2014 otherwise UM's default\n   wrapper styling shows as a squircle outline around the button. *\/\n.spdhd-v2 .um-profile .um-profile-edit.um-profile-headericon,\n.spdhd-v2 .um-profile .um-profile-headericon {\n  position: absolute !important;\n  top: 16px !important;\n  right: 16px !important;\n  left: auto !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  width: 40px !important;\n  height: 40px !important;\n  z-index: 3 !important;\n  background: transparent !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit-a {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 40px !important;\n  height: 40px !important;\n  padding: 0 !important;\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n  border-radius: 50% !important;\n  text-decoration: none !important;\n  font-size: 16px !important;\n  box-shadow: none !important;\n  transition: all 150ms ease !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit-a:hover {\n  background: #1EC4C9 !important;\n  color: #fff !important;\n  transform: none !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25) !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit-a i {\n  font-size: 16px !important;\n  line-height: 1 !important;\n}\n\n\/* Gear dropdown (Edit Profile \/ My Account \/ Logout) \u2014 floating menu\n   anchored to the gear icon. Stays above other cards. *\/\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown {\n  z-index: 100 !important;\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 12px !important;\n  box-shadow: 0 12px 30px rgba(0,0,0,0.12) !important;\n  padding: 8px !important;\n  min-width: 180px !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown ul {\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown li {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown a {\n  display: block !important;\n  padding: 10px 14px !important;\n  color: #1D2A35 !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  background: transparent !important;\n  text-align: left !important;\n}\n.spdhd-v2 .um-profile .um-profile-edit .um-dropdown a:hover {\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n}\n\n\/* ---- 3. Nav tabs (About \/ Posts \/ Comments) ----\n   UM renders each tab twice: once with `uimob800-show` (mobile variant)\n   and once with `uimob800-hide` (desktop variant). UM's own responsive\n   CSS is supposed to toggle them, but on our page both leak through and\n   we see duplicates. Force the toggle ourselves. *\/\n.spdhd-v2 .um-profile-nav,\n.spdhd-v2 .um-profile .um-profile-nav {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 12px !important;\n  padding: 6px !important;\n  margin: 0 0 16px 0 !important;\n  text-align: center !important;\n  display: flex !important;\n  justify-content: center !important;\n  flex-wrap: wrap !important;\n  gap: 4px !important;\n}\n\n\/* Hide UM's separate mobile dropdowns \/ extras that some configs add. *\/\n.spdhd-v2 .um-profile-nav select,\n.spdhd-v2 .um-profile-nav .um-profile-nav-select,\n.spdhd-v2 .um-profile-nav-mobile,\n.spdhd-v2 .um-profile-nav-extra,\n.spdhd-v2 .um-profile-nav-tabs-secondary,\n.spdhd-v2 .um-profile-tabs-mobile,\n.spdhd-v2 .um-tabs-mobile,\n.spdhd-v2 .um-profile-nav .um-dropdown-arrow-on-up,\n.spdhd-v2 .um-profile-nav .um-profile-nav-content + .um-profile-nav-content {\n  display: none !important;\n}\n\n\/* Each tab item is a div containing TWO <a> tags (one for mobile, one\n   for desktop). Show only the desktop one on desktop, only the mobile\n   one on mobile. *\/\n.spdhd-v2 .um-profile-nav-item {\n  background: transparent !important;\n  border: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  display: inline-flex !important;\n  vertical-align: middle !important;\n}\n.spdhd-v2 .um-profile-nav-item > a.uimob800-show,\n.spdhd-v2 .um-profile-nav-item > a.uimob500-show,\n.spdhd-v2 .um-profile-nav-item > a.uimob340-show {\n  display: none !important;\n}\n.spdhd-v2 .um-profile-nav-item > a.uimob800-hide,\n.spdhd-v2 .um-profile-nav-item > a.uimob500-hide,\n.spdhd-v2 .um-profile-nav-item > a.uimob340-hide {\n  display: inline-flex !important;\n}\n@media (max-width: 800px) {\n  .spdhd-v2 .um-profile-nav-item > a.uimob800-show {\n    display: inline-flex !important;\n  }\n  .spdhd-v2 .um-profile-nav-item > a.uimob800-hide {\n    display: none !important;\n  }\n}\n\n.spdhd-v2 .um-profile-nav-item a {\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  padding: 10px 18px !important;\n  color: #4B5563 !important;\n  background: transparent !important;\n  border-radius: 10px !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n  border: 0 !important;\n  transition: all 150ms ease !important;\n  white-space: nowrap !important;\n}\n.spdhd-v2 .um-profile-nav-item a:hover {\n  background: rgba(30,196,201,0.05) !important;\n  color: #1D2A35 !important;\n}\n.spdhd-v2 .um-profile-nav-item.active a,\n.spdhd-v2 .um-profile-nav-item a.active,\n.spdhd-v2 .um-profile-nav-item.current a {\n  background: rgba(30,196,201,0.10) !important;\n  color: #1EC4C9 !important;\n  font-weight: 700 !important;\n}\n\/* Explicit gap between icon and label. UM's um-old-default.min.css loads\n   AFTER our stylesheet and has !important rules on `<i>` margin with\n   equal\/higher specificity \u2014 so we lose on a cascade tie. Beat it by\n   chaining `body.spdhd-v2-body` (the body class already added by the\n   theme) to push our specificity above anything UM ships. *\/\nbody.spdhd-v2-body .spdhd-v2 .um.um-profile .um-profile-nav .um-profile-nav-item a > i,\nbody.spdhd-v2-body .spdhd-v2 .um-profile-nav-item a > i {\n  font-size: 16px !important;\n  color: inherit !important;\n  line-height: 1 !important;\n  margin: 0 10px 0 0 !important;\n  padding: 0 !important;\n  display: inline-block !important;\n  float: none !important;\n  position: static !important;\n  width: auto !important;\n  height: auto !important;\n  vertical-align: middle !important;\n}\nbody.spdhd-v2-body .spdhd-v2 .um.um-profile .um-profile-nav .um-profile-nav-item a > span,\nbody.spdhd-v2-body .spdhd-v2 .um-profile-nav-item a > span,\nbody.spdhd-v2-body .spdhd-v2 .um-profile-nav-item a > span.title {\n  color: inherit !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  display: inline !important;\n  vertical-align: middle !important;\n}\n\n\/* ---- 4. Body content card ---- *\/\n.spdhd-v2 .um-profile .um-profile-body {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;\n  padding: 32px !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-body h3,\n.spdhd-v2 .um-profile .um-profile-body h4 {\n  color: #1D2A35 !important;\n  font-weight: 700 !important;\n  margin: 0 0 12px 0 !important;\n}\n\n\/* Empty-state note (\"Your profile is looking a little empty\u2026\") *\/\n.spdhd-v2 .um-profile .um-profile-note {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 12px !important;\n  padding: 32px 16px !important;\n  text-align: center !important;\n  color: #6B7280 !important;\n  font-size: 15px !important;\n  line-height: 1.5 !important;\n  border-bottom: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-note i {\n  font-size: 48px !important;\n  color: rgba(30,196,201,0.40) !important;\n  line-height: 1 !important;\n}\n.spdhd-v2 .um-profile .um-profile-note span {\n  display: block !important;\n  max-width: 420px !important;\n}\n.spdhd-v2 .um-profile .um-profile-note a {\n  color: #1EC4C9 !important;\n  font-weight: 600 !important;\n  text-decoration: none !important;\n}\n.spdhd-v2 .um-profile .um-profile-note a:hover {\n  text-decoration: underline !important;\n}\n\n\/* Field rows in the About tab (User Info etc.) *\/\n.spdhd-v2 .um-profile .um-item-meta {\n  padding: 16px 0 !important;\n  border-bottom: 1px solid #F3F4F6 !important;\n}\n.spdhd-v2 .um-profile .um-item-meta:last-child {\n  border-bottom: 0 !important;\n}\n.spdhd-v2 .um-profile .um-profile-note-title,\n.spdhd-v2 .um-profile .um-field-label {\n  font-weight: 600 !important;\n  color: #6B7280 !important;\n  font-size: 13px !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.04em !important;\n}\n.spdhd-v2 .um-profile .um-profile-note-content,\n.spdhd-v2 .um-profile .um-field-area {\n  color: #1D2A35 !important;\n  font-size: 15px !important;\n  margin-top: 4px !important;\n}\n\n\/* Mobile: tighter padding, smaller avatar *\/\n@media (max-width: 640px) {\n  .spdhd-v2 .um.um-profile {\n    margin: 24px auto !important;\n    padding: 0 16px !important;\n  }\n  .spdhd-v2 .um-profile .um-header {\n    margin-top: -40px !important;\n    padding: 0 16px 20px 16px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-photo {\n    margin-top: -48px !important;\n    width: 96px !important;\n    height: 96px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-photo a.um-profile-photo-img,\n  .spdhd-v2 .um-profile .um-profile-photo img {\n    width: 96px !important;\n    height: 96px !important;\n    border-width: 3px !important;\n  }\n  .spdhd-v2 .um-profile .um-name {\n    font-size: 20px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-edit.um-profile-headericon,\n  .spdhd-v2 .um-profile .um-profile-headericon {\n    top: 12px !important;\n    right: 12px !important;\n    width: 36px !important;\n    height: 36px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-edit-a {\n    width: 36px !important;\n    height: 36px !important;\n    font-size: 14px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-nav {\n    flex-wrap: wrap !important;\n    gap: 4px !important;\n  }\n  .spdhd-v2 .um-profile-nav-item a {\n    padding: 8px 12px !important;\n    font-size: 13px !important;\n  }\n  .spdhd-v2 .um-profile .um-profile-body {\n    padding: 20px !important;\n  }\n}\n\n\/* ---- UM Edit Profile mode (?um_action=edit on the profile URL) ---- *\/\n\n\/* When UM switches the profile into edit mode it adds .um-edit-mode to\n   the profile container and renders the same nav + a long form below.\n   Make the form fields full-width, wrap in a real card, and ensure no\n   horizontal overflow on mobile. *\/\n.spdhd-v2 .um.um-profile.um-editing,\n.spdhd-v2 .um.um-profile.um-edit,\n.spdhd-v2 .um-profile.um-editing,\n.spdhd-v2 .um-profile.um-edit {\n  max-width: 1100px !important;\n}\n\n.spdhd-v2 .um-profile.um-editing .um-form,\n.spdhd-v2 .um-profile.um-edit .um-form,\n.spdhd-v2 .um-profile .um-profile-edit-form,\n.spdhd-v2 .um-profile-edit {\n  background: #fff !important;\n  border: 1px solid rgba(0,0,0,0.08) !important;\n  border-radius: 16px !important;\n  padding: 32px !important;\n  margin-top: 24px !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;\n}\n\n.spdhd-v2 .um-profile .um-field,\n.spdhd-v2 .um-profile .um-field-area {\n  width: 100% !important; max-width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n.spdhd-v2 .um-profile .um-field input[type=\"text\"],\n.spdhd-v2 .um-profile .um-field input[type=\"email\"],\n.spdhd-v2 .um-profile .um-field input[type=\"url\"],\n.spdhd-v2 .um-profile .um-field input[type=\"number\"],\n.spdhd-v2 .um-profile .um-field input[type=\"tel\"],\n.spdhd-v2 .um-profile .um-field input[type=\"date\"],\n.spdhd-v2 .um-profile .um-field textarea,\n.spdhd-v2 .um-profile .um-field select {\n  width: 100% !important;\n  padding: 12px 14px !important;\n  border: 1px solid #E5E7EB !important;\n  background: #F3F3F5 !important;\n  border-radius: 10px !important;\n  font-size: 15px !important; color: #1D2A35 !important;\n  box-sizing: border-box !important;\n}\n\n.spdhd-v2 .um-profile .um-field input:focus,\n.spdhd-v2 .um-profile .um-field textarea:focus,\n.spdhd-v2 .um-profile .um-field select:focus {\n  outline: none !important; background: #fff !important;\n  border-color: #1EC4C9 !important;\n  box-shadow: 0 0 0 3px rgba(30,196,201,0.15) !important;\n}\n\n.spdhd-v2 .um-profile .um-field-label,\n.spdhd-v2 .um-profile .um-field-label label {\n  font-size: 14px !important; font-weight: 600 !important;\n  color: #1D2A35 !important; margin-bottom: 6px !important;\n}\n\n.spdhd-v2 .um-profile .um-col-alt,\n.spdhd-v2 .um-profile .um-form-buttons,\n.spdhd-v2 .um-profile .um-button-row {\n  text-align: center !important; margin-top: 24px !important;\n  display: flex !important; justify-content: center !important; gap: 12px !important;\n  flex-wrap: wrap !important;\n}\n\n\/* Save \/ Cancel buttons in edit form *\/\n.spdhd-v2 .um-profile .um-form input[type=\"submit\"],\n.spdhd-v2 .um-profile .um-form .um-button,\n.spdhd-v2 .um-profile .um-button-row .um-button {\n  padding: 12px 28px !important;\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5) !important;\n  color: #fff !important;\n  font-weight: 700 !important; font-size: 15px !important;\n  border: 0 !important; border-radius: 12px !important;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25) !important;\n  cursor: pointer !important;\n}\n.spdhd-v2 .um-profile .um-button.um-alt,\n.spdhd-v2 .um-profile .um-button-cancel {\n  background: #fff !important; color: #1D2A35 !important;\n  border: 1px solid rgba(0,0,0,0.10) !important;\n  box-shadow: none !important;\n}\n\n\/* Mobile padding *\/\n@media (max-width: 640px) {\n  .spdhd-v2 .um-profile.um-editing .um-form,\n  .spdhd-v2 .um-profile.um-edit .um-form,\n  .spdhd-v2 .um-profile-edit { padding: 20px !important; }\n  .spdhd-v2 .um.um-profile,\n  .spdhd-v2 .um-profile { overflow-x: hidden !important; }\n}\n\n\/* ---- Stars ---- *\/\n.mr-stars { color: #FBBC05; letter-spacing: 2px; font-size: 14px; }\n\n\/* ---- Quote glyph (subtle) ---- *\/\n.mr-quote-glyph {\n  position: absolute; top: 16px; right: 16px;\n  font-size: 64px; line-height: 1; color: rgba(30,196,201,0.10);\n  font-family: Georgia, serif; font-weight: 700;\n}\n\n\/* ---- Pricing \/ objectives list ---- *\/\n.mr-objectives li {\n  list-style: none; padding-left: 30px; position: relative; margin: 10px 0;\n  color: #1D2A35; font-size: 15px; line-height: 1.5;\n}\n.mr-objectives li::before {\n  content: \"\"; position: absolute; left: 0; top: 6px;\n  width: 18px; height: 18px; border-radius: 50%;\n  background: rgba(30,196,201,0.20);\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%231EC4C9' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat; background-position: center;\n  background-size: 12px;\n}\n\n\/* ---- Service detail layout ---- *\/\n.mr-service-hero {\n  padding: 80px 0; background: linear-gradient(135deg, rgba(30,196,201,0.06), #fff 50%, rgba(166,224,28,0.06));\n}\n.mr-service-hero-grid {\n  display:grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;\n}\n@media (max-width: 1024px) { .mr-service-hero-grid { grid-template-columns: 1fr; gap: 32px; } }\n\n\/* Generic mobile safety net for the long-title service pages:\n   any two-column inline-grid layout used in the body content must stack. *\/\n@media (max-width: 768px) {\n  .spdhd-v2 [style*=\"grid-template-columns\"] { grid-template-columns: 1fr !important; }\n  .spdhd-v2 [style*=\"display:flex\"][style*=\"gap\"] { flex-wrap: wrap; }\n  \/* Keep all images inside the v2 wrapper bounded by their parent on mobile.\n     Prevents long Calendly iframes \/ wide widgets from forcing horizontal scroll. *\/\n  .spdhd-v2 iframe { max-width: 100% !important; }\n  .spdhd-v2 .mr-container { overflow-x: hidden; }\n}\n.mr-service-meta { display:flex; flex-wrap:wrap; gap:8px; margin: 16px 0 24px; }\n.mr-service-meta .mr-badge { background: rgba(30,196,201,.10); border-color: rgba(30,196,201,.20); color: #1D2A35; }\n.mr-service-image {\n  border-radius: 24px; overflow: hidden;\n  box-shadow: 0 25px 50px rgba(0,0,0,0.15);\n}\n.mr-service-image img { width:100%; aspect-ratio: 4\/3; object-fit: cover; }\n.mr-section-band { padding: 64px 0; }\n.mr-stat {\n  text-align:center; padding: 24px;\n  background:#fff; border-radius: 16px; border: 1px solid rgba(0,0,0,0.06);\n}\n.mr-stat .num { font-size: 36px; font-weight: 800; color: #1EC4C9; line-height: 1; }\n.mr-stat .lbl { font-size: 14px; color: #6B7280; margin-top: 6px; }\n\n\/* ---- Utility ---- *\/\n.mr-tag-turcoaz { color: #1EC4C9; }\n.mr-tag-verde   { color: #A6E01C; }\n.mr-muted       { color: #6B7280; }\n.mr-strong      { font-weight: 700; }\n.mr-flex { display:flex; }\n.mr-flex-center { display:flex; align-items:center; justify-content:center; }\n.mr-flex-between { display:flex; align-items:center; justify-content:space-between; gap: 16px; flex-wrap: wrap; }\n.mr-gap-sm { gap: 8px; }\n.mr-gap-md { gap: 16px; }\n.mr-gap-lg { gap: 24px; }\n.mr-w-full { width: 100%; }\n.mr-rounded-xl { border-radius: 16px; }\n.mr-rounded-2xl { border-radius: 24px; }\n.mr-shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }\n.mr-shadow { box-shadow: 0 4px 12px rgba(0,0,0,0.08); }\n.mr-shadow-lg { box-shadow: 0 12px 30px rgba(0,0,0,0.12); }\n\n\/* ---- Blog ---- *\/\n\n\/* Prose styling for the body of a single blog post. Gutenberg blocks\n   inside the_content() render with these typography defaults so posts\n   look consistent with the rest of the site. *\/\n.spdhd-v2 .mr-post-body h2 {\n  font-size: 28px; line-height: 1.25; color: #1D2A35; font-weight: 800;\n  margin: 48px 0 16px;\n}\n.spdhd-v2 .mr-post-body h3 {\n  font-size: 22px; line-height: 1.3; color: #1D2A35; font-weight: 700;\n  margin: 36px 0 12px;\n}\n.spdhd-v2 .mr-post-body h4 {\n  font-size: 18px; line-height: 1.4; color: #1D2A35; font-weight: 700;\n  margin: 28px 0 10px;\n}\n.spdhd-v2 .mr-post-body p {\n  margin: 0 0 20px;\n}\n.spdhd-v2 .mr-post-body a {\n  color: #1EC4C9; text-decoration: underline; text-underline-offset: 3px;\n}\n.spdhd-v2 .mr-post-body a:hover {\n  color: #1ab0b5;\n}\n.spdhd-v2 .mr-post-body ul,\n.spdhd-v2 .mr-post-body ol {\n  margin: 0 0 20px; padding-left: 28px;\n}\n.spdhd-v2 .mr-post-body li {\n  margin: 8px 0;\n}\n.spdhd-v2 .mr-post-body blockquote {\n  margin: 32px 0; padding: 20px 28px;\n  border-left: 4px solid #1EC4C9;\n  background: rgba(30,196,201,0.05);\n  border-radius: 0 12px 12px 0;\n  font-style: italic; color: #4B5563;\n}\n.spdhd-v2 .mr-post-body blockquote p:last-child {\n  margin-bottom: 0;\n}\n.spdhd-v2 .mr-post-body img,\n.spdhd-v2 .mr-post-body figure {\n  max-width: 100%; height: auto;\n  border-radius: 12px;\n  margin: 28px 0;\n}\n.spdhd-v2 .mr-post-body figcaption {\n  font-size: 14px; color: #6B7280; text-align: center; margin-top: 8px;\n}\n.spdhd-v2 .mr-post-body code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 14px; padding: 2px 6px;\n  background: #F3F4F6; border-radius: 4px;\n}\n.spdhd-v2 .mr-post-body pre {\n  margin: 28px 0; padding: 20px;\n  background: #1D2A35; color: #E5E7EB;\n  border-radius: 12px; overflow-x: auto;\n  font-size: 14px; line-height: 1.6;\n}\n.spdhd-v2 .mr-post-body pre code {\n  background: transparent; padding: 0; color: inherit;\n}\n.spdhd-v2 .mr-post-body hr {\n  border: 0; border-top: 1px solid #E5E7EB; margin: 40px 0;\n}\n\n\/* Pagination on blog index + archives. WP outputs a nav.navigation\n   wrapper with .page-numbers spans\/anchors inside. *\/\n.mr-blog-pagination,\n.spdhd-v2 nav.navigation.pagination,\n.spdhd-v2 .pagination {\n  display: flex; justify-content: center; align-items: center;\n  gap: 8px; flex-wrap: wrap;\n}\n.spdhd-v2 .page-numbers {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 40px; height: 40px;\n  padding: 0 14px;\n  background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: 10px;\n  color: #1D2A35; font-weight: 600; font-size: 14px;\n  text-decoration: none;\n  transition: all 150ms ease;\n}\n.spdhd-v2 .page-numbers:hover {\n  background: rgba(30,196,201,0.10);\n  color: #1EC4C9; border-color: rgba(30,196,201,0.30);\n}\n.spdhd-v2 .page-numbers.current {\n  background: linear-gradient(to right, #1EC4C9, #1ab0b5);\n  color: #fff !important; border-color: transparent;\n  box-shadow: 0 4px 12px rgba(30,196,201,0.25);\n}\n.spdhd-v2 .page-numbers.dots {\n  border: 0; background: transparent; color: #9CA3AF;\n}\n\n\/* Mobile: tighter spacing for blog grid *\/\n@media (max-width: 640px) {\n  .spdhd-v2 .mr-blog-grid {\n    grid-template-columns: 1fr !important;\n    gap: 20px !important;\n  }\n  .spdhd-v2 .mr-post-body { font-size: 16px !important; }\n  .spdhd-v2 .mr-post-body h2 { font-size: 24px; }\n  .spdhd-v2 .mr-post-body h3 { font-size: 19px; }\n}\n\n\/* ============================================================\n   Gutenberg bridge classes (helper v2.6.0+)\n\n   These let converted pages reference real CSS classes instead of\n   ad-hoc inline styles, so the block markup stays clean and valid\n   in the WP editor (no \"this block contains unexpected content\"\n   warnings). Used by the native-block pages under pages\/*.blocks.html\n   and by the registered block patterns. See CLAUDE.md \"Visual editing\".\n   ============================================================ *\/\n\n\/* Inline accent word inside a heading (e.g. \"...devin superputeri.\") *\/\n.spdhd-v2 .mr-accent { color: #1EC4C9; }\n\n\/* A run of intro\/body prose: 18px muted, comfortable rhythm. Replaces\n   the repeated inline style=\"font-size:18px;color:#6B7280;line-height:1.6\"\n   on the mission paragraphs. *\/\n.spdhd-v2 .mr-prose > p,\n.spdhd-v2 p.mr-prose { font-size: 18px; line-height: 1.6; color: #6B7280; }\n.spdhd-v2 .mr-prose > p { margin: 0 0 24px 0; }\n.spdhd-v2 .mr-prose > p:last-child { margin-bottom: 0; }\n\n\/* Value-card grid: responsive 2-up, collapses to 1-up on small screens.\n   (The core Columns block could do this, but a dedicated grid keeps the\n   block markup simpler and the gutters consistent with the design.) *\/\n.spdhd-v2 .mr-value-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n}\n@media (max-width: 640px) { .spdhd-v2 .mr-value-grid { grid-template-columns: 1fr; } }\n\n\/* Soft tinted value card with an icon-square, heading and blurb. *\/\n.spdhd-v2 .mr-value-card {\n  background: #F9FAFB;\n  border: 1px solid #F3F4F6;\n  border-radius: 24px;\n  padding: 32px;\n}\n.spdhd-v2 .mr-value-card h3 { font-size: 18px; margin: 0 0 8px 0; }\n.spdhd-v2 .mr-value-card p  { font-size: 14px; color: #6B7280; margin: 0; }\n.spdhd-v2 .mr-value-card .mr-icon-square { background:#fff; box-shadow:0 4px 12px rgba(0,0,0,0.05); margin-bottom:16px; }\n\n\/* When a Group block carries .mr-section\/.mr-cta-turcoaz etc., neutralise\n   the editor\/theme default block margins so spacing comes from our classes. *\/\n.spdhd-v2 .wp-block-group.mr-section,\n.spdhd-v2 .wp-block-group.mr-subhero,\n.spdhd-v2 .wp-block-group.mr-cta-turcoaz { margin-top: 0; margin-bottom: 0; }\n\n\/* Native core\/button block styles mapped to the MindRise pill buttons.\n   Registered via register_block_style() in functions.php as\n   is-style-mr-white and is-style-mr-ghost-dark, so editors pick them\n   from the block's Styles panel and keep full text\/link editing. *\/\n.spdhd-v2 .wp-block-button.is-style-mr-white > .wp-block-button__link {\n  background:#fff; color:#1EC4C9; border-radius:9999px;\n  padding:14px 28px; font-weight:700; font-size:15px;\n  box-shadow:0 4px 12px rgba(0,0,0,.10); border:none;\n}\n.spdhd-v2 .wp-block-button.is-style-mr-white > .wp-block-button__link:hover { transform: translateY(-2px); color:#1EC4C9; }\n.spdhd-v2 .wp-block-button.is-style-mr-ghost-dark > .wp-block-button__link {\n  background:transparent; color:#fff; border:1px solid rgba(255,255,255,.40);\n  border-radius:9999px; padding:14px 28px; font-weight:700; font-size:15px;\n}\n.spdhd-v2 .wp-block-button.is-style-mr-ghost-dark > .wp-block-button__link:hover { background: rgba(255,255,255,.10); color:#fff; }\n\n\/* About-page parity helpers \u2014 faithful reproduction of the original\n   pages\/about.html inline spacing on the converted native-block page. *\/\n.mr-grid-2.mr-gap-64 { gap: 64px; }\n\/* Compound selector so it also wins inside the block editor, where layout\n   support injects competing align-items rules on .wp-block-group. *\/\n.mr-grid-2.mr-items-center { align-items: center; }\n.spdhd-v2 .mr-border-b-teal { border-bottom: 1px solid rgba(30,196,201,0.10); }\n@media (max-width: 640px) { .mr-grid-2.mr-gap-64 { gap: 32px; } }\n\n\/* Neutralise the browser's default yellow <mark> highlight for inline\n   text-colour formats (core \"Text color\" wraps words in <mark class=\n   \"has-inline-color\">). WP normally sets a transparent bg inline; this is\n   a scoped safety net so coloured words never show a yellow background. *\/\n.spdhd-v2 mark.has-inline-color { background-color: transparent; }\n\n\/* CSS-grid children must NOT carry the block editor's vertical blockGap\n   margins. WordPress layout support injects margin-block-start on every\n   child after the first; inside a real CSS grid that offsets items and\n   staggers them. Zero it out for our grids so rows align cleanly. *\/\n.spdhd-v2 .mr-grid-2 > *, .spdhd-v2 .mr-value-grid > * { margin-top: 0; margin-bottom: 0; }\n\n\/* The CTA banner heading must stay white. In the block editor a theme.json\n   heading-colour rule beats the base .mr-cta-turcoaz h2, so scope it under\n   .spdhd-v2 for higher specificity (harmless on the front end, where it's\n   already white). *\/\n.spdhd-v2 .mr-cta-turcoaz h2, .spdhd-v2 .mr-cta-turcoaz p { color: #fff; }\n\n\/* Value-card icons rendered as CSS ::before (data-URI SVGs) instead of\n   inline <svg> in wp:html blocks. The block editor renders html blocks in\n   an isolated sandbox iframe (no theme CSS, white bg) which made the\n   icons inconsistent\/oversized in the editor. As CSS they render\n   identically in the editor canvas and on the front end \u2014 true WYSIWYG. *\/\n.spdhd-v2 .mr-value-card::before{content:'';display:block;width:56px;height:56px;border-radius:16px;background:#fff center\/28px 28px no-repeat;box-shadow:0 4px 12px rgba(0,0,0,0.05);margin-bottom:16px;}\n.spdhd-v2 .mr-vc-empatie::before{background-image:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2728%27%20height%3D%2728%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%231EC4C9%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z%27%2F%3E%3C%2Fsvg%3E\");}\n.spdhd-v2 .mr-vc-claritate::before{background-image:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2728%27%20height%3D%2728%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23A6E01C%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272%27%2F%3E%3C%2Fsvg%3E\");}\n.spdhd-v2 .mr-vc-inovatie::before{background-image:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2728%27%20height%3D%2728%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%231D2A35%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%203h6a4%204%200%200%201%204%204v14a3%203%200%200%200-3-3H2z%27%2F%3E%3Cpath%20d%3D%27M22%203h-6a4%204%200%200%200-4%204v14a3%203%200%200%201%203-3h7z%27%2F%3E%3C%2Fsvg%3E\");}\n.spdhd-v2 .mr-vc-echilibru::before{background-image:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2728%27%20height%3D%2728%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%231EC4C9%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%27%2F%3E%3Ccircle%20cx%3D%279%27%20cy%3D%277%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M23%2021v-2a4%204%200%200%200-3-3.87%27%2F%3E%3Cpath%20d%3D%27M16%203.13a4%204%200%200%201%200%207.75%27%2F%3E%3C%2Fsvg%3E\");}\n<\/style>\n<script>if(typeof document!==\"undefined\"){document.body.classList.add(\"spdhd-v2-body\");}<\/script><style>\n    .spdhd-v2 .mr-legal { color:#4B5563; line-height:1.6; }\n    .spdhd-v2 .mr-legal .lead { font-size:18px; font-weight:600; color:#3A4F63; margin-bottom:32px; }\n    .spdhd-v2 .mr-legal h2 { font-size:24px; font-weight:700; color:#1D2A35; margin-top:40px; margin-bottom:16px; }\n    .spdhd-v2 .mr-legal h3 { font-size:20px; font-weight:700; color:#1D2A35; margin-top:24px; margin-bottom:8px; }\n    .spdhd-v2 .mr-legal p { font-size:18px; margin-bottom:16px; }\n    .spdhd-v2 .mr-legal ul { list-style:disc; padding-left:24px; margin-bottom:16px; }\n    .spdhd-v2 .mr-legal ul li { margin-bottom:8px; }\n    .spdhd-v2 .mr-legal a { color:#1EC4C9; font-weight:500; text-decoration:none; }\n    .spdhd-v2 .mr-legal a:hover { text-decoration:underline; }\n    .spdhd-v2 .mr-legal .callout { background:rgba(166,224,28,0.10); border-left:4px solid #A6E01C; padding:16px; border-radius:0 8px 8px 0; margin:24px 0; }\n    .spdhd-v2 .mr-legal .callout p { color:#1D2A35; font-weight:500; margin-bottom:0; }\n  <\/style>\n\n  <!-- HERO -->\n  <section class=\"mr-bg-turcoaz-5\" style=\"border-bottom:1px solid rgba(30,196,201,0.10); padding:64px 0;\">\n    <div class=\"mr-container\" style=\"max-width:896px;\">\n      <a href=\"\/home\" style=\"display:inline-block; color:#1EC4C9; font-weight:500; margin-bottom:32px;\">\u2190 \u00cenapoi la pagina principal\u0103<\/a>\n      <h1 style=\"font-size:48px; letter-spacing:-0.02em;\">Politica de Confiden\u021bialitate<\/h1>\n      <p style=\"font-size:18px; font-weight:500; color:#6B7280; margin:0;\">Ultima actualizare: 25 Aprilie 2026<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- BODY -->\n  <section style=\"padding:64px 0;\">\n    <div class=\"mr-container\" style=\"max-width:896px;\">\n<div class=\"mr-legal\">\n\n<p class=\"lead\">Aceast\u0103 Politic\u0103 de Confiden\u021bialitate explic\u0103 modul \u00een care Performance Enhancement Centre S.R.L., prin platforma MindRise, colecteaz\u0103, utilizeaz\u0103, stocheaz\u0103 \u0219i protejeaz\u0103 datele cu caracter personal ale vizitatorilor site-ului \u0219i ale persoanelor care ne contacteaz\u0103.<\/p>\n\n<h2>1. Operatorul de date<\/h2>\n<p>Operatorul datelor cu caracter personal este:<br><br>\n<strong>PERFORMANCE ENHANCEMENT CENTRE S.R.L.<\/strong><br>\n<strong>CIF:<\/strong> 52191604<br>\n<strong>Nr. Reg. Com.:<\/strong> J2025053456006<br>\n<strong>Sediu:<\/strong> Str. T\u0103u\u021biului, Nr. 89D, Flore\u0219ti, Cluj<br>\n<strong>Email:<\/strong> <a href=\"mailto:contact@mindrise.ro\">contact@mindrise.ro<\/a><br>\n<strong>Telefon:<\/strong> <a href=\"tel:+40745398960\">+40 745 398 960<\/a><\/p>\n\n<h2>2. Ce date colect\u0103m<\/h2>\n<p>Putem colecta date cu caracter personal doar atunci c\u00e2nd ni le furniza\u021bi voluntar, de exemplu prin formulare, email, telefon sau alte metode de contact disponibile pe site.<\/p>\n<p>Datele colectate pot include:<\/p>\n<ul>\n  <li>nume \u0219i prenume;<\/li>\n  <li>adres\u0103 de email;<\/li>\n  <li>num\u0103r de telefon;<\/li>\n  <li>informa\u021bii despre copil sau beneficiar, dac\u0103 serviciile solicitate implic\u0103 minori;<\/li>\n  <li>informa\u021bii transmise voluntar prin formulare, email sau alte canale de comunicare;<\/li>\n  <li>date necesare pentru program\u0103ri, facturare sau furnizarea serviciilor;<\/li>\n  <li>date tehnice minime privind utilizarea site-ului, precum adresa IP, tipul de browser, dispozitivul folosit sau paginile accesate, dac\u0103 sunt utilizate instrumente de analiz\u0103 sau securitate.<\/li>\n<\/ul>\n\n<h2>3. Scopul colect\u0103rii datelor<\/h2>\n<p>Datele personale sunt colectate \u0219i utilizate exclusiv pentru scopuri legitime, clare \u0219i necesare, precum:<\/p>\n<ul>\n  <li>comunicarea cu persoanele interesate;<\/li>\n  <li>gestionarea solicit\u0103rilor primite prin site;<\/li>\n  <li>realizarea program\u0103rilor;<\/li>\n  <li>furnizarea serviciilor solicitate;<\/li>\n  <li>emiterea documentelor fiscale \u0219i \u00eendeplinirea obliga\u021biilor contabile;<\/li>\n  <li>\u00eembun\u0103t\u0103\u021birea serviciilor \u0219i a experien\u021bei utilizatorilor;<\/li>\n  <li>asigurarea func\u021bion\u0103rii \u0219i securit\u0103\u021bii site-ului.<\/li>\n<\/ul>\n\n<h2>4. Temeiul legal al prelucr\u0103rii<\/h2>\n<p>Prelucr\u0103m datele cu caracter personal \u00een baza unuia sau mai multora dintre urm\u0103toarele temeiuri legale:<\/p>\n<ul>\n  <li>consim\u021b\u0103m\u00e2ntul persoanei vizate;<\/li>\n  <li>executarea unui contract sau efectuarea unor demersuri precontractuale;<\/li>\n  <li>\u00eendeplinirea unor obliga\u021bii legale;<\/li>\n  <li>interesul legitim al companiei de a comunica, administra \u0219i proteja site-ul \u0219i serviciile oferite.<\/li>\n<\/ul>\n\n<h2>5. Date anonimizate \u0219i utilizare \u00een scop de cercetare<\/h2>\n<div class=\"callout\">\n  <p>\u00cen cazul utiliz\u0103rii unor instrumente, chestionare, teste, metode de evaluare sau dispozitive de m\u0103surare, rezultatele pot fi anonimizate. Datele anonimizate nu permit identificarea direct\u0103 sau indirect\u0103 a persoanei \u0219i pot fi utilizate \u00een scopuri statistice, educa\u021bionale sau de cercetare, pentru dezvoltarea \u0219i \u00eembun\u0103t\u0103\u021birea serviciilor oferite.<\/p>\n<\/div>\n\n<h2>6. Date privind minorii<\/h2>\n<p>\u00cen situa\u021bia \u00een care serviciile vizeaz\u0103 minori, datele despre copil pot fi colectate doar \u00een m\u0103sura necesar\u0103 pentru furnizarea serviciilor solicitate \u0219i, dup\u0103 caz, pe baza acordului p\u0103rintelui sau reprezentantului legal. Nu colect\u0103m \u00een mod inten\u021bionat date despre minori f\u0103r\u0103 implicarea sau acordul reprezentantului legal.<\/p>\n\n<h2>7. Stocarea datelor<\/h2>\n<p>Datele personale sunt p\u0103strate doar at\u00e2t timp c\u00e2t este necesar pentru scopurile pentru care au fost colectate sau conform obliga\u021biilor legale aplicabile.<\/p>\n<p>Datele necesare pentru facturare \u0219i eviden\u021b\u0103 contabil\u0103 pot fi p\u0103strate pe durata prev\u0103zut\u0103 de legisla\u021bia fiscal-contabil\u0103. Datele transmise prin solicit\u0103ri sau formulare sunt p\u0103strate doar pe perioada necesar\u0103 solu\u021bion\u0103rii cererii \u0219i administr\u0103rii rela\u021biei cu beneficiarul.<\/p>\n\n<h2>8. Cui transmitem datele<\/h2>\n<p>Datele personale pot fi transmise doar atunci c\u00e2nd este necesar \u0219i \u00een mod limitat c\u0103tre:<\/p>\n<ul>\n  <li>furnizori de servicii contabile, pentru facturare;<\/li>\n  <li>furnizori IT, pentru mentenan\u021ba, securitatea \u0219i func\u021bionarea site-ului;<\/li>\n  <li>furnizori de servicii de hosting, email sau formulare online;<\/li>\n  <li>autorit\u0103\u021bi publice sau institu\u021bii competente, atunci c\u00e2nd exist\u0103 o obliga\u021bie legal\u0103.<\/li>\n<\/ul>\n<p>Nu vindem, nu \u00eenchiriem \u0219i nu folosim datele personale \u00een scopuri de marketing f\u0103r\u0103 consim\u021b\u0103m\u00e2ntul dumneavoastr\u0103.<\/p>\n\n<h2>9. Drepturile utilizatorilor<\/h2>\n<p>Conform legisla\u021biei privind protec\u021bia datelor, ave\u021bi urm\u0103toarele drepturi:<\/p>\n<ul>\n  <li>dreptul de acces la datele personale;<\/li>\n  <li>dreptul de rectificare a datelor incorecte sau incomplete;<\/li>\n  <li>dreptul la \u0219tergerea datelor, \u00een condi\u021biile legii;<\/li>\n  <li>dreptul la restric\u021bionarea prelucr\u0103rii;<\/li>\n  <li>dreptul de opozi\u021bie;<\/li>\n  <li>dreptul la portabilitatea datelor;<\/li>\n  <li>dreptul de a v\u0103 retrage consim\u021b\u0103m\u00e2ntul, atunci c\u00e2nd prelucrarea se bazeaz\u0103 pe consim\u021b\u0103m\u00e2nt.<\/li>\n<\/ul>\n<p>Pentru exercitarea acestor drepturi, ne pute\u021bi contacta la <a href=\"mailto:contact@mindrise.ro\">contact@mindrise.ro<\/a>.<\/p>\n\n<h2>10. Securitatea datelor<\/h2>\n<p>Lu\u0103m m\u0103suri tehnice \u0219i organizatorice rezonabile pentru protejarea datelor personale \u00eempotriva accesului neautorizat, pierderii, modific\u0103rii, divulg\u0103rii sau utiliz\u0103rii necorespunz\u0103toare. Totu\u0219i, nicio metod\u0103 de transmitere sau stocare electronic\u0103 nu este complet sigur\u0103, iar utilizatorii sunt \u00eencuraja\u021bi s\u0103 evite transmiterea informa\u021biilor sensibile prin canale nesecurizate.<\/p>\n\n<h2>11. Cookie-uri \u0219i tehnologii similare<\/h2>\n<p>Site-ul poate utiliza cookie-uri sau tehnologii similare pentru func\u021bionare, analiz\u0103 de trafic, securitate \u0219i \u00eembun\u0103t\u0103\u021birea experien\u021bei utilizatorilor. Pentru mai multe detalii, consulta\u021bi <a href=\"\/cookies\">Politica de Cookie-uri<\/a>.<\/p>\n\n<h2>12. Modific\u0103ri ale politicii<\/h2>\n<p>Ne rezerv\u0103m dreptul de a actualiza aceast\u0103 Politic\u0103 de Confiden\u021bialitate pentru a reflecta modific\u0103ri legislative, tehnice sau opera\u021bionale. Versiunea actualizat\u0103 va fi publicat\u0103 pe aceast\u0103 pagin\u0103, \u00eempreun\u0103 cu data ultimei actualiz\u0103ri.<\/p>\n\n<h2>13. Contact<\/h2>\n<p>Pentru \u00eentreb\u0103ri privind aceast\u0103 Politic\u0103 de Confiden\u021bialitate sau modul \u00een care sunt prelucrate datele personale, ne pute\u021bi contacta la <a href=\"mailto:contact@mindrise.ro\">contact@mindrise.ro<\/a>.<\/p>\n\n<\/div>\n    <\/div>\n  <\/section>\n","protected":false},"excerpt":{"rendered":"\u2190 \u00cenapoi la pagina principal\u0103 Politica de Confiden\u021bialitate Ultima actualizare: 25 Aprilie 2026 Aceast\u0103 Politic\u0103 de Confiden\u021bialitate explic\u0103 modul \u00een care Performance Enhancement Centre S.R.L., prin platforma MindRise, colecteaz\u0103, utilizeaz\u0103, stocheaz\u0103 \u0219i protejeaz\u0103 datele cu caracter personal ale vizitatorilor site-ului \u0219i ale persoanelor care ne contacteaz\u0103. 1. Operatorul de date Operatorul datelor cu caracter personal [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":5,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/pages\/31\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/mindrise.ro\/en\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}