:root{ --mcd-primary-900:#03145A; --mcd-primary-800:#022092; --mcd-primary-700:#043BC8; --mcd-primary-600:#2470E7; --mcd-primary-500:#4D8FFF; --mcd-surface:#EAEBF5; --mcd-surface-2:#FFFFFF; --mcd-muted:#8EA1D3; --mcd-accent-gold:#DA9D56; --mcd-accent-yellow:#F6C453; --mcd-text:#FFFFFF; --mcd-text-dark:#0F1F4A; --mcd-radius-sm:16px; --mcd-radius-md:24px; --mcd-radius-lg:32px; --mcd-shadow-3d: 0 18px 35px rgba(2,32,146,.30), 0 8px 18px rgba(3,20,90,.22); --mcd-shadow-soft: 0 12px 25px rgba(0,0,0,.15); --mcd-glow: 0 0 20px rgba(36,112,231,.55);}.mcd-hero{ background: radial-gradient(circle at 20% 20%, #2470E7 0%, transparent 25%), radial-gradient(circle at 80% 30%, #4D8FFF 0%, transparent 20%), linear-gradient(135deg,#03145A 0%,#022092 45%,#043BC8 100%); color:white;}.mcd-card{ background:linear-gradient(180deg,#FFFFFF,#EAEBF5); border-radius:var(--mcd-radius-md); box-shadow:var(--mcd-shadow-3d); border:1px solid rgba(255,255,255,.5); padding:24px; transition:.35s ease;}.mcd-card:hover{ transform:translateY(-8px);}.mcd-btn{ background:linear-gradient(180deg,#4D8FFF,#043BC8); color:white; border-radius:999px; padding:14px 28px; font-weight:700; box-shadow: 0 10px 24px rgba(4,59,200,.35), inset 0 2px 4px rgba(255,255,255,.5);}.mcd-btn:hover{ transform:translateY(-3px); box-shadow: 0 18px 30px rgba(4,59,200,.45), var(--mcd-glow);}.mcd-feature{ background:linear-gradient(180deg,#043BC8,#022092); color:white; border-radius:24px; box-shadow:var(--mcd-shadow-3d); border:1px solid rgba(255,255,255,.15);}.mcd-title{ color:white; text-shadow: 0 3px 0 #022092, 0 8px 18px rgba(0,0,0,.25);}.mcd-badge{ background:linear-gradient(180deg,#FFFFFF,#EAEBF5); color:#022092; border-radius:18px; box-shadow:var(--mcd-shadow-soft);} #brx-content {margin-top: calc(4svh + 4rem)} .content-area {margin-top: calc(4svh + 4rem)} .brxe-section {padding-top: var(--space-2xl); padding-right: var(--space-m); padding-bottom: var(--space-2xl); padding-left: var(--space-m)} .brxe-container {width: 1280px; column-gap: var(--space-l); row-gap: var(--space-l)} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} .brxe-block {column-gap: var(--space-m); row-gap: var(--space-m)} .bricks-button {border-radius: 10px; transition: 0.3s ease-in-out} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--highlight-blue)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary-dark)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--highlight-blue)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--primary-dark)} :root .bricks-button[class*="muted"]:not(.outline) {background-color: var(--primary-bright)} :root .bricks-button[class*="info"]:not(.outline) {background-color: var(--gold-accent)}.brxe-list .content {justify-content: initial}.brxe-list .separator {flex-grow: 0} .brxe-post-content {font-size: var(--text-m); font-family: "Roboto Slab"; font-weight: 400; line-height: 2; text-wrap: pretty} .brxe-text {font-size: var(--text-m); font-family: "Roboto Slab"; font-weight: 400; line-height: 2; text-wrap: pretty} .brxe-text-basic {font-size: var(--text-m); font-family: "Roboto Slab"; font-weight: 400; line-height: 2; text-wrap: pretty}@media (min-width: 991px) { #brx-content {margin-top: calc(7svh + 7rem)} .content-area {margin-top: calc(7svh + 7rem)}}