@font-face { font-family:'TWKLausannePan'; src:url('nopathsource/67dd7d513168f4f6b71959dd_TWKLausannePan-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'TWKLausannePan'; src:url('nopathsource/67dd7d513168f4f6b71959ee_TWKLausannePan-500.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'TWKLausannePan'; src:url('nopathsource/67dd7d513168f4f6b71959da_TWKLausannePan-600.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'TWKLausannePan'; src:url('nopathsource/67dd7d513168f4f6b71959e0_TWKLausannePan-700.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
input, button, select, textarea { font-family:inherit; font-size:inherit; }
a { color:#023d4b; text-decoration:none; }
a:hover { text-decoration:underline; }

body {
  font-family:'TWKLausannePan',-apple-system,sans-serif;
  font-size:14px; color:#232323;
  background:#f6f6f6; min-height:100vh;
}

.dash-container { max-width:1200px; margin:0 auto; padding:0 24px; }

.dash-header {
  background:#fff; border-bottom:1px solid #d4d4d4;
  position:sticky; top:0; z-index:100;
}
.dash-header__inner {
  height:56px; display:flex; align-items:center; justify-content:space-between;
}
.dash-logo { display:flex; align-items:center; }
.dash-logo__img { height:24px; width:auto; }

.dash-nav { display:flex; align-items:center; gap:0; margin-left:20px; }

.nav-item { position:relative; height:56px; display:flex; align-items:center; }

.dash-nav__btn {
  display:flex; align-items:center; gap:5px; background:none;
  border:none; border-bottom:2px solid transparent;
  padding:0 12px; font-size:14px; font-weight:400; color:#232323;
  cursor:pointer; height:56px; white-space:nowrap;
  transition:color .15s, border-color .15s;
}
.dash-nav__btn:hover { color:#023d4b; border-bottom-color:#023d4b; }
.dash-nav__btn.is-open { color:#023d4b; border-bottom-color:#023d4b; }

.nav-chevron { transition:transform .2s; flex-shrink:0; }
.dash-nav__btn.is-open .nav-chevron { transform:rotate(180deg); }

.nav-dropdown {
  display:none; position:absolute; top:100%; left:0;
  background:#fff; border-radius:8px;
  box-shadow:0 4px 20px rgba(0,0,0,.12);
  min-width:210px; padding:6px 0; z-index:400;
}
.nav-dropdown.is-open { display:block; }

.nav-dropdown__item {
  display:flex; align-items:center; gap:10px;
  padding:9px 16px; font-size:13.5px; color:#232323;
  text-decoration:none; cursor:pointer; white-space:nowrap;
}
.nav-dropdown__item:hover { background:#f6f6f6; color:#023d4b; text-decoration:none; }

.nav-coin-icon {
  position:relative; width:30px; height:30px; flex-shrink:0;
}
.nav-icon-main {
  width:30px; height:30px; border-radius:50%; background:#1c2b35;
  display:flex; align-items:center; justify-content:center;
}
.nav-icon-badge {
  position:absolute; bottom:-1px; right:-2px;
  width:13px; height:13px; border-radius:50%; border:1.5px solid #fff;
  display:block; object-fit:cover;
}
.nav-coin-img { width:30px; height:30px; border-radius:50%; flex-shrink:0; display:block; }
.nav-dropdown__item:hover { text-decoration:none !important; }

.dash-header__right { display:flex; align-items:center; gap:4px; }

.dash-user-btn {
  display:flex; align-items:center; gap:4px; background:none; border:none;
  padding:6px 10px; font-size:14px; color:#023d4b; cursor:pointer;
  border-radius:4px; font-weight:400; white-space:nowrap;
  -webkit-text-fill-color:#023d4b;
}
.dash-user-btn span { color:#023d4b; -webkit-text-fill-color:#023d4b; }
.dash-user-btn:hover { background:#ebfbfe; }

.dash-lang-btn {
  background:none; border:none; padding:6px 8px;
  font-size:14px; color:#232323; cursor:pointer; border-radius:4px; font-weight:400;
}
.dash-lang-btn:hover { background:#f6f6f6; }

.dash-kyc { padding:20px 0 8px; }
.dash-kyc__box {
  background:#023d4b; color:#fff; border-radius:10px;
  display:flex; align-items:flex-start; gap:14px; padding:18px 24px 20px;
}
.dash-kyc__icon { flex-shrink:0; margin-top:2px; opacity:.9; }
.dash-kyc__body { flex:1; }
.dash-kyc__title { font-weight:600; font-size:14px; margin-bottom:4px; }
.dash-kyc__desc { font-size:13px; opacity:.85; line-height:1.45; margin-bottom:14px; }
.dash-kyc__actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.dash-kyc__btn {
  background:#fff; border:1.5px solid #fff; color:#023d4b;
  padding:8px 18px; border-radius:5px; font-size:13px; font-weight:400;
  cursor:pointer; white-space:nowrap; display:inline-flex; align-items:center; gap:6px;
  line-height:1.4; transition:background .15s;
}
.dash-kyc__btn:hover { background:#f0f8f3; }
.dash-kyc__btn--solid {
  background:transparent;
  border:1.5px solid #fff;
  color:#fff;
  font-weight:400;
}
.dash-kyc__btn--solid:hover { background:rgba(255,255,255,.1); }

.dash-main { padding:20px 0 48px; }
.dash-layout { display:grid; grid-template-columns:1fr 320px; gap:20px; align-items:start; }
.dash-col-left > * + * { margin-top:20px; }

.dash-card { background:#fff; border:1px solid #ececec; border-radius:8px; overflow:hidden; }
.dash-card__title { font-size:18px; font-weight:400; color:#232323; padding:20px 24px 0; }

.acc-list { margin-top:0; }
.acc-item { border-top:1px solid #ececec; }
.acc-item:first-child { border-top:none; margin-top:16px; }

.acc-trigger {
  width:100%; display:flex; align-items:center; gap:12px;
  padding:12px 24px; background:none; border:none; cursor:pointer; text-align:left;
}
.acc-trigger:hover { background:none; }
.acc-item.is-open > .acc-trigger { background:none; }

.acc-icon-circle {
  width:36px; height:36px; border-radius:50%; background:#023d4b;
  display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff;
}

.acc-title { flex:1; font-size:14px; font-weight:400; color:#232323; }
.acc-item.is-open .acc-title { color:#023d4b; font-weight:500; }

.acc-chevron { flex-shrink:0; color:#6a6a6a; transition:transform .2s; }
.acc-item.is-open .acc-chevron { transform:rotate(180deg); }

.acc-quick { padding:0 24px 12px 72px; }
.acc-item.is-open .acc-quick { display:none; }
.acc-quick-btn {
  background:#fff; border:1px solid #bdbdbd; color:#232323;
  padding:5px 14px; border-radius:4px; font-size:13px; cursor:pointer;
}
.acc-quick-btn:hover { border-color:#023d4b; color:#023d4b; }

.acc-expand { display:none; padding:0 24px 16px 72px; }
.acc-item.is-open .acc-expand { display:block; }
.acc-item.is-open { background:#f0f8f3; }
.ext-icon { display:inline; vertical-align:middle; margin-left:2px; position:relative; top:-1px; }

.acc-desc { font-size:13px; color:#6a6a6a; line-height:1.5; margin-bottom:12px; }
.acc-desc a { color:#023d4b; }

.acc-btns { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }

.acc-btn-primary {
  background:#023d4b; color:#fff; border:none;
  padding:8px 16px; border-radius:4px; font-size:13px; font-weight:500; cursor:pointer;
}
.acc-btn-primary:hover { background:#01242d; }

.acc-btn-secondary {
  display:flex; align-items:center; gap:6px; background:#fff; color:#232323;
  border:1px solid #bdbdbd; padding:7px 14px; border-radius:4px; font-size:13px; cursor:pointer;
}
.acc-btn-secondary:hover { border-color:#023d4b; }

.acc-footer { padding:12px 24px; border-top:1px solid #ececec; font-size:13px; color:#6a6a6a; margin-top:4px; }
.acc-footer a { color:#023d4b; }

.dash-rates__sub { font-size:13px; color:#6a6a6a; padding:6px 20px 14px; line-height:1.4; }
.dash-rate-row { padding:11px 18px; border-top:1px solid #ececec; }
.dash-rate-top { display:flex; align-items:baseline; gap:5px; margin-bottom:2px; }
.dash-rate__pct { font-size:14px; font-weight:600; color:#232323; }
.dash-rate__apr { font-size:12px; color:#6a6a6a; }
.dash-rate__tier { font-size:12px; color:#03657c; }

.dash-por { padding:16px 20px 20px; font-size:14px; color:#232323; line-height:1.6; }
.dash-por a { color:#023d4b; }
.dash-por strong { font-weight:600; }

.dash-trust { padding:24px; }
.dash-trust__heading { font-size:20px; font-weight:400; color:#232323; margin-bottom:24px; }
.dash-trust__grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; margin-bottom:20px; }
.trust-col__icon {
  width:44px; height:44px; border-radius:50%; background:#e5f5ee;
  display:flex; align-items:center; justify-content:center; margin-bottom:12px; color:#023d4b;
}
.trust-col__title { font-size:14px; font-weight:500; color:#023d4b; margin-bottom:8px; }
.trust-col__badge {
  display:inline-flex; align-items:center; gap:4px; background:#e5f5ee; color:#023d4b;
  font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.6px;
  padding:3px 8px; border-radius:20px; margin-bottom:10px;
}
.trust-col__desc { font-size:13px; color:#6a6a6a; line-height:1.5; }
.trust-col__desc a { color:#023d4b; }
.dash-trust__footer { font-size:13px; color:#6a6a6a; border-top:1px solid #ececec; padding-top:16px; }
.dash-trust__footer a { color:#023d4b; }

/* ── Fund modal ── */
.fund-overlay {
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:1100;
}
.fund-overlay.is-open { display:block; }

.fund-modal {
  display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);
  background:#fff; border-radius:12px; padding:40px 32px 32px;
  width:100%; max-width:480px; z-index:1101; box-shadow:0 8px 40px rgba(0,0,0,.18);
}
.fund-modal.is-open { display:block; }

.fund-modal__close {
  position:absolute; top:16px; right:16px;
  background:none; border:none; cursor:pointer; color:#6a6a6a;
  display:flex; align-items:center; justify-content:center; padding:4px;
}
.fund-modal__close:hover { color:#232323; }

.fund-modal__title {
  font-size:20px; font-weight:500; color:#232323;
  text-align:center; margin-bottom:20px;
}
.fund-modal__label {
  font-size:13px; color:#6a6a6a; margin-bottom:12px;
}
.fund-modal__list { display:flex; flex-direction:column; gap:10px; }

.fund-modal__item {
  display:flex; align-items:center; gap:14px;
  padding:16px 18px; border:1px solid #e8e8e8; border-radius:8px;
  text-decoration:none; color:#232323; transition:background .15s, border-color .15s;
}
.fund-modal__item:hover {
  background:#f0faf4; border-color:#c3e6d0; text-decoration:none;
}
.fund-modal__icon { width:40px; height:40px; border-radius:50%; display:block; flex-shrink:0; }
.fund-modal__name { flex:1; font-size:15px; font-weight:500; }
.fund-modal__arrow { color:#023d4b; flex-shrink:0; }

@media (max-width:540px) {
  .fund-modal { padding:32px 20px 24px; margin:0 12px; width:calc(100% - 24px); left:12px; transform:translateY(-50%); }
}

.video-modal {
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.88);
  z-index:9999; align-items:center; justify-content:center;
}
.video-modal.is-open { display:flex; }
.video-modal__close {
  position:absolute; top:18px; right:18px;
  background:rgba(255,255,255,.15); border:none; color:#fff;
  width:42px; height:42px; border-radius:50%; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.video-modal__close:hover { background:rgba(255,255,255,.25); }
.video-modal__wrap {
  width:90%; max-width:1060px; position:relative; aspect-ratio:16/9;
}
.video-modal__wrap iframe {
  position:absolute; inset:0; width:100%; height:100%; border:none;
}

.mobile-burger {
  display:none; background:none; border:none; cursor:pointer;
  padding:4px; color:#232323; align-items:center;
}

.mobile-overlay {
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:997;
}
.mobile-overlay.is-open { display:block; }

.mobile-menu {
  display:none; position:fixed; inset:0; background:#fff;
  z-index:998; flex-direction:column; overflow-y:auto;
}
.mobile-menu.is-open { display:flex; }

.mobile-menu__top {
  display:flex; align-items:center; gap:14px;
  padding:0 20px; height:58px; border-bottom:1px solid #ececec; flex-shrink:0;
}
.mobile-menu__close {
  background:none; border:none; cursor:pointer; padding:4px;
  color:#232323; display:flex; align-items:center;
}

.mobile-nav { flex:1; overflow-y:auto; }

.mobile-nav-row {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; font-size:15px; color:#232323; cursor:pointer;
  background:none; border:none; width:100%; text-align:left;
  text-decoration:none; border-bottom:1px solid #f0f0f0;
}
.mobile-nav-row:hover { background:#f9f9f9; color:#023d4b; }
.mobile-nav-row.is-open { color:#023d4b; }

.mobile-nav-sub { display:none; background:#fafafa; }
.mobile-nav-sub.is-open { display:block; }

.mobile-nav-sub-item {
  display:flex; align-items:center; gap:12px;
  padding:13px 28px; font-size:14px; color:#232323; text-decoration:none;
  border-bottom:1px solid #f0f0f0;
}
.mobile-nav-sub-item:hover { background:#f0f0f0; text-decoration:none; }

.mobile-sep { height:1px; background:#ececec; margin:8px 0; }

.mobile-menu__footer { padding:20px; flex-shrink:0; }

.mobile-signout-btn {
  display:block; width:100%; padding:14px;
  background:none; border:2px solid #c0392b; color:#c0392b;
  border-radius:6px; font-size:15px; font-weight:500; cursor:pointer;
}
.mobile-signout-btn:hover { background:#fff5f5; }

@media (max-width:768px) {
  .dash-nav { display:none; }
  .dash-header__right { display:none; }
  .mobile-burger { display:flex; }

  .dash-container { padding:0 14px; }

  .dash-layout { grid-template-columns:1fr; gap:14px; }
  .dash-main { padding:14px 0 32px; }

  .dash-kyc__actions { flex-direction:column; gap:8px; margin-top:14px; }
  .dash-kyc__btn { width:100%; justify-content:center; }

  .acc-expand { padding:0 16px 16px; }
  .acc-quick { padding:0 16px 12px; }
  .acc-btns { flex-direction:column; gap:8px; }
  .acc-btn-primary { width:100%; justify-content:center; }
  .acc-btn-secondary { width:100%; justify-content:center; }
  .acc-quick-btn { display:block; width:100%; text-align:center; padding:7px 14px; }

  .dash-trust__grid { grid-template-columns:1fr; gap:24px; }
  .dash-trust { padding:20px 18px; }

  .dash-rate-row { padding:11px 16px; }
}

.kyc-overlay {
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:1100;
}
.kyc-overlay.is-open { display:block; }

.kyc-modal {
  display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);
  background:#fff; border-radius:12px; padding:44px 36px 32px;
  width:100%; max-width:480px; z-index:1101; box-shadow:0 8px 40px rgba(0,0,0,.18);
}
.kyc-modal.is-open { display:block; }

.kyc-modal__close {
  position:absolute; top:16px; right:16px;
  background:none; border:none; cursor:pointer; color:#6a6a6a;
  display:flex; align-items:center; justify-content:center; padding:4px;
}
.kyc-modal__close:hover { color:#232323; }

.kyc-modal__icon-wrap {
  width:64px; height:64px; border-radius:50%; background:#d4f0e8;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 20px;
}

.kyc-modal__title {
  font-size:22px; font-weight:600; color:#232323;
  text-align:center; margin-bottom:14px;
}

.kyc-modal__desc {
  font-size:14px; color:#6a6a6a; text-align:center; line-height:1.55;
  margin-bottom:28px;
}
.kyc-modal__link { color:#023d4b; text-decoration:underline; }
.kyc-modal__link:hover { color:#01242d; }

.kyc-modal__footer { display:flex; justify-content:flex-end; }

.kyc-modal__btn {
  background:#023d4b; color:#fff; border:none;
  padding:10px 22px; border-radius:6px; font-size:14px; font-weight:500;
  cursor:pointer; white-space:nowrap;
}
.kyc-modal__btn:hover { background:#01242d; }

@media (max-width:540px) {
  .kyc-modal { padding:36px 20px 24px; margin:0 12px; width:calc(100% - 24px); left:12px; transform:translateY(-50%); }
}

.region-page { min-height:calc(100vh - 56px); display:flex; align-items:center; justify-content:center; padding:40px 20px; }
.region-card {
  background:#fff; border:1px solid #ececec; border-radius:10px;
  max-width:440px; width:100%; padding:48px 36px 40px; text-align:center;
}
.region-card__icon {
  width:60px; height:60px; border-radius:50%; background:#fef3e2;
  display:flex; align-items:center; justify-content:center; margin:0 auto 20px;
}
.region-card__title { font-size:20px; font-weight:600; color:#232323; margin-bottom:10px; }
.region-card__desc { font-size:14px; color:#6a6a6a; line-height:1.6; margin-bottom:24px; }
.region-card__back {
  display:inline-flex; align-items:center; gap:6px;
  background:#023d4b; color:#fff; border:none;
  padding:10px 20px; border-radius:6px; font-size:13px; font-weight:500; cursor:pointer;
  text-decoration:none;
}
.region-card__back:hover { background:#01242d; text-decoration:none; color:#fff; }

.user-menu { position:relative; }
.user-dropdown {
  display:none; position:absolute; top:calc(100% + 4px); right:0;
  background:#fff; border:1px solid #e0e0e0; border-radius:6px;
  box-shadow:0 4px 16px rgba(0,0,0,.12); min-width:168px; z-index:300; padding:4px 0;
}
.user-dropdown.is-open { display:block; }
.user-dropdown__item {
  display:flex; align-items:center; gap:6px; width:100%; text-align:left;
  padding:9px 16px; font-size:13px; color:#232323; background:none; border:none;
  cursor:pointer; text-decoration:none; line-height:1.2;
}
.user-dropdown__item:hover { background:#f6f6f6; color:#023d4b; text-decoration:none; }
.user-dropdown__signout { color:#c0392b; }
.user-dropdown__signout:hover { background:#fff5f5; color:#c0392b; }