/* /ft_solutions/static/src/scss/ft_universe_hero.scss */
 .s_ft_universe{--ftu-primary: var(--ft-primary-color, #0A7AC0); --ftu-secondary: var(--ft-secondary-color, #27C4E5); --ftu-ink: var(--ft-heading-color, var(--ft-text-color, #1F2A37)); --ftu-soft: var(--ft-text-color, #40525D); --ftu-surface: rgba(255, 255, 255, 0.92); --ftu-surface-line: rgba(10, 122, 192, 0.18); --ftu-shadow: 0 14px 40px rgba(16, 24, 40, 0.14); --ftu-header: var(--ft-header-h, 72px); position: relative; isolation: isolate; width: 100%; min-height: calc(100vh - var(--ftu-header)); min-height: calc(100svh - var(--ftu-header)); overflow: hidden; background: radial-gradient(60% 55% at 12% 12%, rgba(39, 196, 229, 0.16), transparent 70%), radial-gradient(55% 60% at 90% 88%, rgba(10, 122, 192, 0.14), transparent 70%), var(--ft-body-bg, #F6F9FC);}@media (max-height: 580px){.s_ft_universe{min-height: 540px;}}.s_ft_universe .ftu-mesh, .s_ft_universe .ftu-glow{position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none;}.s_ft_universe .ftu-glow{background: radial-gradient(42% 38% at 50% 42%, rgba(255, 255, 255, 0.55), transparent 72%);}.s_ft_universe .ftu-stage{position: absolute; inset: 0; z-index: 4; pointer-events: none;}.s_ft_universe .ftu-copy{position: absolute; z-index: 3; left: 50%; top: 40%; transform: translate(-50%, -50%); width: calc(100% - 2rem); max-width: 760px; text-align: center; pointer-events: none;}.s_ft_universe .ftu-copy > *{pointer-events: auto;}.s_ft_universe .ftu-eyebrow{display: inline-block; margin-bottom: 14px; padding: 6px 14px; border-radius: 999px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ftu-primary); background: var(--ftu-surface); border: 1px solid var(--ftu-surface-line);}.s_ft_universe .ftu-title{margin: 0 0 14px; font-size: var(--ft-t-h2-size, clamp(23px, 2.9vw, 32px)); line-height: var(--ft-t-h2-lh, 1.2); letter-spacing: -0.02em; font-weight: 800; color: var(--ftu-ink);}.s_ft_universe .ftu-grad{background: linear-gradient(90deg, var(--ftu-primary), var(--ftu-secondary)); -webkit-background-clip: text; background-clip: text; color: transparent;}.s_ft_universe .ftu-lede{margin: 0 auto 22px; max-width: 56ch; font-size: clamp(0.98rem, 1.5vw, 1.15rem); line-height: 1.6; color: var(--ftu-soft);}.s_ft_universe .ftu-cta{display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;}.s_ft_universe .ftu-btn{display: inline-flex; align-items: center; gap: 10px; border-radius: 999px; padding: 0.7rem 1.5rem; font-weight: 700;}.s_ft_universe .ftu-btn i{transition: transform 0.25s ease;}.s_ft_universe .ftu-btn:hover i{transform: translateX(4px);}.s_ft_universe .ftu-box{--b-top: #6FD3EE; --b-left: var(--ft-secondary, #1CB5D5); --b-right: var(--ft-primary-color, #0A7AC0); --b-flap: #27C4E5; --b-dark: #06293F; --b-rgb: 39, 196, 229; position: absolute; left: 0; top: 0; width: 124px; padding: 0; border: 0; background: none; text-align: center; color: rgba(var(--b-rgb), 1); pointer-events: auto; cursor: pointer; opacity: 0; transition: opacity 0.5s ease; -webkit-tap-highlight-color: transparent;}.s_ft_universe .ftu-box--services{--b-top: #A7E39B; --b-left: #4CAF63; --b-right: #14723D; --b-flap: #6BBF59; --b-dark: #0A2A17; --b-rgb: 107, 191, 89;}.s_ft_universe .ftu-box-svg{display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 16px 22px rgba(var(--b-rgb), 0.38)); transition: transform 0.4s cubic-bezier(0.3, 1.6, 0.5, 1), filter 0.3s ease;}.s_ft_universe .ftu-box:hover .ftu-box-svg, .s_ft_universe .ftu-box:focus-visible .ftu-box-svg{transform: translateY(-5px) scale(1.05); filter: drop-shadow(0 20px 28px rgba(var(--b-rgb), 0.6));}.s_ft_universe .ftu-box:active .ftu-box-svg{transform: translateY(1px) scale(0.97);}.s_ft_universe .ftu-box:focus-visible{outline: 3px solid var(--ftu-secondary); outline-offset: 4px; border-radius: 18px;}.s_ft_universe .ftu-box-shadow{fill: rgba(0, 0, 0, 0.28);}.s_ft_universe .ftu-face--t{fill: var(--b-top);}.s_ft_universe .ftu-face--l{fill: var(--b-left);}.s_ft_universe .ftu-face--r{fill: var(--b-right);}.s_ft_universe .ftu-edge{fill: none; stroke: rgba(255, 255, 255, 0.55); stroke-width: 1.4; stroke-linejoin: round; stroke-linecap: round;}.s_ft_universe .ftu-portal{fill: var(--b-dark); stroke: rgba(255, 255, 255, 0.6); stroke-width: 1.6; stroke-linejoin: round;}.s_ft_universe .ftu-portal-glow{opacity: 0; transition: opacity 0.5s ease;}.s_ft_universe .ftu-flap{fill: var(--b-flap); stroke: rgba(255, 255, 255, 0.5); stroke-width: 1.2; stroke-linejoin: round; transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0.1); opacity: 0; transition: transform 0.6s cubic-bezier(0.3, 1.5, 0.5, 1), opacity 0.3s ease;}.s_ft_universe .ftu-lid{fill: var(--b-top); stroke: rgba(255, 255, 255, 0.6); stroke-width: 1.4; stroke-linejoin: round; transition: opacity 0.35s ease, transform 0.5s ease;}.s_ft_universe .ftu-beam{opacity: 0; transition: opacity 0.5s ease;}.s_ft_universe .ftu-spark{fill: #fff; opacity: 0;}.s_ft_universe .ftu-box.is-open .ftu-flap{transform: scaleY(1); opacity: 1;}.s_ft_universe .ftu-box.is-open .ftu-lid{opacity: 0; transform: translateY(-14px);}.s_ft_universe .ftu-box.is-open .ftu-portal-glow{opacity: 1; animation: ftu-glow 2.8s ease-in-out infinite;}.s_ft_universe .ftu-box.is-open .ftu-beam{opacity: 1; animation: ftu-beam 2.8s ease-in-out infinite;}.s_ft_universe .ftu-box.is-open .ftu-spark{animation: ftu-spark 2.6s ease-in infinite;}.s_ft_universe .ftu-box.is-open .ftu-spark--2{animation-delay: 0.9s;}.s_ft_universe .ftu-box.is-open .ftu-spark--3{animation-delay: 1.7s;}@keyframes ftu-beam{0%, 100%{opacity: 0.5;}50%{opacity: 0.95;}}@keyframes ftu-glow{0%, 100%{opacity: 0.7;}50%{opacity: 1;}}@keyframes ftu-spark{0%{opacity: 0; transform: translateY(8px);}25%{opacity: 1;}100%{opacity: 0; transform: translateY(-44px);}}.s_ft_universe .ftu-box-label{display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 4px 10px 4px 9px; border-radius: 999px; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.04em; color: #fff; background: linear-gradient(135deg, var(--b-left), var(--b-right)); box-shadow: 0 6px 16px rgba(var(--b-rgb), 0.45);}.s_ft_universe .ftu-box-count{padding: 0 6px; border-radius: 999px; font-size: 0.7rem; line-height: 1.5; color: var(--b-right); background: #fff;}.s_ft_universe .ftu-box-count:empty{display: none;}.s_ft_universe .ftu-node{position: absolute; left: 0; top: 0; display: block; width: 56px; height: 56px; border-radius: 16px; pointer-events: auto; opacity: 0; will-change: transform, opacity; -webkit-tap-highlight-color: transparent; transform: translate3d(var(--nx, -200px), var(--ny, 0), 0) translate(-50%, -50%) scale(0); box-shadow: 0 8px 22px rgba(16, 24, 40, 0.16); transition: box-shadow 0.25s ease;}.s_ft_universe .ftu-node img{display: block; width: 100%; height: 100%; border-radius: inherit; user-select: none; -webkit-user-drag: none;}.s_ft_universe .ftu-node::after{content: ""; position: absolute; inset: -5px; border-radius: 20px; border: 2px solid rgba(var(--lc, 39, 196, 229), 0); transition: border-color 0.25s ease, inset 0.25s ease; pointer-events: none;}.s_ft_universe .ftu-node.is-linked{box-shadow: 0 0 0 0 transparent, 0 10px 30px rgba(var(--lc, 39, 196, 229), 0.55);}.s_ft_universe .ftu-node.is-linked::after{border-color: rgba(var(--lc, 39, 196, 229), 0.95); inset: -7px;}.s_ft_universe .ftu-node:focus-visible{outline: 3px solid var(--ftu-secondary); outline-offset: 5px;}.s_ft_universe .ftu-hub{position: absolute; left: var(--hx, 50%); top: var(--hy, 50%); z-index: 6; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 108px; height: 108px; padding: 0; border: 0; border-radius: 50%; color: #fff; cursor: grab; pointer-events: auto; touch-action: none; user-select: none; -webkit-tap-highlight-color: transparent; background: radial-gradient(circle at 30% 25%, rgba(var(--hc2), 1), rgba(var(--hc1), 1) 78%); box-shadow: 0 12px 34px rgba(var(--hc1), 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.28); transform: translate(-50%, -50%) scale(0); opacity: 0; transition: box-shadow 0.3s ease;}.s_ft_universe .ftu-hub:active{cursor: grabbing;}.s_ft_universe .ftu-hub:focus-visible{outline: 3px solid var(--ftu-secondary); outline-offset: 5px;}.s_ft_universe .ftu-hub-ring{position: absolute; inset: -9px; border-radius: 50%; border: 2px dashed rgba(var(--hc2), 0.7); animation: ftu-spin 18s linear infinite; pointer-events: none;}.s_ft_universe .ftu-hub-ico{display: block; width: 26px; height: 26px;}.s_ft_universe .ftu-hub-name{font-size: 0.92rem; font-weight: 800; line-height: 1.1; letter-spacing: 0.01em;}.s_ft_universe .ftu-hub-count{position: absolute; top: -6px; right: -6px; min-width: 28px; padding: 2px 8px; border-radius: 999px; font-size: 0.74rem; font-weight: 800; line-height: 1.4; text-align: center; color: rgba(var(--hc1), 1); background: #fff; box-shadow: 0 4px 12px rgba(16, 24, 40, 0.25); transform: scale(0); transition: transform 0.25s cubic-bezier(0.3, 1.6, 0.5, 1);}.s_ft_universe .ftu-hub-count:empty{display: none;}.s_ft_universe .ftu-hub.has-links .ftu-hub-count{transform: scale(1);}.s_ft_universe .ftu-hub.is-active, .s_ft_universe .ftu-hub.is-spot, .s_ft_universe .ftu-hub.is-drag{box-shadow: 0 0 0 7px rgba(var(--hc2), 0.28), 0 16px 44px rgba(var(--hc1), 0.7), inset 0 0 0 2px rgba(255, 255, 255, 0.4);}@keyframes ftu-spin{to{transform: rotate(360deg);}}@keyframes ftu-pulse{0%, 100%{transform: translate(-50%, -50%) scale(1);}50%{transform: translate(-50%, -50%) scale(1.04);}}.s_ft_universe .ftu-filters{position: absolute; z-index: 7; left: 50%; bottom: 18px; display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; transform: translateX(-50%); background: var(--ftu-surface); border: 1px solid var(--ftu-surface-line); box-shadow: var(--ftu-shadow);}.s_ft_universe .ftu-chip{--c1: 10, 122, 192; --c2: 39, 196, 229; display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; border: 0; border-radius: 999px; font-size: 0.82rem; font-weight: 700; color: var(--ftu-soft); background: transparent; transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;}.s_ft_universe .ftu-chip::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, rgba(var(--c2), 1), rgba(var(--c1), 1));}.s_ft_universe .ftu-chip:hover{color: rgba(var(--c1), 1); background: rgba(var(--c1), 0.1);}.s_ft_universe .ftu-chip.is-on{color: #fff; background: linear-gradient(90deg, rgba(var(--c1), 1), rgba(var(--c2), 1)); box-shadow: 0 6px 16px rgba(var(--c1), 0.4);}.s_ft_universe .ftu-chip.is-on::before{background: #fff;}.s_ft_universe .ftu-chip:focus-visible{outline: 2px solid var(--ftu-secondary); outline-offset: 2px;}.s_ft_universe .ftu-chip--resources{--c1: 28, 181, 213; --c2: 111, 211, 238;}.s_ft_universe .ftu-chip--services{--c1: 20, 114, 61; --c2: 107, 191, 89;}.s_ft_universe .ftu-chip--courses{--c1: 113, 75, 103; --c2: 197, 138, 184;}.s_ft_universe .ftu-scroll{position: absolute; z-index: 7; right: 22px; bottom: 20px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; font-size: 1.4rem; color: var(--ftu-primary); background: var(--ftu-surface); border: 1px solid var(--ftu-surface-line); text-decoration: none; animation: ftu-bob 2s ease-in-out infinite;}@keyframes ftu-bob{0%, 100%{transform: translateY(0);}50%{transform: translateY(5px);}}.s_ft_universe .ftu-panel{position: absolute; z-index: 8; left: 0; top: 0; width: 300px; max-width: calc(100% - 24px); padding: 18px 18px 16px; border-radius: 18px; background: var(--ftu-surface); border: 1px solid var(--ftu-surface-line); box-shadow: var(--ftu-shadow); transform: translate3d(var(--px, 0), var(--py, 0), 0); animation: ftu-pop 0.28s cubic-bezier(0.3, 1.4, 0.5, 1);}.s_ft_universe .ftu-panel[hidden]{display: none;}.s_ft_universe .ftu-panel::before{content: ""; position: absolute; left: 18px; right: 18px; top: 0; height: 4px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg, rgba(var(--pc1, 10, 122, 192), 1), rgba(var(--pc2, 39, 196, 229), 1));}.s_ft_universe .ftu-panel-x{position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border: 0; border-radius: 50%; font-size: 0.85rem; color: var(--ftu-soft); background: transparent;}.s_ft_universe .ftu-panel-x:hover{background: rgba(10, 122, 192, 0.12);}.s_ft_universe .ftu-panel-head{display: flex; align-items: center; gap: 12px; margin: 4px 26px 10px 0;}.s_ft_universe .ftu-panel-badge{flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: #fff; background: linear-gradient(135deg, rgba(var(--pc2, 39, 196, 229), 1), rgba(var(--pc1, 10, 122, 192), 1)); box-shadow: 0 6px 16px rgba(var(--pc1, 10, 122, 192), 0.4);}.s_ft_universe .ftu-panel-badge svg{width: 24px; height: 24px;}.s_ft_universe .ftu-panel-titles{display: flex; flex-direction: column; min-width: 0;}.s_ft_universe .ftu-panel-eyebrow{font-size: 0.68rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(var(--pc1, 10, 122, 192), 1);}.s_ft_universe .ftu-panel-desc{margin: 0 0 12px; font-size: 0.88rem; line-height: 1.5; color: var(--ftu-soft);}.s_ft_universe .ftu-panel-meta{display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px;}.s_ft_universe .ftu-panel-meta:empty{display: none;}.s_ft_universe .ftu-panel-meta span{padding: 3px 10px; border-radius: 999px; font-size: 0.74rem; font-weight: 700; color: var(--ftu-ink); background: rgba(var(--pc1, 10, 122, 192), 0.12);}.s_ft_universe .ftu-panel-go{display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0.55rem 1rem; border-radius: 999px; font-size: 0.9rem; font-weight: 700; color: #fff; text-decoration: none; background: linear-gradient(90deg, rgba(var(--pc1, 10, 122, 192), 1), rgba(var(--pc2, 39, 196, 229), 1)); box-shadow: 0 8px 20px rgba(var(--pc1, 10, 122, 192), 0.35); transition: transform 0.2s ease, box-shadow 0.2s ease;}.s_ft_universe .ftu-panel-go svg{transition: transform 0.25s ease;}.s_ft_universe .ftu-panel-go:hover{color: #fff; transform: translateY(-1px); box-shadow: 0 12px 26px rgba(var(--pc1, 10, 122, 192), 0.5);}.s_ft_universe .ftu-panel-go:hover svg{transform: translateX(4px);}.s_ft_universe .ftu-panel-go:focus-visible{outline: 3px solid var(--ftu-secondary); outline-offset: 3px;}@keyframes ftu-pop{from{opacity: 0; transform: translate3d(var(--px, 0), calc(var(--py, 0px) + 10px), 0) scale(0.96);}}.s_ft_universe .ftu-tip{position: absolute; z-index: 9; left: 0; top: 0; display: flex; flex-direction: column; gap: 2px; max-width: 230px; padding: 10px 14px; border-radius: 14px; pointer-events: none; background: var(--ftu-surface); border: 1px solid var(--ftu-surface-line); box-shadow: var(--ftu-shadow); transform: translate3d(var(--tx, 0), var(--ty, 0), 0);}.s_ft_universe .ftu-tip[hidden]{display: none;}.s_ft_universe .ftu-tip-title{font-size: 0.95rem; font-weight: 800; color: var(--ftu-ink);}.s_ft_universe .ftu-tip-desc{font-size: 0.82rem; line-height: 1.4; color: var(--ftu-soft);}.s_ft_universe .ftu-tip-go{margin-top: 4px; font-size: 0.78rem; font-weight: 700; color: var(--ftu-primary);}.s_ft_universe:not(.is-ready) .ftu-node, .s_ft_universe:not(.is-ready) .ftu-hub{visibility: hidden;}.s_ft_universe:not(.is-ready) .ftu-box{opacity: 1; --bx: 8%;}.s_ft_universe.is-ready .ftu-box{opacity: 1;}.s_ft_universe.is-dragging{cursor: grabbing;}.s_ft_universe.is-dragging .ftu-copy, .s_ft_universe.is-dragging .ftu-node{pointer-events: none;}@media (max-width: 767.98px){.s_ft_universe{min-height: calc(100svh - var(--ftu-header));}}@media (max-width: 767.98px) and (max-height: 640px){.s_ft_universe{min-height: 600px;}}@media (max-width: 767.98px){.s_ft_universe .ftu-copy{top: 25%;}.s_ft_universe .ftu-node{width: 46px; height: 46px; border-radius: 13px;}.s_ft_universe .ftu-node[data-extra]{display: none;}.s_ft_universe .ftu-box{width: 94px;}.s_ft_universe .ftu-hub{width: 84px; height: 84px;}.s_ft_universe .ftu-hub-ico{width: 22px; height: 22px;}.s_ft_universe .ftu-hub-name{font-size: 0.78rem;}.s_ft_universe .ftu-scroll{display: none;}.s_ft_universe .ftu-eyebrow{font-size: 0.7rem;}.s_ft_universe .ftu-btn{padding: 0.6rem 1.2rem; font-size: 0.9rem;}.s_ft_universe .ftu-lede{margin-bottom: 16px;}.s_ft_universe .ftu-panel{left: 12px; right: 12px; width: auto; top: auto; bottom: 62px; transform: none;}}@media (prefers-reduced-motion: reduce){.s_ft_universe .ftu-hub-ring, .s_ft_universe .ftu-scroll, .s_ft_universe .ftu-box.is-open .ftu-beam, .s_ft_universe .ftu-box.is-open .ftu-portal-glow, .s_ft_universe .ftu-box.is-open .ftu-spark{animation: none;}}html[data-ft-theme="dark"] .s_ft_universe{--ftu-ink: #F2F6FA; --ftu-soft: #AAB2BF; --ftu-surface: rgba(27, 31, 38, 0.92); --ftu-surface-line: rgba(255, 255, 255, 0.14); --ftu-shadow: 0 14px 40px rgba(0, 0, 0, 0.5); background: radial-gradient(60% 55% at 12% 12%, rgba(39, 196, 229, 0.16), transparent 70%), radial-gradient(55% 60% at 90% 88%, rgba(10, 122, 192, 0.2), transparent 70%), var(--ft-body-bg, #14171C);}html[data-ft-theme="dark"] .s_ft_universe .ftu-glow{background: radial-gradient(42% 38% at 50% 42%, rgba(10, 122, 192, 0.18), transparent 72%);}html[data-ft-theme="dark"] .s_ft_universe .ftu-eyebrow, html[data-ft-theme="dark"] .s_ft_universe .ftu-panel-meta{color: var(--ftu-secondary);}html[data-ft-theme="dark"] .s_ft_universe .ftu-scroll, html[data-ft-theme="dark"] .s_ft_universe .ftu-tip-go{color: var(--ftu-secondary);}html[data-ft-theme="dark"] .s_ft_universe .ftu-btn--ghost{color: var(--ftu-secondary); border-color: var(--ftu-secondary);}html[data-ft-theme="dark"] .s_ft_universe .ftu-btn--ghost:hover{color: #fff; background: var(--ftu-primary); border-color: var(--ftu-primary);}html[data-ft-theme="dark"] .s_ft_universe .ftu-node{box-shadow: 0 8px 22px rgba(0, 0, 0, 0.5);}#wrapwrap .s_ft_universe .ftu-title{font-size: var(--ft-t-h2-size, clamp(23px, 2.9vw, 32px)); line-height: var(--ft-t-h2-lh, 1.25);}#wrapwrap .s_ft_universe .ftu-panel-title{margin: 0; font-size: 1.02rem; line-height: 1.25; font-weight: 800; color: var(--ftu-ink);}#wrapwrap .s_ft_universe .ftu-panel-go, #wrapwrap .s_ft_universe .ftu-panel-go:hover, #wrapwrap .s_ft_universe .ftu-panel-go:focus{color: #fff; text-decoration: none;}html[data-ft-theme="dark"] .s_ft_universe .ftu-panel-eyebrow{color: rgba(var(--pc2, 39, 196, 229), 1);}