:root {--dk-green: #064e3b;--dk-green-dark: #073b35;--dk-green-soft: #eef7f1;--dk-orange: #f59e0b;--dk-orange-soft: #fff7e6;--dk-border: #eadfce;--dk-bg: #fffaf2;--dk-text: #334155;}html,
body,
.t-Body,
.t-Body-main,
.t-Body-content,
.t-Body-contentInner {background: var(--dk-bg) !important;}.t-Body-content {padding-top: 0 !important;}.t-Body-contentInner {padding-top: 0 !important;padding-left: 0 !important;padding-right: 0 !important;}.t-BreadcrumbRegion,
.t-Body-title,
.t-Body-title-shrink,
.t-Region--pageTitle {display: none !important;}.t-Body-nav {display: none !important;}.t-Body-main {margin-left: 0 !important;transform: none !important;}body::before,
.t-Body::before,
.t-Header::before,
.t-Header-branding::before,
.t-Header-nav::before {content: none !important;display: none !important;}.t-Header {position: sticky !important;top: 0 !important;z-index: 999 !important;background: rgba(255, 250, 242, 0.98) !important;border-top: 0 !important;border-bottom: 1px solid var(--dk-border) !important;box-shadow:
0 4px 18px rgba(6, 78, 59, 0.04) !important;}.t-Header-navBar,
.t-NavigationBar,
.t-Header .t-Header-navBar,
.t-Header .t-NavigationBar,
.t-NavigationBar-item,
.t-NavigationBar-menu,
.t-Header-navBar .a-MenuBar,
.t-Header-navBar .a-MenuBar-item {display: none !important;}.t-Header-logo,
.t-Header-logo-link {display: inline-flex !important;align-items: center !important;justify-content: center !important;font-size: 0 !important;line-height: 1 !important;color: transparent !important;text-decoration: none !important;background: transparent !important;border: 0 !important;}.t-Header-logo::before,
.t-Header-logo-link::before,
.t-Header-logo::after,
.t-Header-logo-link::after {content: none !important;display: none !important;}.t-Header-logo img,
.t-Header-logo-link img,
.t-Header-logo .apex-logo-img,
.t-Header-logo-link .apex-logo-img {display: block !important;width: 86px !important;max-width: 86px !important;height: auto !important;object-fit: contain !important;}@media (min-width: 769px) {.t-Header {height: 82px !important;min-height: 82px !important;display: flex !important;align-items: center !important;justify-content: center !important;gap: 64px !important;padding: 0 24px !important;}.t-Header-branding {position: relative !important;flex: 0 0 auto !important;width: auto !important;height: 82px !important;min-height: 82px !important;display: flex !important;align-items: center !important;justify-content: center !important;padding: 0 !important;margin: 0 !important;background: transparent !important;border: 0 !important;}.t-Header-controls {display: none !important;}.t-Header-logo,
.t-Header-logo-link {width: 92px !important;height: 46px !important;}.t-Header-logo img,
.t-Header-logo-link img,
.t-Header-logo .apex-logo-img,
.t-Header-logo-link .apex-logo-img {width: 86px !important;max-width: 86px !important;}.t-Header-nav {flex: 0 0 auto !important;width: auto !important;height: 82px !important;min-height: 82px !important;display: flex !important;align-items: center !important;justify-content: center !important;padding: 0 !important;margin: 0 !important;background: transparent !important;border: 0 !important;box-shadow: none !important;}.t-Header-nav-list,
.t-Header-nav .a-MenuBar,
.t-Header-nav > ul {width: auto !important;height: 82px !important;min-height: 82px !important;display: flex !important;align-items: center !important;justify-content: center !important;gap: 26px !important;padding: 0 !important;margin: 0 !important;list-style: none !important;background: transparent !important;border: 0 !important;}.t-Header-nav-list > .a-MenuBar-item,
.t-Header-nav > .a-MenuBar > .a-MenuBar-item,
.t-Header-nav > ul > li {height: 82px !important;display: flex !important;align-items: center !important;background: transparent !important;border: 0 !important;box-shadow: none !important;}.t-Header-nav .a-MenuBar-label,
.t-Header-nav .a-MenuBar-link,
.t-Header-nav a {color: var(--dk-green) !important;font-size: 15px !important;font-weight: 900 !important;line-height: 1 !important;text-decoration: none !important;white-space: nowrap !important;background: transparent !important;border: 0 !important;margin: 0 !important;}.t-Header-nav .a-MenuBar-item:hover,
.t-Header-nav .a-MenuBar-item.is-focused {background: transparent !important;}.t-Header-nav .a-MenuBar-item:hover > .a-MenuBar-label,
.t-Header-nav .a-MenuBar-item:hover > .a-MenuBar-link,
.t-Header-nav .a-MenuBar-item:hover > a {color: var(--dk-orange) !important;}.t-Header-nav .a-MenuBar-item.is-current > .a-MenuBar-label,
.t-Header-nav .a-MenuBar-item.is-current > .a-MenuBar-link,
.t-Header-nav .a-MenuBar-item.is-current > a,
.t-Header-nav .a-MenuBar-item.is-active > .a-MenuBar-label,
.t-Header-nav .a-MenuBar-item.is-active > .a-MenuBar-link,
.t-Header-nav .a-MenuBar-item.is-active > a {color: var(--dk-green-dark) !important;}}@media (max-width: 768px) {.t-Header {width: 100% !important;height: 58px !important;min-height: 58px !important;display: block !important;padding: 0 !important;}.t-Header-branding {position: relative !important;width: 100% !important;height: 58px !important;min-height: 58px !important;display: flex !important;align-items: center !important;justify-content: center !important;padding: 0 16px !important;margin: 0 !important;background: transparent !important;border: 0 !important;}.t-Header-controls {position: absolute !important;left: 10px !important;top: 7px !important;width: 44px !important;height: 44px !important;display: flex !important;align-items: center !important;justify-content: center !important;z-index: 1002 !important;}#t_Button_navControl,
.t-Button--headerTree,
.t-Header-controls .t-Button {display: inline-flex !important;align-items: center !important;justify-content: center !important;width: 44px !important;height: 44px !important;min-width: 44px !important;padding: 0 !important;margin: 0 !important;color: var(--dk-green) !important;background: transparent !important;border: 1px solid rgba(6, 78, 59, 0.55) !important;border-radius: 8px !important;box-shadow: none !important;opacity: 1 !important;visibility: visible !important;}#t_Button_navControl:hover,
.t-Button--headerTree:hover {background: var(--dk-green-soft) !important;}#t_Button_navControl .t-Icon,
.t-Button--headerTree .t-Icon,
.t-Header-controls .t-Icon {display: inline-block !important;color: var(--dk-green) !important;font-size: 22px !important;opacity: 1 !important;visibility: visible !important;}.t-Header-logo,
.t-Header-logo-link {width: 86px !important;height: 42px !important;}.t-Header-logo img,
.t-Header-logo-link img,
.t-Header-logo .apex-logo-img,
.t-Header-logo-link .apex-logo-img {display: block !important;width: 80px !important;max-width: 80px !important;height: auto !important;}.t-Header-nav {display: none !important;}}.ba-mobile-menu {display: none;}@media (max-width: 768px) {.ba-mobile-menu {position: fixed;left: 0;right: 0;top: 58px;z-index: 998;display: block;max-height: calc(100vh - 58px);overflow-y: auto;overscroll-behavior: contain;padding: 8px 0 16px;background: #fffaf2;border-bottom: 1px solid var(--dk-border);box-shadow:
0 18px 40px rgba(6, 78, 59, 0.14);opacity: 0;visibility: hidden;transform: translateY(-10px);pointer-events: none;transition:
opacity 0.18s ease,
transform 0.18s ease,
visibility 0.18s ease;}body.ba-mobile-menu-open .ba-mobile-menu {opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}.ba-mobile-menu-item {display: block;}.ba-mobile-menu-link,
.ba-mobile-submenu-toggle {width: 100%;min-height: 50px;display: flex;align-items: center;justify-content: space-between;gap: 14px;padding: 13px 24px;color: var(--dk-green) !important;font-family: inherit;font-size: 15px;font-weight: 900;line-height: 1.35;text-align: left;text-decoration: none !important;background: transparent;border: 0;cursor: pointer;}.ba-mobile-menu-link:hover,
.ba-mobile-submenu-toggle:hover {background: var(--dk-green-soft);}.ba-mobile-submenu-arrow {flex: 0 0 auto;font-size: 18px;font-weight: 900;color: var(--dk-green);transition: transform 0.18s ease;}.ba-mobile-menu-item.is-open
> .ba-mobile-submenu-toggle
.ba-mobile-submenu-arrow {transform: rotate(90deg);}.ba-mobile-submenu {display: none;padding: 2px 0 8px 0;background: rgba(238, 247, 241, 0.45);}.ba-mobile-menu-item.is-open > .ba-mobile-submenu {display: block;}.ba-mobile-submenu a {display: block;min-height: 46px;padding: 12px 24px 12px 42px;color: var(--dk-green) !important;font-size: 14px;font-weight: 800;line-height: 1.4;text-decoration: none !important;}.ba-mobile-submenu a:hover {background: var(--dk-green-soft);}.ba-mobile-menu-backdrop {position: fixed;inset: 58px 0 0 0;z-index: 997;display: block;background: rgba(15, 23, 42, 0.20);opacity: 0;visibility: hidden;pointer-events: none;transition:
opacity 0.18s ease,
visibility 0.18s ease;}body.ba-mobile-menu-open .ba-mobile-menu-backdrop {opacity: 1;visibility: visible;pointer-events: auto;}body.ba-mobile-menu-open {overflow: hidden;}}.ba-site-footer {position: relative !important;z-index: 1 !important;clear: both !important;margin-top: 72px !important;background: var(--dk-green);color: #ffffff;border-top: 0;}.ba-site-footer-inner {max-width: 1180px;margin: 0 auto;padding: 42px 24px 28px;display: flex;align-items: flex-start;justify-content: space-between;gap: 32px;}.ba-footer-brand {max-width: 380px;}.ba-footer-logo {display: block;width: 92px;height: auto;margin-bottom: 14px;filter: brightness(0) invert(1);opacity: 0.95;}.ba-footer-brand p {margin: 0;color: #d1fae5;font-size: 15px;line-height: 1.7;}.ba-footer-nav {display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 14px 22px;max-width: 620px;}.ba-footer-nav a {color: #ffffff !important;font-size: 14px;font-weight: 900;text-decoration: none !important;opacity: 0.95;}.ba-footer-nav a:hover {color: var(--dk-orange) !important;opacity: 1;}.ba-footer-bottom {max-width: 1180px;margin: 0 auto;padding: 18px 24px;display: flex;align-items: center;justify-content: space-between;gap: 16px;color: #d1fae5;font-size: 14px;font-weight: 800;border-top:
1px solid rgba(255, 255, 255, 0.14);}.t-Footer {display: none !important;}@media (max-width: 768px) {.ba-site-footer {margin-top: 48px !important;}.ba-site-footer-inner {padding: 34px 20px 24px;flex-direction: column;align-items: flex-start;}.ba-footer-logo {width: 82px;}.ba-footer-nav {flex-direction: column;justify-content: flex-start;gap: 12px;}.ba-footer-bottom {padding: 18px 20px;flex-direction: column;align-items: flex-start;}}.ba-floating-actions {position: fixed !important;right: 28px !important;bottom: 28px !important;z-index: 3000 !important;display: flex !important;flex-direction: column !important;align-items: flex-end !important;gap: 12px !important;}.ba-float-btn,
.ba-scroll-top {display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 8px !important;min-height: 42px !important;border-radius: 999px !important;cursor: pointer !important;text-decoration: none !important;font-size: 15px !important;font-weight: 900 !important;box-shadow:
0 10px 24px rgba(6, 78, 59, 0.16) !important;transition:
transform 0.16s ease !important;}.ba-float-btn:hover,
.ba-scroll-top:hover {transform: translateY(-2px);}.ba-contact-btn {padding: 0 18px !important;color: var(--dk-green) !important;background: #ffffff !important;border: 1px solid var(--dk-border) !important;}.ba-coffee-btn {padding: 0 20px !important;color: #ffffff !important;background: var(--dk-green) !important;border: 0 !important;}.ba-scroll-top {width: 46px !important;height: 46px !important;min-height: 46px !important;color: #ffffff !important;background: #1f7a5a !important;border:
1px solid rgba(255, 255, 255, 0.35) !important;font-size: 24px !important;opacity: 0 !important;pointer-events: none !important;}body.ba-show-scroll-top .ba-scroll-top {opacity: 1 !important;pointer-events: auto !important;}@media (max-width: 768px) {.ba-floating-actions {right: 16px !important;bottom: 18px !important;gap: 10px !important;}.ba-float-btn {min-height: 40px !important;font-size: 14px !important;}.ba-contact-btn {padding: 0 15px !important;}.ba-coffee-btn {padding: 0 16px !important;}.ba-scroll-top {width: 42px !important;height: 42px !important;min-height: 42px !important;font-size: 22px !important;}}.ba-modal-overlay {position: fixed !important;inset: 0 !important;z-index: 4000 !important;display: none !important;align-items: center !important;justify-content: center !important;padding: 24px !important;background:
rgba(15, 23, 42, 0.48) !important;backdrop-filter: blur(4px) !important;}.ba-modal-overlay.is-open {display: flex !important;}.ba-modal-card {position: relative !important;width: min(420px, 100%) !important;padding: 28px !important;color: var(--dk-text) !important;background: #ffffff !important;border:
1px solid var(--dk-border) !important;border-radius: 18px !important;box-shadow:
0 24px 70px rgba(15, 23, 42, 0.22) !important;}.ba-modal-close {position: absolute !important;right: 18px !important;top: 16px !important;width: 34px !important;height: 34px !important;color: var(--dk-text) !important;background: transparent !important;border: 0 !important;font-size: 26px !important;line-height: 1 !important;cursor: pointer !important;}.ba-modal-card h2 {margin: 0 38px 14px 0 !important;color: var(--dk-green) !important;font-size: 26px !important;font-weight: 900 !important;line-height: 1.2 !important;}.ba-modal-card p {margin: 0 0 18px !important;color: var(--dk-text) !important;font-size: 15px !important;line-height: 1.7 !important;}.ba-modal-actions {display: grid !important;gap: 10px !important;margin-top: 18px !important;}.ba-modal-link,
.ba-copy-bank {width: 100% !important;min-height: 46px !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;color: #ffffff !important;border: 0 !important;border-radius: 10px !important;font-size: 15px !important;font-weight: 900 !important;text-decoration: none !important;cursor: pointer !important;}.ba-blue {background: #1877f2 !important;}.ba-green,
.ba-copy-bank {background: var(--dk-green) !important;}.ba-modal-link:hover,
.ba-copy-bank:hover {filter: brightness(0.95);}.ba-coffee-modal {width: min(430px, 100%) !important;}.ba-qr-box {padding: 18px !important;margin: 12px 0 18px !important;text-align: center !important;background: #f4f8f5 !important;border-radius: 14px !important;}.ba-qr-box img {display: inline-block !important;width: 240px !important;max-width: 100% !important;height: auto !important;}.ba-bank-info {margin: 12px 0 18px !important;}.ba-bank-info p {margin: 0 0 8px !important;font-size: 15px !important;line-height: 1.5 !important;}.ba-thank-you {margin: 16px 0 0 !important;color: #64748b !important;text-align: center !important;}@media (max-width: 768px) {.ba-modal-overlay {align-items: flex-start !important;padding: 80px 18px 24px !important;}.ba-modal-card {padding: 24px !important;}.ba-modal-card h2 {font-size: 23px !important;}.ba-qr-box img {width: 220px !important;}}.ba-modules-wrapper,
.ba-lessons-page,
.ba-roadmap-page,
.ba-resources-page,
.ba-module-detail-page,
.ba-lesson-page {position: relative;z-index: 2;}.ba-lesson-nav {max-width: 920px;margin: 34px auto 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 18px;}.ba-lesson-nav-card {min-height: 88px;padding: 20px 24px;background: #ffffff;border:
1px solid var(--dk-border);border-radius: 16px;text-decoration: none !important;box-shadow:
0 8px 22px rgba(6, 78, 59, 0.04);transition:
transform 0.16s ease,
box-shadow 0.16s ease;}.ba-lesson-nav-card:hover {transform: translateY(-2px);box-shadow:
0 12px 28px rgba(6, 78, 59, 0.08);}.ba-lesson-nav-card span {display: block;margin-bottom: 8px;color: var(--dk-green);font-size: 14px;font-weight: 900;}.ba-lesson-nav-card strong {display: block;color: var(--dk-green);font-size: 17px;font-weight: 900;line-height: 1.45;}.ba-lesson-nav-card.ba-next {text-align: right;}.ba-lesson-nav-card.ba-disabled {opacity: 0.55;cursor: default;}.ba-lesson-bottom-actions {max-width: 920px;margin: 26px auto 0;display: flex;justify-content: space-between;gap: 16px;}.ba-btn {min-height: 46px;display: inline-flex;align-items: center;justify-content: center;padding: 0 22px;border-radius: 999px;font-size: 15px;font-weight: 900;text-decoration: none !important;}.ba-btn-primary {color: #ffffff !important;background: var(--dk-green);}.ba-btn-secondary {color: var(--dk-green) !important;background: #ffffff;border:
1px solid var(--dk-border);}@media (max-width: 768px) {.ba-lesson-nav {grid-template-columns: 1fr;}.ba-lesson-nav-card.ba-next {text-align: left;}.ba-lesson-bottom-actions {flex-direction: column;}.ba-btn {width: 100%;}}.ba-visual-box {margin: 34px 0;padding: 26px;background: var(--dk-bg);border:
1px solid var(--dk-border);border-radius: 18px;box-shadow:
0 8px 22px rgba(6, 78, 59, 0.04);}.ba-visual-title {margin: 0 0 18px;color: var(--dk-green);font-size: 20px;font-weight: 900;}.ba-bridge-diagram {display: grid;grid-template-columns:
1fr auto 1.1fr auto 1fr;gap: 18px;align-items: center;}.ba-bridge-side,
.ba-bridge-center {padding: 22px;text-align: center;background: #ffffff;border:
1px solid var(--dk-border);border-radius: 16px;}.ba-bridge-side strong,
.ba-bridge-center strong {display: block;margin-bottom: 8px;color: var(--dk-green);font-size: 18px;}.ba-bridge-side span,
.ba-bridge-center span {color: var(--dk-text);font-size: 14px;line-height: 1.6;}.ba-bridge-center {min-width: 150px;color: #ffffff;background: var(--dk-green);}.ba-bridge-center strong,
.ba-bridge-center span {color: #ffffff;}.ba-arrow {color: var(--dk-orange);font-size: 28px;font-weight: 900;}.ba-flow-steps {display: grid;gap: 14px;}.ba-flow-step {display: grid;grid-template-columns:
44px 1fr;gap: 16px;align-items: start;padding: 18px;background: #ffffff;border:
1px solid var(--dk-border);border-radius: 16px;}.ba-flow-step-number {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;color: #ffffff;background: var(--dk-green);border-radius: 14px;font-weight: 900;}.ba-flow-step strong {display: block;margin-bottom: 6px;color: var(--dk-green);font-size: 17px;}.ba-flow-step p {margin: 0;color: var(--dk-text);line-height: 1.7;}.ba-note-card {margin: 28px 0;padding: 22px 24px;background: var(--dk-green-soft);border-left:
5px solid var(--dk-green);border-radius: 14px;}.ba-note-card strong {display: block;margin-bottom: 8px;color: var(--dk-green);font-size: 18px;}.ba-note-card p {margin: 0;color: var(--dk-text);line-height: 1.7;}.ba-comparison-grid {display: grid;grid-template-columns:
repeat(2, 1fr);gap: 18px;}.ba-comparison-card {padding: 22px;background: #ffffff;border:
1px solid var(--dk-border);border-radius: 16px;}.ba-comparison-card h3 {margin: 0 0 12px;color: var(--dk-green);font-size: 19px;}.ba-comparison-card ul {margin: 0;padding-left: 20px;}.ba-comparison-card li {margin-bottom: 8px;line-height: 1.6;}@media (max-width: 768px) {.ba-bridge-diagram {grid-template-columns: 1fr;}.ba-arrow {transform: rotate(90deg);text-align: center;}.ba-comparison-grid {grid-template-columns: 1fr;}.ba-visual-box {padding: 20px;}}.ba-desktop-nav {display: none;}@media (min-width: 769px) {.t-Header-nav {position: absolute !important;width: 1px !important;height: 1px !important;overflow: hidden !important;opacity: 0 !important;pointer-events: none !important;}.ba-desktop-nav {position: relative;display: flex;align-items: center;justify-content: center;gap: 28px;height: 82px;z-index: 10;}.ba-desktop-item {position: relative;height: 82px;display: flex;align-items: center;}.ba-desktop-link {min-height: 42px;display: inline-flex;align-items: center;justify-content: center;gap: 6px;padding: 0;color: #064e3b !important;font-family: inherit;font-size: 15px;font-weight: 900;line-height: 1;text-decoration: none !important;white-space: nowrap;background: transparent;border: 0;cursor: pointer;}.ba-desktop-link:hover {color: #f59e0b !important;}.ba-desktop-arrow {display: inline-block;font-size: 17px;color: #064e3b;transform: rotate(90deg);transition: transform 0.16s ease;}.ba-desktop-item.is-open
.ba-desktop-arrow {transform: rotate(-90deg);}.ba-desktop-submenu {position: absolute;top: calc(100% - 8px);left: 50%;min-width: 210px;padding: 8px;display: none;transform: translateX(-50%);background: #ffffff;border: 1px solid #eadfce;border-radius: 12px;box-shadow:
0 14px 36px rgba(6, 78, 59, 0.14);z-index: 2000;}.ba-desktop-item.is-open
> .ba-desktop-submenu {display: block;}.ba-desktop-submenu a {display: block;padding: 11px 14px;color: #064e3b !important;font-size: 14px;font-weight: 800;line-height: 1.35;text-decoration: none !important;white-space: nowrap;border-radius: 8px;}.ba-desktop-submenu a:hover {color: #064e3b !important;background: #eef7f1;}}@media (max-width: 768px) {.ba-desktop-nav {display: none !important;}}