:root {
  --brand: #2bc4f1;
  --brand-2: #24a7cd;
  --brand-ink: #2bc4f1;
  --brand-ink-hover: #24a7cd;
  --on-brand: #0a2530;
  --brand-text: #0c6a84;
  --brand-soft: rgba(43, 196, 241, 0.14);
  --brand-soft-2: rgba(43, 196, 241, 0.26);
  --brand-line: rgba(43, 196, 241, 0.55);
  --focus: #0c6a84;
  --lavender: #a49bff;
  --kpi-grad: linear-gradient(135deg, #2bc4f1 0%, #24a7cd 100%);
  --cta-grad: linear-gradient(90deg, #2bc4f1 0%, #a49bff 100%);
  --bg: #f9fafb;
  --surface: #ebecee;
  --surface-2: #dcdfe3;
  --surface-3: #f9fafb;
  --sunk: #c7cbd0;
  --deep: #b9bfc4;
  --border: #dcdfe3;
  --border-strong: #b9bfc4;
  --line: #dcdfe3;
  --text: #1a1a1d;
  --text-2: #3d3d43;
  --muted: #3d3d43;
  --ink: #202024;
  --label: #343438;
  --title: #2b2b2f;
  --placeholder: #5c5f66;
  --sunk-text: #3d3d43;
  --danger-solid: #ef4444;
  --on-danger-solid: #1a1a1d;
  --danger-text: #b91c1c;
  --ok-solid: #22c55e;
  --on-ok-solid: #052e16;
  --warn-solid: #f59e0b;
  --on-warn-solid: #1a1a1d;
  --info-solid: #0ea5e9;
  --on-info-solid: #062a3a;
  --ok: #166534;
  --ok-bg: rgba(34, 197, 94, 0.15);
  --warn: #92400e;
  --warn-bg: rgba(245, 158, 11, 0.16);
  --danger: #b91c1c;
  --danger-bg: rgba(239, 68, 68, 0.13);
  --on-danger: #1a1a1d;
  --info: #0b5d74;
  --info-bg: rgba(14, 165, 233, 0.13);
  --accent: #5b21b6;
  --accent-bg: rgba(139, 92, 246, 0.14);
  --promo: #9a3412;
  --promo-bg: rgba(249, 115, 22, 0.14);
  --veil: rgba(0, 0, 0, 0.16);
  --veil-modal: rgba(0, 0, 0, 0.4);
  --veil-blur: blur(3px);
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: var(--font-sans);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fw-head: 500;
  --fw-strong: 600;
  --track-head: 0;
  --fs-base: 14px;
  --r-card: 15px;
  --r-field: 10px;
  --r-btn: 10px;
  --r-chip: 5px;
  --r-pill: 500px;
  --r-menu: 20px;
  --r-sheet: 20px;
  --shadow-card: none;
  --shadow-pop: none;
  --shadow-btn: none;
  --shadow-kpi: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-kpi-hover: 0 10px 25px -3px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.08);
  --card-border: 0;
  --pop-border: 3px solid var(--surface-2);
  --field-bg: var(--surface-2);
  --field-border: 1px solid transparent;
  --field-h: 44px;
  --btn-h: 45px;
  --side-bg: var(--surface);
  --side-text: var(--text-2);
  --side-border: 1px solid var(--surface);
  --side-active-bg: transparent;
  --side-active-text: var(--brand-text);
  --bar-bg: var(--surface);
  --bar-border: 1px solid var(--surface);
  --tab-bg: var(--surface);
  --side-w: 280px;
  --side-w-mini: 280px;
  --rail-w: 280px;
  --bar-h: 72px;
  --tab-h: 76px;
  --gutter: 15.4px;
  --page-max: none;
  --page-gap: 20px;
  --sum-w: 340px;
  --fl-wrap: 100%;
  --fl-wrap-pad: 10px;
  color-scheme: light;
}

.dark, html[data-mode="dark"] {
  --brand-text: #2bc4f1;
  --brand-soft: rgba(43, 196, 241, 0.16);
  --brand-soft-2: rgba(43, 196, 241, 0.28);
  --brand-line: rgba(43, 196, 241, 0.55);
  --focus: #2bc4f1;
  --bg: #1a1a1d;
  --surface: #202024;
  --surface-2: #2b2b2f;
  --surface-3: #1a1a1d;
  --sunk: #343438;
  --deep: #3d3d43;
  --border: #2b2b2f;
  --border-strong: #3d3d43;
  --line: #2b2b2f;
  --text: #f9fafb;
  --text-2: #929aa4;
  --muted: #929aa4;
  --ink: #ebecee;
  --label: #c7cbd0;
  --title: #dcdfe3;
  --placeholder: #999999;
  --sunk-text: #aab1ba;
  --danger-text: #f87171;
  --ok: #4ade80;
  --ok-bg: rgba(34, 197, 94, 0.16);
  --warn: #fbbf24;
  --warn-bg: rgba(245, 158, 11, 0.16);
  --danger: #f87171;
  --danger-bg: rgba(239, 68, 68, 0.16);
  --on-danger: #1a1a1d;
  --info: #7dd3fc;
  --info-bg: rgba(14, 165, 233, 0.16);
  --accent: #c4b5fd;
  --accent-bg: rgba(139, 92, 246, 0.18);
  --promo: #fdba74;
  --promo-bg: rgba(249, 115, 22, 0.16);
  --shadow-kpi: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  color-scheme: dark;
}

@media (min-width: 640px) {
  :root { --fl-wrap: 620px; --gutter: 15.4px; }
}
@media (min-width: 641px) {
  :root { --gutter: 22.4px; --fl-wrap-pad: 17px; }
}
@media (min-width: 768px) {
  :root { --fl-wrap: 720px; }
}
@media (min-width: 1024px) {
  :root { --bar-h: 80px; --tab-h: 0px; --gutter: 22.4px; --page-gap: 20px; --fl-wrap: 968px; }
}
@media (min-width: 1280px) {
  :root { --fl-wrap: 1140px; }
}
@media (min-width: 1536px) {
  :root { --fl-wrap: 1480px; }
}

html { scroll-behavior: auto; }
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
body { background: var(--bg); color: var(--text-2); font-family: var(--font-sans); font-size: 14px; font-weight: 500; line-height: 20px; }
h1, h2, h3, h4, h5, h6 { color: var(--text); font-weight: var(--fw-head); }
strong, b { font-weight: 600; }
::placeholder { color: var(--placeholder); opacity: 1; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
::selection { background: var(--brand-soft-2); }
* { scrollbar-width: thin; scrollbar-color: var(--deep) transparent; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--deep); }
html.fl-lock, html.fl-lock body { overflow: hidden; }
.fl-duo { position: relative; display: inline-block; }
.fl-duo::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-family: "remixicon"; font-style: normal; font-weight: normal; text-align: center; opacity: 1; }
.ri-shopping-cart-2-fill.fl-duo::before, .ri-stack-fill.fl-duo::before, .ri-shopping-bag-3-fill.fl-duo::before, .ri-refresh-fill.fl-duo::before, .ri-drop-fill.fl-duo::before, .ri-calendar-check-fill.fl-duo::before, .ri-bank-card-fill.fl-duo::before, .ri-customer-service-2-fill.fl-duo::before, .ri-code-box-fill.fl-duo::before, .ri-hand-coin-fill.fl-duo::before, .ri-trophy-fill.fl-duo::before, .ri-history-fill.fl-duo::before, .ri-article-fill.fl-duo::before, .ri-file-text-fill.fl-duo::before, .ri-question-fill.fl-duo::before, .ri-shield-check-fill.fl-duo::before, .ri-user-settings-fill.fl-duo::before, .ri-wallet-3-fill.fl-duo::before, .ri-settings-3-fill.fl-duo::before, .ri-file-list-3-fill.fl-duo::before, .ri-coins-fill.fl-duo::before, .ri-team-fill.fl-duo::before { opacity: 0.4; }
.ri-shopping-cart-2-fill.fl-duo::after { content: "\f11e"; }
.ri-stack-fill.fl-duo::after { content: "\f181"; }
.ri-shopping-bag-3-fill.fl-duo::after { content: "\f116"; }
.ri-refresh-fill.fl-duo::after { content: "\f064"; }
.ri-drop-fill.fl-duo::after { content: "\ec6a"; }
.ri-calendar-check-fill.fl-duo::after { content: "\eb23"; }
.ri-bank-card-fill.fl-duo::after { content: "\ea92"; }
.ri-customer-service-2-fill.fl-duo::after { content: "\ec0c"; }
.ri-code-box-fill.fl-duo::after { content: "\eba7"; }
.ri-hand-coin-fill.fl-duo::after { content: "\edf1"; }
.ri-trophy-fill.fl-duo::after { content: "\f22f"; }
.ri-history-fill.fl-duo::after { content: "\ee17"; }
.ri-article-fill.fl-duo::after { content: "\ea7e"; }
.ri-file-text-fill.fl-duo::after { content: "\ed0f"; }
.ri-question-fill.fl-duo::after { content: "\f045"; }
.ri-shield-check-fill.fl-duo::after { content: "\f100"; }
.ri-user-settings-fill.fl-duo::after { content: "\f26e"; }
.ri-wallet-3-fill.fl-duo::after { content: "\f2ac"; }
.ri-settings-3-fill.fl-duo::after { content: "\f0e6"; }
.ri-file-list-3-fill.fl-duo::after { content: "\ecef"; }
.ri-coins-fill.fl-duo::after { content: "\ebb4"; }
.ri-team-fill.fl-duo::after { content: "\f1ee"; }

.page { max-width: var(--page-max); gap: 20px; }
.page-head { gap: 10px 16px; }
.page-title, .fl-title { display: flex; align-items: center; gap: 10px; min-width: 0; margin: 0; color: var(--text-2); font-family: var(--font-sans); font-size: 18px; font-weight: 500; line-height: 25.7143px; letter-spacing: 0; }
.fl-title > i, .page-title > i { flex-shrink: 0; color: var(--text-2); font-size: 20px; line-height: 20px; }
.page-sub { color: var(--text-2); font-size: 14px; }
.page-count { color: var(--text-2); font-size: 14px; font-weight: 500; }
.sec-title, .box-title { color: var(--title); font-size: 18px; font-weight: 500; line-height: 25.7143px; }
.prose { color: var(--text-2); font-size: 14px; line-height: 20px; }
.prose h1, .prose h2, .prose h3, .prose h4 { color: var(--text); font-weight: 600; }
.link { color: var(--brand-text); font-weight: 500; text-decoration-color: currentColor; }
.muted, .opt { color: var(--muted); }
@media (min-width: 640px) {
  .page-title { font-size: 18px; }
}

.fl-card, .box { min-width: 0; border: 0; border-radius: var(--r-card); background: var(--surface); color: var(--text-2); box-shadow: none; }
.fl-card { display: flex; flex-direction: column; gap: 10px; padding: 15px; }
.box-pad { padding: 15px; }
.box-head { gap: 6px 12px; padding: 15px 15px 0; border-bottom: 0; }
.fl-card-title { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; color: var(--title); font-size: 18px; font-weight: 500; line-height: 25.7143px; }
.fl-card-title > i { font-size: 18px; }
.fl-inset { padding: 10px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); }
.fl-chip-data { display: inline-flex; align-items: center; padding: 2.5px 10px; border-radius: 5px; background: var(--sunk); color: var(--ink); font-size: 12px; font-weight: 500; line-height: 17.14px; }

.kpis, .fl-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.kpis-one { grid-template-columns: minmax(0, 1fr); }
.kpi, .fl-kpi { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; background: var(--surface); color: var(--text-2); box-shadow: var(--shadow-kpi); }
.kpi-label, .fl-kpi-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 91px; padding: 20px 20px 35px; background: var(--kpi-grad); color: var(--on-brand); font-size: 14px; font-weight: 600; line-height: 14px; }
.kpi-label > i, .fl-kpi-top > i { order: 2; display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; padding: 8px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 5px; background: rgba(255, 255, 255, 0.15); color: #ffffff; font-size: 16px; line-height: 1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.kpi-value, .fl-kpi-value { position: relative; z-index: 1; margin: -18px 0 0; padding: 20px; border-radius: 10px; background: var(--surface); color: var(--text); font-family: var(--font-sans); font-size: 18px; font-weight: 500; line-height: 18px; letter-spacing: 0; }
.kpi-code { font-size: 14px; }
.kpi-wide { grid-column: 1 / -1; }
.kpi .rank-link { min-height: 44px; margin: -18px 0 0; padding-top: 7px; padding-bottom: 7px; font-size: 18px; }
.kpi a:focus-visible, .fl-kpi a:focus-visible { outline: 2px solid var(--focus); outline-offset: -3px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .kpi, .fl-kpi { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
}
@media (hover: hover) {
  .kpi:hover, .fl-kpi:hover { box-shadow: var(--shadow-kpi-hover); transform: translateY(-2px); }
}
@media (min-width: 640px) {
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .kpis { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
  .fl-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .kpis-one { grid-template-columns: minmax(0, 1fr); }
}
.btn, .btn-primary, .btn-secondary, .btn-outline, .btn-ghost, .btn-danger, .btn-success, .btn-light, .fl-btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: var(--btn-h); padding: 0 30px; border: 0; border-radius: var(--r-btn); background: var(--surface-2); color: var(--ink); font-family: var(--font-sans); font-size: 13.3333px; font-weight: 500; line-height: 1.2; letter-spacing: 0; text-transform: none; box-shadow: none; transition: none; }
.btn > i, .fl-btn > i { font-size: 16px; }
.btn-primary { background: var(--surface-2); color: var(--ink); }
.btn-secondary, .btn-outline { border: 2px solid var(--sunk); background: transparent; color: var(--ink); }
.btn-ghost { background: transparent; color: var(--brand-text); }
.btn-danger, .fl-btn-danger { background: var(--surface-2); color: var(--danger-text); }
.btn-danger > i, .fl-btn-danger > i { color: var(--danger-solid); }
.btn-success { background: var(--ok-solid); color: var(--on-ok-solid); }
.btn-light { background: #ffffff; color: #1a1a1d; }
.btn-danger-text { border: 0; color: var(--danger-text); }
.btn-sm { min-height: 44px; padding: 0 15px; font-size: 13.3333px; }
.btn-lg { min-height: 50px; padding: 0 30px; font-size: 14px; }
.btn-block { width: 100%; }
.btn:disabled, .btn[aria-disabled="true"], .fl-btn:disabled { opacity: 0.55; }
.fl-btn-brand { background: var(--brand); color: var(--on-brand); }
.fl-btn-dark { border-radius: 0 10px 10px 0; background: var(--title); color: var(--bg); }
.dark .fl-btn-dark { background: var(--title); color: var(--bg); }
.fl-btn-cta { min-height: 50px; padding: 0 25px; background: var(--cta-grad); color: var(--on-brand); font-size: 14px; }
.btn-primary:active:not(:disabled):not([aria-disabled="true"]), .btn:active:not(:disabled):not([aria-disabled="true"]):not(.btn-secondary):not(.btn-outline):not(.btn-ghost), .fl-btn:active:not(:disabled) { background: var(--brand); color: var(--on-brand); }
.btn-danger:active > i, .fl-btn-danger:active > i { color: var(--on-brand); }
.btn-secondary:active, .btn-outline:active { opacity: 0.7; }
@media (hover: hover) {
  .btn-primary:hover:not(:disabled):not([aria-disabled="true"]), .btn:hover:not(:disabled):not([aria-disabled="true"]):not(.btn-secondary):not(.btn-outline):not(.btn-ghost):not(.btn-light), .fl-btn:hover:not(:disabled) { background: var(--brand); color: var(--on-brand); }
  .btn-danger:hover > i, .fl-btn-danger:hover > i { color: var(--on-brand); }
  .btn-secondary:hover, .btn-outline:hover { background: transparent; opacity: 0.7; }
  .btn-ghost:hover { background: var(--brand-soft); }
}
@media (min-width: 1024px) and (pointer: fine) {
  .btn-sm { min-height: 37.33px; padding: 0 10px; }
}

.icon-btn { border-radius: 10px; color: var(--text-2); font-size: 20px; }
.icon-btn-line { border: 0; background: var(--surface-2); }
@media (hover: hover) {
  .icon-btn:hover, .menu-item:hover { background: var(--surface-2); }
}

.label, .form-label, .control-label, .field > label, .nf label, .nf .control-label { display: block; margin: 0; color: var(--label); font-size: 16px; font-weight: 500; line-height: 22.8571px; }
.field { gap: 5px; }
.input, .select, .form-control, .form-select, .fg-control { min-height: var(--field-h); padding: 6px 12px; border: 1px solid transparent; border-radius: var(--r-field); background: var(--field-bg); color: var(--ink); font-family: var(--font-sans); font-size: 16px; font-weight: 400; line-height: 20px; box-shadow: none; transition: none; }
textarea.input, textarea.form-control { min-height: 7rem; padding: 6px 12px; resize: vertical; }
.input::placeholder, .form-control::placeholder, .srch input::placeholder { color: var(--placeholder); opacity: 1; }
.input:focus, .select:focus, .form-control:focus, .form-select:focus, .fg-control:focus { padding: 5px 11px; border: 2px solid var(--brand); outline: none; box-shadow: 0 0 0 2px var(--brand-soft-2); }
.select:focus, .form-select:focus, select.form-control:focus { padding: 5px 32px 5px 14px; }
.input:disabled, .form-control:disabled { opacity: 0.6; }
.sum-value { border: 1px solid transparent; border-radius: var(--r-field); background: var(--field-bg); color: var(--ink); }
.sum-value:focus { border-color: transparent; }
.sum-value:focus-visible { box-shadow: 0 0 0 2px var(--brand-soft-2); }
.input[readonly], .form-control[readonly] { background: var(--field-bg); }
.input[readonly]:focus, .form-control[readonly]:focus { padding: 6px 12px; border: 1px solid transparent; box-shadow: 0 0 0 2px var(--brand-soft-2); }
.input.is-invalid, .form-control.is-invalid, .signup-invalid { padding: 5px 11px; border-width: 2px; border-style: solid; box-shadow: none; }
.select, .form-select, select.form-control { padding: 6px 33px 6px 15px; font-weight: 500; background-image: linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%); background-position: right 19px center, right 14px center; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.select option, select.form-control option { background: var(--bg); color: var(--ink); }
.help, .help-text, .help-block, .form-text, .nf .help-block, .nf .min-max { color: var(--text-2); font-size: 11.6667px; font-weight: 500; line-height: 16.6667px; }
.err-text { color: var(--danger-text); font-size: 12px; }
.fl-field-page, .page > .srch, .page-tools .srch { --field-bg: var(--surface); }
@media (min-width: 1024px) {
  .input, .select, .form-control, .form-select, .fg-control, .srch input, .fl-field { font-size: 14px; }
}

.input-group { min-height: var(--field-h); border: 0; border-radius: var(--r-field); background: var(--field-bg); overflow: hidden; }
.input-group:focus-within { border: 0; box-shadow: inset 0 0 0 2px var(--brand), 0 0 0 2px var(--brand-soft-2); }
.input-group > .input, .input-group > .form-control { min-height: var(--field-h); padding: 6px 12px; border: 0; background: transparent; }
.input-group > .input:focus, .input-group > .form-control:focus { padding: 6px 12px; border: 0; box-shadow: none; }
.input-addon { border: 0; background: transparent; color: var(--text-2); font-size: 14px; }
.input-group > .input-addon:last-child { border-left: 0; }
.input-btn { border: 0; background: transparent; color: var(--text-2); }
.input-btn-text { color: var(--ink); font-weight: 500; }
.copy-row { gap: 10px; }

.srch { min-height: var(--field-h); padding: 0 0 0 12px; border: 0; border-radius: var(--r-field); background: var(--surface); box-shadow: inset 0 0 0 1px var(--surface-2); }
.srch:focus-within { border: 0; box-shadow: inset 0 0 0 2px var(--brand), 0 0 0 2px var(--brand-soft-2); }
.srch > i { color: var(--text-2); font-size: 16px; }
.srch input { min-height: var(--field-h); color: var(--ink); font-size: 16px; font-weight: 400; }
.srch button { width: 68px; height: auto; align-self: stretch; border-radius: 0 10px 10px 0; background: var(--title); color: var(--bg); font-size: 14px; }

.check { gap: 8px; min-height: 44px; color: var(--text-2); font-size: 14px; font-weight: 500; }
.check input[type="checkbox"], .form-check-input[type="checkbox"], .custom-control-input[type="checkbox"], .lst-chk input[type="checkbox"], .sum-terms > input[type="checkbox"], .fl-check { -webkit-appearance: none; appearance: none; position: relative; flex-shrink: 0; width: 22px; height: 22px; margin: 0; border: 2px solid var(--deep); border-radius: 7.5px; background: transparent; cursor: pointer; }
.dark .check input[type="checkbox"], .dark .form-check-input[type="checkbox"], .dark .custom-control-input[type="checkbox"], .dark .lst-chk input[type="checkbox"], .dark .sum-terms > input[type="checkbox"], .dark .fl-check { border-color: var(--deep); }
.check input[type="checkbox"]::after, .form-check-input[type="checkbox"]::after, .custom-control-input[type="checkbox"]::after, .lst-chk input[type="checkbox"]::after, .sum-terms > input[type="checkbox"]::after, .fl-check::after { content: ""; position: absolute; top: 2px; left: 6px; width: 5px; height: 10px; border: solid #ffffff; border-width: 0 2px 2px 0; opacity: 0; transform: rotate(40deg); }
.check input[type="checkbox"]:checked, .form-check-input[type="checkbox"]:checked, .custom-control-input[type="checkbox"]:checked, .lst-chk input[type="checkbox"]:checked, .sum-terms > input[type="checkbox"]:checked, .fl-check:checked { border-color: var(--brand); background: var(--brand); }
.check input[type="checkbox"]:checked::after, .form-check-input[type="checkbox"]:checked::after, .custom-control-input[type="checkbox"]:checked::after, .lst-chk input[type="checkbox"]:checked::after, .sum-terms > input[type="checkbox"]:checked::after, .fl-check:checked::after { opacity: 1; }
.check input[type="radio"], .form-check-input[type="radio"], .custom-control-input[type="radio"], .fl-radio { -webkit-appearance: none; appearance: none; position: relative; flex-shrink: 0; width: 18px; height: 18px; margin: 0; border: 2px solid var(--deep); border-radius: 500px; background: transparent; cursor: pointer; }
.check input[type="radio"]:checked, .form-check-input[type="radio"]:checked, .custom-control-input[type="radio"]:checked, .fl-radio:checked { border-color: var(--brand); background: radial-gradient(circle, var(--brand) 0 4px, transparent 4.5px); }
@media (prefers-reduced-motion: no-preference) {
  .check input, .form-check-input, .custom-control-input, .lst-chk input, .sum-terms > input, .fl-check, .fl-radio { transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.2s ease; }
}
.fl-switch { -webkit-appearance: none; appearance: none; position: relative; flex-shrink: 0; width: 40px; height: 22px; margin: 0; border-radius: 500px; background: var(--deep); cursor: pointer; }
.fl-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #ffffff; }
.fl-switch:checked { background: var(--brand); }
.fl-switch:checked::after { left: 21px; }

.dropdown-toggle, .dropdown > .btn.dropdown-toggle { min-height: var(--field-h); padding: 12px 15px; border: 0; border-radius: var(--r-field); background: var(--field-bg); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; box-shadow: none; }
.dropdown-toggle::after { width: 0; height: 0; margin: 0 0 0 8px; border: 0; border-top: 6px solid currentColor; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; transform: none; opacity: 1; }
.dropdown-toggle[aria-expanded="true"] { border: 0; box-shadow: 0 0 0 2px var(--brand-soft-2); }
.dropdown > .dropdown-menu { z-index: 86; margin: 10px 0 0; padding: 10px 5px 10px 10px; max-height: 428px; overflow-y: auto; border: 4px solid var(--surface); border-radius: var(--r-menu); background: var(--bg); box-shadow: none; }
.dropdown > .dropdown-menu.show { display: flex; flex-direction: column; gap: 7px; }
.dropdown-item { min-height: 36px; padding: 10px; border-radius: 10px; background: var(--surface); color: var(--text-2); font-size: 12px; font-weight: 500; line-height: 14.4px; white-space: normal; }
.dropdown-item > i { color: inherit; margin-right: 8px; }
.dropdown-item.active, .dropdown-item[aria-selected="true"], .dropdown-item.is-selected, .dropdown-item.fl-on { background: var(--brand); color: var(--on-brand); }
@media (prefers-reduced-motion: no-preference) {
  .dropdown-item { transition: background-color 0.14s ease; }
}
@media (hover: hover) {
  .dropdown-item:hover:not(.active):not(.is-selected):not(.fl-on):not([aria-selected="true"]) { background: var(--surface-2); }
}
body:has(.dropdown > .dropdown-menu.show)::after { content: ""; position: fixed; inset: 0; z-index: 84; background: var(--veil); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); }
@media (max-width: 1023.98px) {
  .dropdown > .dropdown-menu.show { position: fixed; inset: auto 0 0 0; z-index: 86; max-height: calc(100dvh - 16px); margin: 0; padding: 15px calc(15px + env(safe-area-inset-right)) calc(15px + env(safe-area-inset-bottom)) calc(15px + env(safe-area-inset-left)); border: 0; border-radius: var(--r-sheet) var(--r-sheet) 0 0; }
  .dropdown-item, #category-drop .dropdown-item, #orders-drop .dropdown-item { min-height: 44px; }
  html:has(.dropdown > .dropdown-menu.show) { overflow: hidden; }
}
.lst { border: 0; border-radius: var(--r-card); background: var(--surface); box-shadow: none; }
.lst-t { color: var(--text-2); font-size: 14px; line-height: 20px; }
.lst-t tr { border-top: 1px solid var(--surface-2); }
.lst-name { color: var(--text); font-size: 14px; font-weight: 500; }
.lst-sub, .lst-when, .lst-date { color: var(--text-2); font-size: 12px; }
.lst-id, .lst-strong { color: var(--text); font-weight: 600; }
.lst-link { color: var(--brand-text); }
.lst-reason { color: var(--danger-text); }
@media (hover: hover) {
  .lst-t tbody tr:hover { background: transparent; }
}
@media (min-width: 1280px) {
  .lst-t:not(.lst-cards) th { padding: 11px 12px; border-bottom: 0; background: var(--surface-2); color: var(--title); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
  .lst-t:not(.lst-cards) td { border-top: 1px solid var(--surface-2); }
}

.fl-table, .api-table { width: 100%; max-width: 100%; margin: 10px 0 20px; padding: 10px; border-collapse: separate; border-spacing: 5px; border-radius: var(--r-card); background: var(--surface); color: var(--text-2); font-size: 14px; line-height: 20px; }
.fl-table th, .fl-table td, .api-table td, .api-table th { padding: 8px; border: 0; border-radius: 5px; background: var(--bg); color: var(--text-2); font-weight: 500; text-align: left; vertical-align: top; }
.api-table tr:last-child td { border-bottom: 0; }
.api-key { color: var(--brand-text); font-weight: 600; }

.badge { gap: 5px; min-height: 28px; padding: 5px 10px; border-radius: var(--r-chip); background: var(--surface-2); color: var(--text-2); font-size: 12px; font-weight: 500; line-height: 17.14px; }
.badge > i { font-size: 12px; }
.badge-neutral { background: var(--surface-2); color: var(--text-2); }
.badge-primary, .badge.bg-primary { background: var(--brand); color: var(--on-brand); }
.badge-success { background: var(--ok-bg); color: var(--ok); }
.badge-warning { background: var(--warn-bg); color: var(--warn); }
.badge-danger { background: var(--danger-solid); color: var(--on-danger-solid); }
.badge-info { background: var(--info-bg); color: var(--info); }
.badge-accent { background: var(--accent-bg); color: var(--accent); }
.badge-promo { background: var(--promo-bg); color: var(--promo); }
.fl-badge { display: inline-flex; align-items: center; gap: 5px; min-height: 28px; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--text-2); font-size: 12px; font-weight: 500; line-height: 12px; }
.fl-badge-brand, .fl-price { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 5px 10px; border-radius: 5px; background: var(--brand); color: var(--on-brand); font-size: 12px; font-weight: 500; line-height: 12px; }
.fl-badge-danger { background: var(--danger-solid); color: var(--on-danger-solid); }
.fl-badge-sunk { background: var(--sunk); color: var(--sunk-text); }

.chips { gap: 10px; }
.chip { gap: 6px; min-height: 44px; padding: 0 15px; border: 0; border-radius: 10px; background: var(--surface); color: var(--text-2); font-size: 14px; font-weight: 500; }
.chip[aria-current="page"], .chip[aria-pressed="true"] { border: 0; background: var(--sunk); color: var(--text); }
@media (hover: hover) {
  .chip:hover:not([aria-current="page"]) { border: 0; background: var(--surface-2); color: var(--text); }
}
.fl-pchip { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 8px 12px; border: 0; border-radius: 6px; background: #ffffff; color: #333333; font-size: 12px; font-weight: 500; line-height: normal; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); }
.fl-pchip > i { margin-right: 2px; font-size: 14px; }
.fl-pchip[aria-pressed="true"], .fl-pchip.is-on { color: #000000; transform: translateY(-2px); }
.dark .fl-pchip { background: transparent; color: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
@media (prefers-reduced-motion: no-preference) {
  .fl-pchip, .fl-pchip > i { transition: all 0.3s ease; }
}
@media (hover: hover) {
  .fl-pchip:hover { background: #f8f9fa; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transform: translateY(-1px); }
  .fl-pchip:hover > i { transform: scale(1.1); }
  .dark .fl-pchip:hover { background: transparent; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
}
@media (max-width: 1023.98px), (pointer: coarse) {
  .fl-pchip { min-height: 44px; }
}

.fl-pfilter { margin: 15px 0; padding: 16px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); }
.dark .fl-pfilter { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
.fl-pfilter-title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: var(--text-2); font-size: 14px; font-weight: 600; line-height: 20px; }
.fl-pfilter-title > i { font-size: 16px; }
.fl-pfilter-list { display: flex; flex-wrap: wrap; gap: 8px; }

.seg, .fl-seg { display: flex; gap: 5px; padding: 5px; overflow: hidden; border: 0; border-radius: 10px; background: var(--surface); }
.seg > *, .fl-seg > * { display: inline-flex; flex: 1 1 0; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 5px; border: 0; border-radius: 5px; background: var(--surface-2); color: var(--title); font-size: 14px; font-weight: 500; line-height: 20px; box-shadow: none; }
.seg > [aria-selected="true"], .fl-seg > [aria-pressed="true"], .fl-seg > .is-on { background: var(--brand); color: var(--on-brand); box-shadow: none; }
@media (prefers-reduced-motion: no-preference) {
  .seg > *, .fl-seg > * { transition: background-color 0.3s ease, color 0.3s ease; }
}
@media (hover: hover) {
  .seg > *:hover, .fl-seg > *:hover { background: var(--brand); color: var(--on-brand); }
}
@media (min-width: 1024px) and (pointer: fine) {
  .seg > *, .fl-seg > * { min-height: 30px; }
}

.pager { gap: 0; margin-top: 20px; }
.pg { min-width: 31px; min-height: 34px; margin-left: -1px; padding: 6px 12px; border: 1px solid var(--sunk); border-radius: 0; background: var(--surface-2); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.pager > .pg:first-child { margin-left: 0; border-radius: 10px 0 0 10px; }
.pager > .pg:last-child { border-radius: 0 10px 10px 0; }
.pg[aria-current="page"] { position: relative; z-index: 3; border-color: var(--sunk); background: var(--brand); color: #1a1a1d; }
.pg-info { min-width: 5rem; min-height: 34px; padding: 6px 12px; margin-left: -1px; border: 1px solid var(--sunk); background: var(--surface-2); color: var(--text-2); line-height: 20px; }
.pg:focus-visible { position: relative; z-index: 4; }
@media (hover: hover) {
  .pg:hover:not([aria-current="page"]) { border-color: var(--sunk); background: var(--deep); color: var(--text); }
}
@media (max-width: 1023.98px), (pointer: coarse) {
  .pg, .pg-info { min-width: 44px; min-height: 44px; }
}

.empty-state, .fl-empty { display: grid; justify-items: center; gap: 10px; padding: 30px; border-radius: var(--r-card); background: var(--surface); color: var(--text-2); font-size: 14px; font-weight: 500; text-align: center; }
.empty-state > i, .fl-empty > i { color: var(--sunk); font-size: 32px; line-height: 1; }
.empty-title { color: var(--text); font-size: 16px; font-weight: 500; }
.box .empty-state, .lst .empty-state, .panel .empty-state, .fl-card .empty-state { background: transparent; }

.animate-spin, .fl-spin { display: inline-block; }
@media (prefers-reduced-motion: no-preference) {
  .animate-spin, .fl-spin { animation: fl-spin 2s ease-in-out infinite; }
}
@keyframes fl-spin { to { transform: rotate(360deg); } }
.bar-track { height: 6px; border-radius: 10px; background: var(--surface-2); }
.bar-fill { border-radius: 10px; background: var(--brand); }
.prog-count { color: var(--text); font-weight: 600; }

.bulk-bar { border: 3px solid var(--surface-2); border-radius: var(--r-menu); background: var(--surface); color: var(--text); font-weight: 600; box-shadow: none; }
.music-btn { border: 3px solid var(--surface-2); background: var(--surface); color: var(--text-2); box-shadow: none; }
.music-btn[aria-pressed="true"] { border-color: var(--brand); background: var(--brand); color: var(--on-brand); }
.banner { border: 0; border-radius: 10px; background: var(--surface); color: var(--text-2); }
.banner-go { background: var(--surface-2); color: var(--ink); font-weight: 500; }
@media (hover: hover) {
  .banner-go:hover { background: var(--brand); color: var(--on-brand); }
}
.find-pop { margin-top: 10px; padding: 5px; border: 4px solid var(--surface); border-radius: var(--r-menu); background: var(--bg); box-shadow: none; }
.find-item { border-bottom: 0; border-radius: 10px; background: var(--surface); margin-bottom: 5px; }
.find-name { color: var(--text); font-weight: 500; }
.find-sub, .find-empty, .find-loading { color: var(--text-2); }
.favorite-item { border: 0; border-radius: 10px; background: var(--surface-2); color: var(--text-2); }
.fav-id { color: var(--brand-text); }
.favorite-price { color: var(--ok); font-weight: 600; }
.favorite-badge { background: var(--brand); color: var(--on-brand); }
@media (hover: hover) {
  .favorite-item:hover, .find-item:hover { background: var(--sunk); }
}
.promo-card { border: 0; border-radius: 10px; background: var(--surface-2); }
.promo-now { color: var(--ok); }
.bal-preview { border: 0; border-radius: 10px; background: var(--surface-2); color: var(--text-2); }
.order-done { border: 0; border-left: 4px solid var(--ok-solid); border-radius: var(--r-card); background: var(--surface); }
.done-ico { background: var(--ok-bg); color: var(--ok); }
.done-title { color: var(--ok); }
.crumb-link { color: var(--brand-text); }
.crumb-now { color: var(--text); font-weight: 500; }
.avatar { background: var(--brand); color: var(--on-brand); font-weight: 500; }
.brand-mark { border-radius: 10px; background: var(--brand); color: var(--on-brand); font-family: var(--font-sans); font-weight: 700; }
.brand-name { color: var(--text); font-family: var(--font-sans); font-size: 18px; font-weight: 600; }
.dot-count { top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; background: var(--danger-solid); color: var(--on-danger-solid); font-size: 11px; font-weight: 600; }
.dark .dot-count { background: var(--danger-solid); }
.alert, .alert-success, .alert-danger, .alert-warning, .alert-info { gap: 10px; padding: 15px; border: 0; border-radius: 10px; font-size: 14px; font-weight: 500; line-height: 20px; }
.alert > i { font-size: 18px; line-height: 20px; }
.alert-text { color: inherit; }
.alert-success { background: var(--ok-solid); color: var(--on-ok-solid); }
.alert-danger { background: var(--danger-solid); color: var(--on-danger-solid); }
.alert-warning { background: var(--warn-solid); color: var(--on-warn-solid); }
.alert-info { background: var(--info-solid); color: var(--on-info-solid); }
.alert-success .alert-text, .alert-danger .alert-text, .alert-warning .alert-text, .alert-info .alert-text { color: inherit; }
.alert a, .alert .link { color: inherit; text-decoration: underline; }
.alert .btn { background: rgba(255, 255, 255, 0.85); color: #1a1a1d; }
.alert-close { opacity: 1; }
.low-bal .alert-text { font-weight: 600; }

.modal { padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); background: var(--veil-modal); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); }
.modal-card, .fl-modal { width: 100%; max-width: 406px; border: 3px solid var(--surface); border-radius: var(--r-menu); background: var(--bg); color: var(--text-2); box-shadow: none; }
.modal-card.box { background: var(--bg); }
.modal-head { min-height: 0; padding: 15px 15px 0; border-bottom: 0; }
.modal-head-brand { border-radius: 17px 17px 0 0; background: var(--bg); color: var(--text); }
.modal-head-brand .modal-title { color: var(--text); padding: 0; }
.modal-title { padding-left: 5px; color: var(--text); font-size: 16px; font-weight: 500; line-height: 22.86px; }
.modal-head .icon-btn, .fl-x { width: 44px; height: 44px; margin: -7px -7px -7px 0; border-radius: 10px; background: transparent; }
.modal-head .icon-btn > i, .fl-x > i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-size: 14px; }
@media (hover: hover) {
  .modal-head .icon-btn:hover, .fl-x:hover { background: transparent; }
  .modal-head .icon-btn:hover > i, .fl-x:hover > i { background: var(--sunk); }
}
.modal-head .icon-btn:active > i, .fl-x:active > i { background: var(--sunk); }
.modal-body { gap: 10px; padding: 15px; }
.modal-foot { display: flex; gap: 10px; padding: 0 15px 15px; border-top: 0; }
.modal-foot > .btn { flex: 1 1 0; }
.captcha-modal-shot { border: 0; border-radius: 10px; background: var(--surface-2); }
.captcha-modal-spin { color: var(--brand-text); }
@media (max-width: 1023.98px) {
  .modal.flex { align-items: flex-end; padding: 0; }
  .modal.flex .modal-card { max-width: none; margin: auto 0 0; border-width: 3px 0 0; border-radius: 15px 15px 0 0; padding-bottom: env(safe-area-inset-bottom); }
  .modal-scroll { max-height: calc(100dvh - 16px); }
}

.confirm-dialog { width: min(calc(100vw - 24px), 406px); padding: 0; border: 3px solid var(--surface); border-radius: var(--r-menu); background: var(--bg); color: var(--text-2); box-shadow: none; }
.confirm-dialog::backdrop { background: var(--veil-modal); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); }
.dlg-body { gap: 15px; padding: 15px; }
.dlg-title { color: var(--text); font-family: var(--font-sans); font-size: 16px; font-weight: 500; line-height: 22.86px; }
.dlg-text { color: var(--text-2); font-size: 14px; }
.dlg-actions { gap: 10px; }
.confirm-dialog[data-tone="danger"] .confirm-yes { background: var(--surface-2); color: var(--danger-text); }
@media (hover: hover) {
  .confirm-dialog[data-tone="danger"] .confirm-yes:hover { background: var(--brand); color: var(--on-brand); }
}

.datepicker.dropdown-menu { padding: 10px; border: 3px solid var(--surface); border-radius: var(--r-menu); background: var(--bg); color: var(--text-2); box-shadow: none; font-family: var(--font-sans); font-size: 14px; }
.datepicker table tr td, .datepicker table tr th { border-radius: 10px; }
.datepicker table tr td.focused { background: var(--surface-2); }
.datepicker table tr td.today { background: var(--brand-soft-2); color: var(--ink); }
@media (hover: hover) {
  .datepicker table tr td.day:hover, .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover { background: var(--surface-2); }
  .datepicker table tr td.today:hover { background: var(--brand-soft-2); color: var(--ink); }
}
.datepicker table tr td.old, .datepicker table tr td.new, .datepicker table tr td.disabled { color: var(--text-2); opacity: 0.6; }
.datepicker-dropdown::before, .datepicker-dropdown::after { display: none; }

.fl-tip { position: absolute; z-index: 95; padding: 5px 10px; border-radius: 5px; background: var(--text); color: var(--bg); font-size: 12px; font-weight: 500; line-height: 17px; pointer-events: none; }
[id$="pixmodal"], .pix-modal { color: #1a1a1d; }
body.is-app { background: var(--bg); }
body.is-app:not(.is-verify) .fl-app { padding-bottom: 0; }
.fl-main { padding: 17.6px calc(var(--gutter) + env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) calc(var(--gutter) + env(safe-area-inset-left)); }

.fl-side { z-index: 60; display: flex; flex-direction: column; gap: 0; width: calc(280px + env(safe-area-inset-left)); padding: env(safe-area-inset-top) 0 0 env(safe-area-inset-left); overflow: hidden; border-right: 1px solid var(--surface); background: var(--surface); color: var(--text-2); box-shadow: none; transform: translateX(-100%); transition: none; }
.fl-side.is-open { transform: none; visibility: visible; }
.fl-veil { z-index: 55; background: var(--veil); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); }
.fl-side-head { position: relative; display: flex; align-items: center; flex-shrink: 0; min-height: 0; padding: 10px 0 0; gap: 0; }
.fl-brand { display: flex; align-items: center; gap: 10px; width: 100%; height: 65.6px; min-height: 44px; padding: 0 35px; color: var(--text); }
.fl-brand:focus-visible { outline-offset: -3px; }
.fl-brand .brand-logo, .fl-top-brand .brand-logo { display: block; width: auto; height: 25.6px; max-width: 160px; object-fit: contain; object-position: left center; }
.fl-side-close { position: absolute; top: 20.8px; right: 8px; width: 44px; height: 44px; color: var(--text-2); font-size: 22px; }
.fl-side-list { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.fl-nav { display: flex; flex: 1 1 auto; flex-direction: column; gap: 0; min-height: 0; padding: 0 15px 30px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.fl-nav::-webkit-scrollbar { display: none; }
.fl-item { position: relative; display: flex; align-items: center; gap: 15px; flex-shrink: 0; width: 250px; height: 55px; min-height: 55px; padding: 15px 20px; border: 0; border-radius: 10px; background: var(--surface); color: var(--text-2); font-family: var(--font-sans); font-size: 18px; font-weight: 500; line-height: 25.7143px; text-align: left; }
.fl-item > i { flex-shrink: 0; width: 20px; font-size: 18px; line-height: 25.7143px; text-align: center; }
.fl-item > span { min-width: 0; overflow: hidden; color: var(--title); text-overflow: ellipsis; white-space: nowrap; }
.fl-item[aria-current="page"] { background: var(--surface); color: var(--brand); font-weight: 500; }
.fl-item[aria-current="page"] > span { color: var(--brand-text); }
.fl-item[aria-current="page"]::after { content: ""; position: absolute; top: 2.5px; bottom: 2.5px; left: 260px; width: 5px; border-radius: 10px 0 0 10px; background: var(--brand); }
.fl-item:active { background: var(--surface-2); }
@media (prefers-reduced-motion: no-preference) {
  .fl-item { transition: background-color 0.14s ease; }
}
@media (hover: hover) {
  .fl-item:hover:not([aria-current="page"]), .fl-item[aria-current="page"]:hover { background: var(--surface-2); color: var(--text-2); }
  .fl-item[aria-current="page"]:hover { color: var(--brand); }
}
.fl-item:focus-visible { outline-offset: -2px; }
.fl-nav-more { position: absolute; right: 14px; bottom: -2px; z-index: 3; display: grid; place-items: center; width: 30.5px; height: 40px; padding: 10px; border: 0; border-radius: 7.5px; background: var(--brand); color: #ffffff; font-size: 14px; line-height: 14px; opacity: 0; visibility: hidden; cursor: pointer; }
.fl-nav-more::before { content: ""; position: absolute; inset: -2px -7px; }
.fl-nav-more.is-on { opacity: 1; visibility: visible; }
@media (prefers-reduced-motion: no-preference) {
  .fl-nav-more { transition: opacity 0.3s ease, visibility 0.3s ease; }
}

.fl-side-foot { position: relative; z-index: 1; display: flex; flex-direction: column; flex-shrink: 0; gap: 10px; margin: 0; padding: 15px 15px calc(15px + env(safe-area-inset-bottom)); border: 0; background: var(--surface); box-shadow: 0 0 50px 50px var(--surface); }
.fl-themes { display: grid; grid-template-columns: repeat(3, 77px); gap: 10px; justify-content: start; }
.fl-theme { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 5px; min-width: 44px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--text-2); font-family: var(--font-sans); font-size: 14px; font-weight: 500; line-height: 20px; cursor: pointer; }
.fl-theme-name { display: block; align-self: stretch; height: 20px; text-align: left; }
.fl-theme-art { position: relative; display: block; flex-shrink: 0; width: 77px; height: 49px; overflow: hidden; border: 2px solid var(--surface-2); border-radius: 10px; container-type: size; font-family: "Times New Roman", Times, Georgia, serif; font-weight: 400; line-height: 1; }
.fl-theme-art > span { --fl-px: max(calc(100cqw / 192), calc(100cqh / 150)); --fl-dx: calc((192 * var(--fl-px) - 100cqw) / 2); position: absolute; top: calc(46.05 * var(--fl-px) - (150 * var(--fl-px) - 100cqh) / 2); right: 0; bottom: 0; left: calc(40.77 * var(--fl-px) - var(--fl-dx)); display: block; padding: calc(8.68 * var(--fl-px)) 0 0 calc(17.1 * var(--fl-px)); border-radius: calc(7.9 * var(--fl-px)) 0 0 0; font-size: calc(32.88 * var(--fl-px)); text-align: left; white-space: nowrap; }
.fl-art-light { background: #f8f9fa; color: #333333; }
.fl-art-light > span { background: #e5e7eb; }
.fl-art-dark { background: #0f0f0f; color: #cacaca; }
.fl-art-dark > span { background: #212121; }
.fl-art-system { background: linear-gradient(90deg, #f8f9fa 0 50%, #0f0f0f 50% 100%); }
.fl-art-system > span:first-child { right: 50%; left: calc(19.73 * var(--fl-px) - var(--fl-dx)); background: #e5e7eb; color: #333333; }
.fl-art-system > span:last-child { left: calc(115.7 * var(--fl-px) - var(--fl-dx)); background: #212121; color: #cacaca; }
.fl-theme[aria-pressed="true"] .fl-theme-art { border-color: var(--brand); }
.fl-theme[aria-pressed="true"] .fl-theme-art::after { content: "\eb80"; position: absolute; left: 5.7px; right: 5.7px; bottom: 0; height: 13px; border-radius: 10px 10px 0 0; background: var(--brand); color: #ffffff; font-family: "remixicon"; font-size: 12px; line-height: 13px; text-align: center; }
html[data-mode="dark"] .fl-themes { display: none; }
.fl-account { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 60px; padding: 10px 15px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); }
.fl-account-text { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.fl-account-title { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 500; line-height: 22.8571px; white-space: nowrap; }
.fl-account-title > i { font-size: 16px; }
.fl-account-user { overflow: hidden; font-size: 12px; font-weight: 500; line-height: 17.1428px; text-overflow: ellipsis; white-space: nowrap; }
.fl-account-rank { display: grid; place-items: center; flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: var(--rk, var(--sunk)); color: var(--rk-on, var(--text)); font-size: 14px; }
.fl-account-go { flex-shrink: 0; font-size: 22px; line-height: 24px; }
.fl-account:active, .fl-out:active { background: var(--brand); color: var(--on-brand); }
.fl-out:active > i { color: var(--on-brand); }
@media (hover: hover) {
  .fl-account:hover, .fl-out:hover { background: var(--brand); color: var(--on-brand); }
  .fl-out:hover > i { color: var(--on-brand); }
}
.fl-out { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 48px; padding: 15px 30px; border: 0; border-radius: 10px; background: var(--surface-2); color: var(--danger-text); font-size: 13.3333px; font-weight: 500; line-height: 13.3333px; }
.fl-out > i { flex-shrink: 0; width: auto; color: var(--danger-solid); font-size: 18px; line-height: 18px; }
.fl-out > span { color: inherit; }
@media (max-height: 560px) {
  .fl-side { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
  .fl-side-list, .fl-nav { flex: none; overflow: visible; }
  .fl-nav-more { display: none; }
  .fl-side-foot { box-shadow: none; }
}

.fl-top { position: sticky; top: 0; z-index: 40; padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left); border-bottom: 1px solid var(--surface); background: var(--surface); }
.fl-top-in { display: flex; align-items: center; justify-content: space-between; gap: 0; height: 71.4px; padding: 0 3px 0 15px; }
.fl-top-brand { display: flex; flex: 0 1 auto; align-items: center; min-width: 44px; min-height: 44px; overflow: hidden; }
.fl-top-brand .brand-logo { max-width: 125px; }
.fl-top-actions { display: flex; flex-shrink: 0; align-items: center; gap: 0; margin-left: auto; }
.fl-top-ico { width: 44px; height: 44px; border-radius: 10px; background: transparent; color: var(--text-2); font-size: 22px; }
@media (hover: hover) {
  .fl-top-ico:hover { background: transparent; color: var(--text-2); }
}
.fl-top-ico .dot-count { top: 3px; right: 2px; }
.fl-lang, .fl-bal { position: static; padding: 0; }
.fl-lang-btn, .fl-bal-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 44px; min-height: 44px; max-width: none; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--text-2); font-family: var(--font-sans); font-size: 18px; font-weight: 500; line-height: 25.7143px; white-space: nowrap; }
.fl-lang-ico { font-size: 22px; }
.fl-lang-name, .fl-bal-btn > .num, .fl-bal-ico, .fl-caret { display: none; }
.fl-bal-coin { font-size: 22px; }
.fl-caret { font-size: 18px; }
@media (prefers-reduced-motion: no-preference) {
  .fl-caret { transition: transform 0.3s ease; }
}
[data-menu].is-open > [data-menu-toggle] .fl-caret { transform: rotate(180deg); }
.fl-burger { font-size: 22px; }

.fl-pop { position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 45; width: auto; max-height: calc(100dvh - 16px); margin: 0; padding: 20px 20px calc(20px + env(safe-area-inset-bottom)); overflow-y: auto; border: 0; border-radius: 20px 20px 0 0; background: var(--surface); color: var(--text-2); box-shadow: none; transform: none; }
.fl-pop-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; padding: 0; }
.fl-pop-title, .fl-pop .menu-label { margin: 0; padding: 0; color: var(--text); font-size: 18px; font-weight: 500; line-height: 25.7143px; }
.fl-pop .menu-value { color: var(--text); font-family: var(--font-sans); font-size: 18px; font-weight: 600; }
.fl-pop-list { display: flex; flex-direction: column; gap: 7px; }
.fl-pop-lang { padding: 10px 10px calc(10px + env(safe-area-inset-bottom)); }
.fl-pop-lang .fl-pop-head { display: none; }
.fl-lang-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 44px; padding: 5px 5px 5px 10px; border: 0; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-family: var(--font-sans); font-size: 18px; font-weight: 500; line-height: 25.7143px; text-align: left; cursor: pointer; }
.fl-lang-item > b { display: inline-flex; align-items: center; justify-content: center; min-width: 50px; padding: 2.5px 10px; border-radius: 5px; background: var(--brand); color: var(--on-brand); font-size: 18px; font-weight: 700; line-height: 25.7143px; }
.fl-lang-item[aria-current="true"] { background: var(--brand); color: var(--on-brand); }
.fl-lang-item[aria-current="true"] > b { background: var(--surface); color: var(--ink); }
.fl-pop-add { margin: 0 0 10px; }
.fl-pop-sep { margin: 0; padding: 0; border: 0; }
.fl-pop-sep > .menu-label { margin: 0 0 10px; padding: 0; }
.fl-cur-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.fl-cur { justify-content: center; min-height: 44px; padding: 9px 10px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-cur[aria-current="true"] { background: var(--brand); color: var(--on-brand); font-weight: 500; }
@media (hover: hover) {
  .fl-cur:hover:not([aria-current="true"]), .fl-lang-item:hover:not([aria-current="true"]) { background: var(--sunk); }
}
.fl-top [data-menu].is-open::before { content: ""; position: fixed; inset: 0; z-index: 44; background: var(--veil); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); }
.fl-top [data-menu].is-open > [data-menu-toggle] { z-index: 46; }

.fl-panel { z-index: 70; display: flex; flex-direction: column; gap: 10px; width: 100%; padding: calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left)); border: 0; background: var(--surface); color: var(--text-2); box-shadow: none; transform: translateY(104%); }
.fl-panel.is-open { transform: none; }
@media (prefers-reduced-motion: no-preference) {
  .fl-panel { transition: transform 0.14s ease, visibility 0.14s ease; }
}
.fl-panel-head { display: flex; align-items: center; justify-content: space-between; min-height: 50px; padding: 10px; border: 0; border-radius: 10px; background: var(--surface-2); }
.fl-panel-head .panel-title { color: var(--text-2); font-size: 16px; font-weight: 500; line-height: 22.8571px; }
.fl-panel-close { width: 44px; height: 44px; margin: -7px -7px -7px 0; background: transparent; }
.fl-panel-close > i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 5px; background: var(--sunk); color: var(--sunk-text); font-size: 16px; }
@media (hover: hover) {
  .fl-panel-close:hover { background: transparent; }
}
.fl-panel-body { display: flex; flex-direction: column; gap: 10px; padding: 0; overflow-y: auto; border-radius: 10px; }
.fl-panel-veil { background: transparent; }
.fl-news, .fl-panel-body .news { display: flex; flex-direction: column; gap: 5px; padding: 10px; border: 0; border-radius: 10px; background: var(--surface-2); }
.fl-panel-body .news-title { gap: 8px; color: var(--title); font-size: 16px; font-weight: 500; line-height: 22.8571px; }
.fl-panel-body .news-title > i { color: var(--brand); font-size: 16px; }
.fl-panel-body .news-text { margin: 0; color: var(--text-2); font-size: 14px; line-height: 20px; }
.fl-panel-body .news-date { align-self: flex-start; margin: 0; padding: 5px 10px; border-radius: 5px; background: var(--sunk); color: var(--sunk-text); font-size: 14px; line-height: 20px; }
.fl-panel-body.legend { gap: 15px; padding: 10px; background: var(--surface-2); color: var(--text-2); }
.legend-notes i { color: var(--brand-text); }

.fl-tabbar { z-index: 35; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; height: calc(76px + env(safe-area-inset-bottom)); padding: 10px calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left)); border-top: 1px solid var(--surface-2); background: var(--surface); }
.fl-tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 44px; padding: 10px 0; border-radius: 10px; color: var(--text-2); font-size: 12px; font-weight: 500; line-height: 12px; }
.fl-tab > i { display: inline-block; width: auto; height: auto; border-radius: 0; background: none; font-size: 18px; line-height: 18px; }
.fl-tab > span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl-tab[aria-current="page"] { color: var(--brand-text); }
.fl-tab[aria-current="page"] > i { background: none; color: var(--brand); }
@media (prefers-reduced-motion: no-preference) {
  .fl-tab { transition: color 0.14s ease; }
}

@media (min-width: 1024px) {
  .fl-side { position: sticky; top: 0; z-index: 30; height: 100vh; height: 100dvh; width: auto; padding: 0 0 0 env(safe-area-inset-left); transform: none; visibility: visible; }
  .fl-main { padding-top: 20px; }
  .fl-side-close, .fl-burger, .fl-top-brand, .fl-tabbar { display: none; }
  .fl-top { position: relative; border-bottom: 1px solid var(--surface); background: var(--bg); }
  .fl-top-in { justify-content: flex-end; gap: 15px; height: 79px; padding: 0 20px; }
  .fl-top-actions { gap: 15px; }
  .fl-lang, .fl-bal { position: relative; }
  .fl-lang-btn { width: auto; min-height: 45.7px; padding: 10px 20px; background: var(--surface); }
  .fl-bal-btn { width: auto; gap: 0; min-height: 45.7px; padding: 10px 20px; background: var(--surface); }
  .fl-lang-name, .fl-caret, .fl-bal-ico { display: inline-block; }
  .fl-bal-btn > .num { display: inline; margin: 0 5px; }
  .fl-bal-coin { display: none; }
  .fl-bal-ico { font-size: 18px; line-height: 18px; }
  .fl-lang-btn:active, .fl-bal-btn:active { background: var(--surface-2); }
  .fl-top [data-menu].is-open > [data-menu-toggle] { background: var(--brand); color: var(--on-brand); }
  .fl-pop { position: absolute; top: calc(100% + 14.3px); right: 0; bottom: auto; left: auto; width: 406px; max-height: calc(100dvh - 96px); padding: 10px; border: 3px solid var(--surface-2); border-radius: 20px; }
  .fl-pop-lang { width: 275px; max-height: 400px; padding: 10px; }
  .fl-pop-head { padding: 3px 0 0; }
  .fl-lang-item { min-height: 40.7px; }
  .fl-cur { min-height: 38px; }
  .fl-panel { top: 10px; right: 10px; bottom: 10px; left: auto; width: 376px; padding: 10px; border: 3px solid var(--surface-2); border-radius: 20px; transform: translateX(calc(100% + 30px)); }
}
@media (min-width: 1024px) and (hover: hover) {
  .fl-lang-btn:hover, .fl-bal-btn:hover { background: var(--surface-2); }
  .fl-top [data-menu].is-open > [data-menu-toggle]:hover { background: var(--brand); color: var(--on-brand); }
}
@media (min-width: 1024px) and (pointer: fine) {
  .fl-top-ico { width: 22px; }
}
@media (max-width: 1023.98px) {
  html:has(.fl-top [data-menu].is-open) { overflow: hidden; }
}
body.is-pub { background: var(--bg); }
.fl-pubbar { position: sticky; top: 0; z-index: 40; padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left); border-bottom: 1px solid var(--surface); background: var(--bg); }
.fl-pubbar-in { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; max-width: var(--fl-wrap); height: 80px; margin: 0 auto; padding: 0 var(--fl-wrap-pad); }
.fl-pub-brand { position: relative; z-index: 2; flex: 0 1 auto; min-width: 44px; min-height: 44px; margin-right: auto; color: var(--text); }
.fl-pub-brand .brand-logo { display: block; width: auto; height: 25.6px; max-width: 125px; object-fit: contain; object-position: left center; }
.fl-pub-nav { display: none; align-items: center; gap: 20px; margin-right: 10px; }
.fl-pub-link { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 40px; padding: 0; border-radius: 0; background: transparent; color: var(--text-2); font-size: 16px; font-weight: 500; line-height: 22.8571px; white-space: nowrap; }
.fl-pub-link[aria-current="page"] { background: transparent; color: var(--text-2); }
.fl-pub-link::before, .fl-pub-item::before { display: inline-block; width: 16px; font-family: "remixicon"; font-size: 16px; font-weight: normal; font-style: normal; line-height: 1; text-align: center; }
.fl-pub-link[data-nav="home"]::before, .fl-pub-item[data-nav="home"]::before { content: "\eed4"; }
.fl-pub-link[data-nav="services"]::before, .fl-pub-item[data-nav="services"]::before { content: "\eaa0"; }
.fl-pub-link[data-nav="api"]::before, .fl-pub-item[data-nav="api"]::before { content: "\ecaf"; }
.fl-pub-link[data-nav="signup"]::before, .fl-pub-item[data-nav="signup"]::before { content: "\f25e"; }
.fl-pub-link[data-nav="blog"]::before, .fl-pub-item[data-nav="blog"]::before { content: "\f09f"; }
.fl-pub-link[data-nav="updates"]::before, .fl-pub-item[data-nav="updates"]::before { content: "\ee17"; }
.fl-pub-item[data-nav="faq"]::before { content: "\f045"; }
@media (hover: hover) {
  .fl-pub-link:hover:not([aria-current="page"]) { color: var(--text-2); }
}
.fl-pub-actions { position: static; display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.fl-pub-theme { position: relative; z-index: 2; display: none; width: 44px; height: 44px; border-radius: 50%; background: var(--surface-2); color: var(--title); font-size: 14px; }
@media (hover: hover) {
  .fl-pub-theme:hover { background: var(--surface-2); }
}
.fl-pub-lang { position: static; z-index: 2; }
.fl-pub-lang-btn { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 45px; height: 45px; padding: 0; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-size: 19px; font-weight: 500; }
.fl-pub-lang-btn > .fl-lang-name, .fl-pub-lang-btn > .fl-caret { display: none; }
.fl-pub-lang.is-open > .fl-pub-lang-btn { background: var(--brand); color: var(--on-brand); }
@media (hover: hover) {
  .fl-pub-lang-btn:hover { background: var(--surface-2); }
  .fl-pub-lang.is-open > .fl-pub-lang-btn:hover { background: var(--brand); }
}
.fl-pub-lang.is-open::before { content: ""; position: fixed; inset: 0; z-index: 44; background: var(--veil); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); }
.fl-pub-lang.is-open > .fl-pub-lang-btn { z-index: 46; }
.fl-pub-lang .fl-pop { padding: 10px 10px calc(10px + env(safe-area-inset-bottom)); }
.fl-pub-lang .fl-lang-item { min-height: 44px; font-size: 14px; line-height: 20px; }
.fl-pub-lang .fl-lang-item > b { min-width: 30px; height: 20px; padding: 0 6px; font-size: 12px; line-height: 20px; }
.fl-pub-cta { min-height: 40px; padding: 10px 25px; border-radius: 10px; background: var(--brand); color: var(--on-brand); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-pub-actions > .fl-pub-cta { display: none; }
.btn-primary.fl-pub-cta:active { background: var(--brand); color: var(--on-brand); }
@media (hover: hover) {
  .btn-primary.fl-pub-cta:hover { background: var(--brand); color: var(--on-brand); }
}
.fl-pub-menu { position: static; display: block; }
.fl-pub-burger { position: relative; z-index: 2; display: grid; place-items: center; width: 45px; height: 45px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-size: 19px; list-style: none; cursor: pointer; }
.fl-pub-burger::-webkit-details-marker { display: none; }
.fl-ico-close { display: none; }
.fl-pub-menu[open] .fl-ico-open { display: none; }
.fl-pub-menu[open] .fl-ico-close { display: inline; }
@media (hover: hover) {
  .fl-pub-burger:hover { background: var(--surface-2); }
}
.fl-pub-panel { position: fixed; top: 0; right: 0; left: 0; z-index: 1; display: flex; flex-direction: column; gap: 5px; width: auto; max-height: 100dvh; margin: 0; padding: calc(81px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 18px calc(12px + env(safe-area-inset-left)); overflow-y: auto; border: 0; border-bottom: 1px solid var(--surface-2); border-radius: 0; background: var(--bg); box-shadow: none; }
.fl-pub-item { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px 15px; border-radius: 10px; background: var(--surface); color: var(--text-2); font-size: 16px; font-weight: 500; line-height: 22.8571px; }
.fl-pub-item[aria-current="page"] { color: var(--text-2); font-weight: 500; }
.fl-pub-themes { grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: stretch; margin-top: 15px; color: var(--ink); }
.fl-pub-themes .fl-theme { align-items: stretch; width: 100%; text-align: left; }
.fl-pub-themes .fl-theme-art { width: 100%; }
.fl-pub-cta-wide { display: flex; width: 100%; min-height: 44px; margin-top: 15px; }
html:has(#public-menu[open]) { overflow: hidden; }

@media (min-width: 769px) {
  .fl-pub-theme { display: grid; }
}
@media (min-width: 1024px) {
  .fl-pub-nav { display: flex; }
  .fl-pub-menu { display: none; }
  .fl-pub-actions > .fl-pub-cta { display: inline-flex; }
  .fl-pub-theme { width: 40px; height: 40px; }
  .fl-pub-lang { position: relative; }
  .fl-pub-lang-btn { width: auto; height: 40px; padding: 10px 20px; font-size: 14px; line-height: 20px; }
  .fl-pub-lang-btn > .fl-lang-name, .fl-pub-lang-btn > .fl-caret { display: inline-block; }
  .fl-pub-lang-btn > .ri-translate-2 { font-size: 16px; }
  .fl-pub-lang .fl-pop { position: absolute; top: calc(100% + 20px); right: 0; bottom: auto; left: auto; width: 275px; max-height: 313px; padding: 10px; border: 3px solid var(--surface-2); border-radius: 20px; }
  .fl-pub-lang .fl-lang-item { min-height: 35px; }
  html:has(#public-menu[open]) { overflow: visible; }
}
@media (min-width: 1024px) and (pointer: coarse) {
  .fl-pub-theme, .fl-pub-lang-btn, .fl-pub-cta { min-width: 44px; min-height: 44px; }
  .fl-pub-link { min-height: 44px; }
}

.fl-pub-main { --gutter: var(--fl-wrap-pad); width: 100%; max-width: var(--fl-wrap); margin: 0 auto; padding: 20px calc(var(--fl-wrap-pad) + env(safe-area-inset-right)) 0 calc(var(--fl-wrap-pad) + env(safe-area-inset-left)); }
.main.pub-main.fl-pub-main { padding-bottom: 0; }

.fl-foot { position: relative; margin-top: 50px; padding: 50px env(safe-area-inset-right) calc(25px + env(safe-area-inset-bottom)) env(safe-area-inset-left); overflow: hidden; border: 0; background: linear-gradient(135deg, #1a1c1f 0%, #2d3142 100%); color: #9ca3af; font-size: 15px; }
.fl-foot::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080); background-size: 400% 100%; }
@media (prefers-reduced-motion: no-preference) {
  .fl-foot::before { animation: fl-rgb 60s linear infinite; }
}
@keyframes fl-rgb { from { background-position: 0% 50%; } to { background-position: 400% 50%; } }
.fl-foot-in { display: block; max-width: var(--fl-wrap); margin: 0 auto; padding: 0 var(--fl-wrap-pad); text-align: center; }
.fl-foot-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 35px; justify-items: center; }
.fl-foot-brand { display: flex; flex-direction: column; align-items: center; gap: 25px; }
.fl-foot-logo { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 10px; border-radius: 8px; background: rgba(255, 255, 255, 0.92); }
.fl-foot-logo .brand-logo { display: block; width: auto; height: 28.9px; max-width: 140px; object-fit: contain; }
.fl-foot-logo .brand-name { color: #1a1c1f; }
.fl-foot-copy { color: #9ca3af; font-size: 14px; font-weight: 400; line-height: 22.4px; }
.fl-foot-copy b { color: #e5e7eb; font-weight: 600; }
.fl-foot-col { display: block; width: 100%; }
.fl-foot-title { position: relative; margin: 23.94px 0 25px; padding: 0 0 10px; color: #ffffff; font-size: 18px; font-weight: 600; line-height: 25.7143px; }
.fl-foot-title::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 30px; height: 2px; border-radius: 1px; background: #0ea5e9; transform: translateX(-15px); }
.fl-foot-list { display: block; }
.fl-foot-list li { margin: 2px 0; }
.fl-foot-link { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; min-width: 44px; min-height: 44px; padding: 0; border-radius: 0; color: #9ca3af; font-size: 15px; font-weight: 400; line-height: 21.4286px; }
.fl-foot-link[aria-current="page"] { color: #ffffff; font-weight: 400; }
.fl-foot-link::before { content: ""; position: absolute; top: 50%; left: -15px; width: 0; height: 2px; background: #0ea5e9; }
@media (prefers-reduced-motion: no-preference) {
  .fl-foot-link, .fl-foot-link::before { transition: transform 0.3s ease, color 0.3s ease, width 0.3s ease; }
}
@media (hover: hover) {
  .fl-foot-link:hover { color: #ffffff; transform: translateX(5px); }
  .fl-foot-link:hover::before { width: 10px; }
}
.fl-foot-pay { display: flex; flex-direction: column; align-items: center; }
.fl-pay-grid { display: grid; grid-template-columns: repeat(2, 48px); gap: 12px; justify-content: center; margin-top: 20px; }
.fl-pay { display: grid; place-items: center; width: 48px; height: 48px; padding: 5px; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 8px; background: rgba(255, 255, 255, 0.03); color: #e5e7eb; font-size: 22px; opacity: 0.8; }
.fl-foot-seo { margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.fl-foot-seo:not(:has(.popular)) { display: none; }
.fl-foot .popular { max-width: none; margin: 0; padding: 0 20px; }
.fl-foot .popular-title { display: inline; margin: 0 6px 0 0; color: #38bdf8; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 25.2px; text-transform: none; }
.fl-foot .popular-list { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 0 12px; }
.fl-foot .popular-link { min-height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #a3aab5; font-size: 14px; font-weight: 500; line-height: 25.2px; }
@media (hover: hover) {
  .fl-foot .popular-link:hover { color: #ffffff; }
}
@media (min-width: 577px) {
  .fl-foot { padding-top: 60px; padding-bottom: calc(30px + env(safe-area-inset-bottom)); }
  .fl-foot-in { text-align: left; }
  .fl-foot-grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); gap: 30px; justify-items: stretch; }
  .fl-foot-brand { align-items: flex-start; }
  .fl-foot-title::after { left: 0; transform: none; }
  .fl-foot-pay { grid-column: 1 / -1; align-items: center; }
  .fl-pay-grid { grid-template-columns: repeat(3, 48px); }
  .fl-foot .popular { text-align: center; }
}
@media (min-width: 992px) {
  .fl-foot { padding-top: 80px; padding-bottom: calc(40px + env(safe-area-inset-bottom)); }
  .fl-foot-grid { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: 40px; }
  .fl-foot-pay { grid-column: 5; align-items: flex-end; }
  .fl-foot-pay .fl-foot-title::after { left: auto; right: 0; }
  .fl-pay-grid { grid-template-columns: repeat(2, 48px); justify-content: end; }
}
@media (min-width: 1024px) and (pointer: fine) {
  .fl-foot-link { min-width: 0; min-height: 21.4286px; }
  .fl-foot-list li { margin: 16px 0 14px; }
  .fl-foot-list li:first-child { margin-top: 0; }
  .fl-foot .popular-link { min-height: 0; }
}
body.is-error { background: #f8f9fa; color: var(--text-2); }
.dark body.is-error { background: var(--bg); }
.fl-err { display: flex; align-items: center; justify-content: center; min-height: 100vh; min-height: 100dvh; padding: max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 400; text-align: center; }
.fl-err-box { display: block; width: 100%; max-width: none; text-align: center; }
.fl-err-code { margin: -100px 0 0; color: #212529; font-family: inherit; font-size: 150px; font-weight: 400; line-height: 225px; letter-spacing: 0; }
.dark .fl-err-code { color: var(--text); }
.fl-err-text { margin: 0; color: #626a73; font-size: 16px; font-weight: 400; line-height: 24px; }
.dark .fl-err-text { color: var(--text-2); }
.fl-err-link { display: flex; align-items: center; justify-content: center; width: fit-content; min-height: 44px; margin: -0.5px auto -9.5px; color: #0000ee; font-size: 16px; font-weight: 400; line-height: 21px; text-decoration: underline; }
.dark .fl-err-link { color: var(--brand-text); }
@media (max-width: 479.98px) {
  .fl-err-code { margin-top: -60px; font-size: 120px; line-height: 180px; }
}
@media (max-height: 480px) {
  .fl-err-code { margin-top: 0; font-size: 96px; line-height: 130px; }
}
.fl-lpage { display: flex; flex-direction: column; gap: 20px; min-width: 0; max-width: none; margin: 0; }
.fl-lpage > * { min-width: 0; margin: 0; }
.fl-lpage > .page-title { margin: 0; }
.fl-lpage .page-title > span { min-width: 0; overflow-wrap: anywhere; }
.fl-vh { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.fl-ltools { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-width: 0; }
.fl-ltools > * { min-width: 0; }

.fl-status { position: relative; flex: 0 0 auto; min-width: 119px; }
.fl-status > summary > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.fl-status > summary { display: flex; align-items: center; gap: 8px; min-height: 45px; padding: 0 33px 0 15px; border-radius: 10px; background: var(--surface-2); color: var(--ink); font-size: 14px; font-weight: 500; line-height: 32px; white-space: nowrap; list-style: none; cursor: pointer; }
.fl-status > summary::-webkit-details-marker { display: none; }
.fl-status > summary::after { content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -2px; border-top: 5px solid currentColor; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fl-status[open] > summary::after { transform: rotate(180deg); }
.fl-status > summary > i { font-size: 16px; }
.fl-status-list { position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; display: flex; flex-direction: column; gap: 0; min-width: 100%; width: max-content; max-width: min(320px, calc(100vw - 30px)); max-height: 286px; padding: 10px 5px 10px 10px; overflow-y: auto; border: 3px solid var(--sunk); border-radius: 20px; background: var(--surface-2); }
.fl-status-list > a, .fl-status-list > .chip { display: flex; align-items: center; justify-content: flex-start; gap: 8px; min-height: 41px; padding: 12px 10px; border: 0; border-radius: 10px; background: transparent; color: var(--ink); font-size: 12px; font-weight: 500; line-height: 17.14px; white-space: nowrap; }
.fl-status-list > a[aria-current="page"], .fl-status-list > .chip[aria-current="page"] { background: var(--sunk); color: var(--text); }
.fl-status-list > a > i { font-size: 12px; }
@media (hover: hover) {
  .fl-status-list > a:hover:not([aria-current="page"]), .fl-status-list > .chip:hover:not([aria-current="page"]) { background: var(--sunk); color: var(--text); }
}

:is(.fl-lsrch, .fl-lsrch-w > .srch) { display: flex; flex: 0 1 248.88px; align-items: stretch; min-width: 0; min-height: 44px; padding: 0; border: 0; border-radius: 10px; background: transparent; box-shadow: none; }
.fl-lsrch-w { display: flex; flex: 0 1 248.88px; min-width: 0; }
.fl-lsrch-w > .srch { flex: 1 1 auto; }
.fl-lsrch.srch, .fl-lsrch-w > .srch, .fl-lsrch.srch:focus-within, .fl-lsrch-w > .srch:focus-within { padding: 0; background: transparent; box-shadow: none; }
.fl-lsrch-w > .srch button > i { display: none; }
.fl-lsrch-w > .srch button::before { content: "\f0d1"; font-family: "remixicon"; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1; }
:is(.fl-lsrch, .fl-lsrch-w > .srch) > i { display: none; }
:is(.fl-lsrch, .fl-lsrch-w > .srch) input { flex: 1 1 auto; width: 100%; min-width: 0; min-height: 44px; padding: 6px 12px; border: 1px solid transparent; border-radius: 10px 0 0 10px; background: var(--surface-2); color: var(--ink); font-family: var(--font-sans); font-size: 16px; font-weight: 400; line-height: 20px; }
:is(.fl-lsrch, .fl-lsrch-w > .srch) input:focus { padding: 5px 11px; border: 2px solid var(--brand); outline: none; box-shadow: 0 0 0 2px var(--brand-soft-2); }
:is(.fl-lsrch, .fl-lsrch-w > .srch) input::-webkit-search-cancel-button { display: none; }
:is(.fl-lsrch, .fl-lsrch-w > .srch) button { flex: 0 0 67.88px; width: 67.88px; min-height: 44px; padding: 0; border: 0; border-radius: 0 10px 10px 0; background: var(--title); color: var(--bg); font-size: 13.33px; }
:is(.fl-lsrch, .fl-lsrch-w > .srch) button > i { font-size: 14px; }
.dark :is(.fl-lsrch, .fl-lsrch-w > .srch) button { background: var(--title); color: var(--bg); }
:is(.fl-lsrch, .fl-lsrch-w > .srch) button:focus-visible { outline-offset: 2px; }
@media (min-width: 1024px) {
  :is(.fl-lsrch, .fl-lsrch-w > .srch) input { font-size: 14px; }
}
@media (max-width: 1023.98px) {
  :is(.fl-lsrch, .fl-lsrch-w > .srch) { flex-basis: 248.88px; }
}
@media (max-width: 649.98px) {
  .fl-status { flex: 1 1 0; min-width: 103.3px; }
  .fl-status > summary > i { display: none; }
  .fl-lsrch, .fl-lsrch-w { flex-basis: 236.25px; }
  :is(.fl-lsrch, .fl-lsrch-w > .srch) input { flex: 1 1 171.83px; width: auto; }
  :is(.fl-lsrch, .fl-lsrch-w > .srch) button { flex: 0 1 64.42px; width: auto; min-width: 44px; }
}

.fl-bico.ri-instagram-line, .svc-opt-ico.ri-instagram-line { color: #e4405f; }
.fl-bico.ri-youtube-line, .svc-opt-ico.ri-youtube-line { color: #ff0000; }
.fl-bico.ri-facebook-circle-line, .svc-opt-ico.ri-facebook-circle-line { color: #1877f2; }
.fl-bico.ri-telegram-line, .svc-opt-ico.ri-telegram-line { color: #229ed9; }
.fl-bico.ri-whatsapp-line, .svc-opt-ico.ri-whatsapp-line { color: #25d366; }
.fl-bico.ri-discord-line, .svc-opt-ico.ri-discord-line { color: #5865f2; }
.fl-bico.ri-twitch-line, .svc-opt-ico.ri-twitch-line { color: #9146ff; }
.fl-bico.ri-kick-line, .svc-opt-ico.ri-kick-line { color: #3cb30e; }
.fl-bico.ri-spotify-line, .svc-opt-ico.ri-spotify-line { color: #1db954; }
.fl-bico.ri-soundcloud-line, .svc-opt-ico.ri-soundcloud-line { color: #ff5500; }
.fl-bico.ri-linkedin-box-line, .svc-opt-ico.ri-linkedin-box-line { color: #0a66c2; }
.fl-bico.ri-pinterest-line, .svc-opt-ico.ri-pinterest-line { color: #e60023; }
.fl-bico.ri-reddit-line, .svc-opt-ico.ri-reddit-line { color: #ff4500; }
.fl-bico.ri-snapchat-line, .svc-opt-ico.ri-snapchat-line { color: #e6c700; }
.fl-bico.ri-vimeo-line, .svc-opt-ico.ri-vimeo-line { color: #1ab7ea; }
.fl-bico.ri-google-line, .svc-opt-ico.ri-google-line { color: #4285f4; }
.fl-bico.ri-google-play-line, .svc-opt-ico.ri-google-play-line { color: #01875f; }
.fl-bico.ri-app-store-line, .svc-opt-ico.ri-app-store-line { color: #0d96f6; }
.fl-bico.ri-vk-line, .svc-opt-ico.ri-vk-line { color: #0077ff; }
.fl-bico.ri-netflix-line, .svc-opt-ico.ri-netflix-line { color: #e50914; }
.fl-bico.ri-amazon-line, .svc-opt-ico.ri-amazon-line { color: #ff9900; }
.fl-bico.ri-bluesky-line, .svc-opt-ico.ri-bluesky-line { color: #0085ff; }
.fl-bico.ri-messenger-line, .svc-opt-ico.ri-messenger-line { color: #0084ff; }
.fl-bico.ri-kakao-talk-line, .svc-opt-ico.ri-kakao-talk-line { color: #e6b800; }
.fl-bico.ri-line-line, .svc-opt-ico.ri-line-line { color: #06c755; }
.fl-bico.ri-tiktok-line, .svc-opt-ico.ri-tiktok-line, .fl-bico.ri-twitter-x-line, .svc-opt-ico.ri-twitter-x-line, .fl-bico.ri-threads-line, .svc-opt-ico.ri-threads-line, .fl-bico.ri-apple-line, .svc-opt-ico.ri-apple-line, .fl-bico.ri-github-line, .svc-opt-ico.ri-github-line { color: #000000; }
.dark .fl-bico.ri-tiktok-line, .dark .svc-opt-ico.ri-tiktok-line, .dark .fl-bico.ri-twitter-x-line, .dark .svc-opt-ico.ri-twitter-x-line, .dark .fl-bico.ri-threads-line, .dark .svc-opt-ico.ri-threads-line, .dark .fl-bico.ri-apple-line, .dark .svc-opt-ico.ri-apple-line, .dark .fl-bico.ri-github-line, .dark .svc-opt-ico.ri-github-line { color: #ffffff; }
.fl-bico.ri-global-line, .fl-bico.ri-more-line { color: inherit; }
.fl-no-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 40px; }
.fl-no-top > .page-title { flex: 1 1 auto; }
.fl-no-tabs.seg { flex: 0 0 auto; gap: 5px; padding: 5px; overflow: visible; border-radius: 10px; background: var(--surface); }
.fl-no-tabs.seg > button { flex: 0 0 auto; gap: 6px; min-height: 30px; padding: 0 12px; border-radius: 5px; font-size: 13.3333px; line-height: 1.2; }
.fl-no-tabs.seg > button > i { font-size: 16px; }
.fl-no-tabs.seg > button:focus-visible { outline-offset: 1px; }

@media (min-width: 1024px) {
  .fl-kpis.fl-kpis-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.fl-no-cols { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 20px; min-width: 0; }
.fl-no-main, .fl-no-pane { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.fl-no-pane[hidden], .fl-no-main > [hidden] { display: none; }
.fl-no-main > .order-favs { min-width: 0; }

.fl-no-search { position: relative; min-width: 0; padding: 0; }
.fl-no-search .find { position: relative; }
.fl-no-search .srch { min-height: 44px; padding: 0; border-radius: 10px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--surface-2); }
.fl-no-search .srch:focus-within { box-shadow: inset 0 0 0 2px var(--brand); }
.fl-no-search .srch > i { display: none; }
.fl-no-search .srch input { width: 100%; min-height: 44px; padding: 6px 12px; border: 0; background: transparent; color: var(--ink); font-size: 16px; font-weight: 400; line-height: 20px; }
.fl-no-search .srch input:focus { outline: none; }
.fl-no-search .find-pop { position: absolute; top: 100%; right: 0; left: 0; z-index: 50; max-height: 508px; margin: 20px 0 0; padding: 7px; overflow-y: auto; border: 4px solid var(--surface); border-radius: 15px; background: var(--bg); box-shadow: none; }
.fl-no-search #searchAllResults:not(.hidden) { display: flex; flex-direction: column; gap: 5px; }
.fl-no-search .find-item { display: flex; align-items: center; justify-content: space-between; gap: 5px; min-height: 44px; margin: 0; padding: 5px; border: 0; border-radius: 10px; background: var(--surface); color: var(--ink); font-size: 12px; line-height: 12px; }
.fl-no-search .find-text { display: flex; flex: 1 1 auto; align-items: center; align-self: stretch; min-width: 0; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); }
.fl-no-search .find-name { overflow: hidden; color: var(--ink); font-size: 12px; font-weight: 500; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; }
.fl-no-search .find-sub { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.fl-no-search .find-price { flex: 0 0 auto; align-self: stretch; justify-content: center; min-width: 60px; min-height: 32px; padding: 5px 10px; border-radius: 5px; background: var(--brand); color: var(--on-brand); font-size: 14px; font-weight: 500; line-height: 14px; }
.fl-no-search .find-empty { min-height: 44px; padding: 10px; color: var(--text-2); font-size: 14px; line-height: 20px; }
.fl-no-search .find-empty > i { display: none; }
.fl-no-search .find-loading { gap: 8px; min-height: 44px; padding: 10px; color: var(--text-2); }
.fl-no-search .find-loading > i { color: var(--brand-text); }
@media (prefers-reduced-motion: no-preference) {
  .fl-no-search .find-item { transition: background-color 0.14s ease; }
}
@media (hover: hover) {
  .fl-no-search .find-item:hover { background: var(--surface-2); }
}
@media (min-width: 1024px) {
  .fl-no-search .srch input { font-size: 14px; }
}

.fl-no-form { gap: 10px; min-width: 0; }
.fl-no-form > * { min-width: 0; }
.fl-no-plat.fl-pfilter { margin: 15px 0 10px; }
.fl-no-plat[hidden] { display: none; }
.fl-no-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.fl-no-field > .position-relative { min-width: 0; }
.fl-no-form .dropdown { margin: 0; }
.fl-no-form .dropdown-toggle { gap: 8px; }
.fl-no-form .dropdown-toggle .svc-opt { display: flex; flex: 1 1 auto; align-items: center; min-width: 0; overflow: hidden; color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; white-space: nowrap; }
.fl-no-form .dropdown-toggle .svc-opt-ico { flex: 0 0 auto; margin-right: 8px; font-size: 16px; line-height: 16px; }
.fl-no-form .dropdown-toggle .svc-opt-id { min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.fl-no-form .dropdown-toggle .svc-opt-id::after { content: " - "; white-space: pre; }
.fl-no-form .dropdown-toggle .svc-opt-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.fl-no-form .dropdown-toggle .svc-opt-price, .fl-no-form #categoryTitle .badge { display: none; }
.fl-no-form .dropdown-toggle > span:not(.svc-opt) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#category-drop .svc-opt { display: flex; align-items: center; gap: 0; }
#category-drop .svc-opt-ico { flex: 0 0 auto; margin: 0 8px 0 0; font-size: 14px; line-height: 14px; }
#category-drop .svc-opt-name { min-width: 0; }
#orders-drop .dropdown-item.svc-opt { align-items: stretch; gap: 5px 0; padding: 5px; }
#orders-drop .svc-opt > :not(.svc-opt-price) { display: flex; align-items: center; padding: 5px 0; background: var(--surface-2); color: var(--ink); font-size: 12px; line-height: 15px; }
#orders-drop .svc-opt > :first-child { padding-left: 10px; border-radius: 5px 0 0 5px; }
#orders-drop .svc-opt > .svc-opt-ico { width: auto; margin: 0; padding-right: 8px; font-size: 14px; line-height: 15px; }
#orders-drop .svc-opt-id { min-width: 0; border: 0; border-radius: 0; font-size: 12px; font-weight: 500; line-height: 15px; }
#orders-drop .svc-opt-id::after { content: " - "; white-space: pre; }
#orders-drop .svc-opt-name { justify-content: flex-start; margin-right: 5px; padding-right: 10px; border-radius: 0 5px 5px 0; text-align: left; }
#orders-drop .svc-opt-price { display: flex; align-items: center; justify-content: center; min-width: 60px; padding: 5px 10px; border-radius: 5px; background: var(--brand); color: var(--on-brand); font-size: 14px; font-weight: 500; line-height: 14px; }
#orders-drop .dropdown-item.fl-on { padding: 3px; border: 2px solid var(--brand); background: var(--surface); color: var(--ink); }
@media (hover: hover) {
  #orders-drop .dropdown-item.fl-on:hover { background: var(--surface-2); }
}

.fl-no-form .nf { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.fl-no-form .nf > :has(#service-description-card), .fl-no-form #service-description-card, .fl-no-form .nf > #avgtime { display: none; }
.fl-no-form .nf .form-group, .fl-no-form .nf .mb-3, .fl-no-form .nf .custom-form-group, .fl-no-form .nf .fga { display: flex; flex-direction: column; gap: 5px; margin: 0; }
.fl-no-form .nf .form-group.d-none, .fl-no-form .nf .mb-3.d-none { display: none; }
.fl-no-form .nf label, .fl-no-form .nf .control-label, .fl-no-form .nf .form-label { margin: 0; }
.fl-no-form .nf > .min-max, .fl-no-form .nf > .help-block { margin: -5px 0 0; }
.fl-no-form .nf .form-group > .min-max, .fl-no-form .nf .form-group > .help-block { margin: 0; }
.fl-no-form .nf textarea.form-control { min-height: 44px; }
.fl-no-form .nf .row { gap: 10px; }
.fl-no-form .nf .row > [class*="col-"] { display: flex; flex-direction: column; gap: 5px; }
.fl-no-form .nf .input-group { overflow: visible; }
.fl-no-form .nf .input-group > .form-control { border-radius: 10px 0 0 10px; background: var(--surface-2); }
.fl-no-form .nf .input-group > .btn, .fl-no-form .nf .clear-datetime { min-width: 69.23px; min-height: 44px; border: 0; border-radius: 0 10px 10px 0; background: var(--title); color: var(--bg); }
.fl-no-form .nf #dripfeed-options { display: flex; flex-direction: column; gap: 10px; }
.fl-no-form .nf #dripfeed-options.d-none { display: none; }
.fl-no-form .nf .form-check { gap: 10px; }
.fl-no-form .promo-box:not([hidden]) { display: block; }
.fl-no-form .promo-card { padding: 10px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); }
.fl-no-charge.form-control { width: 100%; }
.fl-no-form .bal-preview { padding: 10px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-size: 14px; line-height: 20px; }
.fl-no-form .bal-preview:empty { display: none; }
.fl-no-terms.check { align-items: center; margin: 0; }
.fl-no-submit.btn { align-self: flex-start; min-width: 0; }

.fl-pick { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 15px; border-radius: 20px; background: var(--surface); color: var(--text-2); }
.fl-pick-title { margin: 0; color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-pick-name { display: flex; align-items: flex-start; min-height: 40px; margin: 0; padding: 10px; border-radius: 10px; background: var(--surface-2); color: var(--text); font-size: 14px; font-weight: 500; line-height: 20px; overflow-wrap: anywhere; }
.fl-pick-name > i { flex: 0 0 auto; margin: 0 8px 0 0; font-size: 16px; line-height: 20px; }
.fl-pick-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; }
.fl-pick-box { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 10px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-pick-box:first-child { justify-content: space-between; gap: 0; }
.fl-pick-box > dt { margin: 0; font-weight: 500; }
.fl-pick-box > dd { display: flex; flex-direction: column; margin: 0; }
.fl-pick-box b { display: block; min-height: 22.14px; padding: 2.5px 10px; border-radius: 5px; background: var(--sunk); color: var(--ink); font-size: 12px; font-weight: 500; line-height: 17.14px; overflow-wrap: anywhere; }
.fl-pick-box b.fl-pick-time:empty { min-height: 5px; height: 5px; padding: 0 10px; }
.fl-pick-range { justify-content: space-between; padding: 5px; }
.fl-pick-range > dd { gap: 5px; }
.fl-pick-range b { min-height: 24.98px; padding: 2.5px 10px; font-size: 14px; line-height: 20px; white-space: nowrap; }
.fl-pick-desc { min-width: 0; padding: 10px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; overflow-wrap: anywhere; }
.fl-pick-desc .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; margin: 0; }
.fl-pick-desc .row > div { min-width: 0; }
.fl-pick-desc small { color: var(--text-2); font-size: 12px; font-weight: 500; line-height: 17.14px; letter-spacing: 0; text-transform: none; }
.fl-pick-desc strong { color: var(--text); font-weight: 600; }
.fl-pick-desc hr { margin: 10px 0; border: 0; border-top: 1px solid var(--sunk); }
.fl-pick-desc h6 { margin: 0 0 5px; color: var(--text); font-size: 14px; font-weight: 600; line-height: 20px; }
.fl-pick-desc ul { margin: 0; padding: 0; list-style: none; }
.fl-pick-desc p { margin: 0; }
.fl-pick-empty { color: var(--text-2); }

@media (min-width: 1024px) {
  .fl-no-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fl-pick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023.98px) {
  .fl-no-kpis .kpi-value { font-size: 16px; line-height: 16px; }
  .fl-no-top { min-height: 44px; margin-bottom: -4px; }
  .fl-no-tabs.seg { padding: 0; gap: 5px; background: transparent; }
  .fl-no-tabs.seg > button { min-height: 44px; padding: 0 12px; border-radius: 10px; }
}
@media (max-width: 768.98px) {
  .fl-no-plat.fl-pfilter { margin: 12px 0 10px; padding: 12px; border-radius: 8px; }
  .fl-no-plat .fl-pfilter-title { margin-bottom: 10px; }
  .fl-no-plat .fl-pchip { justify-content: center; gap: 0; min-width: 44px; min-height: 44px; padding: 6px 8px; font-size: 11px; }
  .fl-no-plat .fl-pchip > i { margin: 0; }
  .fl-no-plat .fl-pchip > span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
}
@media (max-width: 479.98px) {
  .fl-no-tabs.seg > button { justify-content: center; width: 44px; padding: 0; gap: 0; font-size: 0; }
  .fl-no-tabs.seg > button > i { font-size: 18px; }
}
@media (pointer: coarse) {
  .fl-no-tabs.seg > button { min-height: 44px; }
}
body.is-pub :is(.page-services, .page-landing) > .crumbs { margin-inline: max(-6px, calc(5px - var(--fl-wrap-pad))); }
.page-services .page-head { gap: 10px; }
.page-services .page-title-row { align-items: center; gap: 5px 10px; }
.page-services .page-head:not(:has(.cat-img)) .page-title { position: relative; }
.page-services .page-head:not(:has(.cat-img)) .page-title::before, .page-services .page-head:not(:has(.cat-img)) .page-title::after { width: 20px; font-family: "remixicon"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 20px; text-align: center; }
.page-services .page-head:not(:has(.cat-img)) .page-title::before { content: "\ecee"; flex-shrink: 0; opacity: 0.4; }
.page-services .page-head:not(:has(.cat-img)) .page-title::after { content: "\ecef"; position: absolute; top: 50%; left: 0; margin-top: -10px; }
.page-services .page-count { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--text-2); font-size: 12px; font-weight: 500; line-height: 17.14px; }
.page-services .page-sub { margin: 5px 0 0; color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.page-services .page-sub-strong { color: var(--brand-text); font-weight: 600; }

.svc-bar { gap: 10px; margin: -10px 0; padding: 10px 0; border: 0; background: var(--bg); }
body.is-pub .svc-bar { top: calc(81px + env(safe-area-inset-top)); }
.svc-bar > .srch { gap: 8px; padding: 0 0 0 12px; border: 0; background: var(--surface-2); box-shadow: none; }
.svc-bar > .srch:focus-within { box-shadow: inset 0 0 0 2px var(--brand), 0 0 0 2px var(--brand-soft-2); }
.svc-bar > .srch > i { color: var(--text-2); font-size: 16px; }
.svc-bar > .srch input { padding: 0; color: var(--ink); }
.svc-bar > .srch > button { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; align-self: center; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--text-2); font-size: 18px; }
.svc-bar > .svc-filter { flex: 0 0 auto; width: 9.5rem; }
.svc-bar > .chip { background: var(--surface-2); color: var(--ink); }
.svc-bar > .chip:active { background: var(--brand); color: var(--on-brand); }
.svc-bar > .srch > button:active { background: var(--sunk); color: var(--text); }
@media (hover: hover) {
  .svc-bar > .srch > button:hover { color: var(--text); }
  .svc-bar > .chip:hover { background: var(--brand); color: var(--on-brand); }
}
@media (min-width: 640px) {
  .svc-bar > .svc-filter { width: 14rem; }
}
@media (min-width: 1024px) {
  body.is-app .svc-bar { top: 0; }
}
@media (max-height: 500px) and (orientation: landscape) {
  body:is(.is-app, .is-pub) .svc-bar { position: relative; top: auto; }
}
@media (min-width: 1280px) {
  .svc-bar > .svc-filter { width: 18rem; }
}

.svc-cat { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 5px; border-radius: 15px; background: var(--surface); }
.svc-cat + .svc-cat { margin-top: 0; }
.svc-cat-h { gap: 10px; min-width: 0; margin: 0; padding: 0 5px 0 10px; color: var(--title); font-size: 16px; font-weight: 500; line-height: 22px; }
.svc-cat-ico { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 10px; background: var(--kpi-grad); color: var(--on-brand); font-size: 16px; }
.svc-cat-name, a.svc-cat-name { flex: 0 1 auto; color: var(--title); }
a.svc-cat-name:active { color: var(--brand-text); }
.svc-cat-count { display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 28px; margin-left: auto; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--text-2); font-size: 12px; font-weight: 500; line-height: 17.14px; }

.svc-list { display: flex; flex-direction: column; gap: 5px; margin: 0; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.svc { column-gap: 5px; row-gap: 0; padding: 5px; border: 0; border-radius: 10px; background: var(--bg); }
.svc-name { padding: 0 10px; color: var(--text); font-size: 14px; font-weight: 500; line-height: 20px; }
a.svc-name:active { color: var(--brand-text); }
.svc-meta { gap: 8px; padding: 0 10px; border-radius: 10px; color: var(--text-2); font-family: var(--font-sans); font-size: 12px; font-weight: 500; line-height: 18px; }
.svc-meta[aria-expanded="true"] { background: var(--surface); }
.svc-price { display: block; flex: 0 1 auto; min-height: 28px; padding: 5px 10px; border-radius: 5px; background: var(--brand); color: var(--on-brand); font-size: 12px; font-weight: 500; line-height: 18px; text-align: center; }
.svc-price small { color: inherit; font-size: 11px; font-weight: 500; }
.svc-price .promo-inline { flex-wrap: nowrap; gap: 0 4px; vertical-align: top; }
.svc-price .badge-promo { min-height: 0; padding: 0 5px; border-radius: 4px; background: rgba(10, 37, 48, 0.14); color: inherit; font-size: 11px; font-weight: 600; line-height: 18px; }
.svc-price .badge-promo > i { font-size: 11px; }
.svc-price .sam-promo.is-ended [data-promo-current] { color: inherit; }
.svc-range { min-height: 28px; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--text-2); font-size: 12px; line-height: 18px; text-align: center; overflow: hidden; text-overflow: ellipsis; }
.svc-refill { color: var(--brand-text); font-size: 16px; }
.svc-chev { color: var(--text-2); font-size: 20px; transition: none; }
.svc-meta[aria-expanded="true"] .svc-chev { color: var(--brand-text); }
.svc > .svc-buy { min-height: 44px; padding: 0 15px; border: 0; border-radius: 10px; background: var(--surface-2); color: var(--ink); font-family: var(--font-sans); font-size: 13.3333px; font-weight: 500; }
.svc > .svc-buy:active { background: var(--brand); color: var(--on-brand); }

.svc-detail { gap: 10px; margin: 5px 0 0; padding: 10px; border-radius: 10px; background: var(--surface); color: var(--text-2); font-size: 14px; line-height: 20px; }
.svc-dl { grid-template-columns: max-content minmax(0, 1fr); gap: 5px 15px; margin: 0; }
.svc-dl dt { color: var(--text-2); font-weight: 500; }
.svc-dl dd { margin: 0; color: var(--text); font-weight: 600; text-align: left; }
.svc-summary { margin: 0; color: var(--text-2); white-space: pre-line; overflow-wrap: anywhere; }
.svc-actions { flex-wrap: wrap; gap: 10px; }
.svc-actions .favorite-toggle { border: 0; border-radius: 10px; background: var(--surface-2); color: var(--text-2); }
.svc-actions .favorite-toggle[aria-pressed="true"], .svc-actions .favorite-toggle:active { background: var(--brand); color: var(--on-brand); }

@media (hover: hover) {
  .svc-meta:hover { background: var(--surface); color: var(--text-2); }
  .svc-meta:hover .svc-chev { color: var(--brand-text); }
  .svc > .svc-buy:hover, .svc-actions .favorite-toggle:hover { background: var(--brand); color: var(--on-brand); }
}
.svc-meta:active { background: var(--surface-2); }
@media (prefers-reduced-motion: no-preference) {
  .svc-chev { transition: transform 0.2s ease, color 0.2s ease; }
}
@media (min-width: 640px) {
  .svc-more { flex: 0 0 auto; }
}
@media (min-width: 1024px) {
  .svc-list > .svc-head { grid-template-columns: minmax(0, 1fr) 21rem 5.5rem; column-gap: 5px; padding: 5px; border: 0; border-radius: 10px; background: var(--surface-2); color: var(--title); font-size: 12px; font-weight: 600; line-height: 17.14px; letter-spacing: 0; text-transform: none; }
  .svc-head > span { padding: 0 10px; }
  .svc-head > span:nth-child(2) { gap: 8px; }
  .svc-head > span:nth-child(2) > span { width: 8.5rem; padding: 0; text-align: center; }
  .svc-head > span:nth-child(2) > .svc-head-price { width: 7.5rem; }
  .svc { grid-template-columns: minmax(0, 1fr) 21rem 5.5rem; column-gap: 5px; padding: 5px; }
  .svc-name > span { -webkit-line-clamp: 3; }
  .svc-meta .svc-price { flex: 0 0 auto; width: 7.5rem; }
  .svc-meta .svc-range { display: block; flex: 0 0 auto; width: 8.5rem; }
  .svc > .svc-buy { padding: 0 10px; }
}
@media (min-width: 1024px) and (pointer: fine) {
  .svc-name, .svc-meta, .svc > .svc-buy { min-height: 37.33px; }
}
.fl-ls > .bulk-feedback:empty { display: none; }
.fl-ls-all.check { align-self: flex-start; min-height: 44px; margin: -10px 0; }

.fl-ol.lst { min-width: 0; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.fl-ol .lst-t { display: block; width: 100%; }
.fl-ol .lst-t tbody { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.fl-ol .lst-t tr.lst-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; align-content: start; gap: 5px; min-width: 0; padding: 5px; border: 0; border-radius: 10px; background: var(--surface); }
.fl-ol .lst-t tbody tr.lst-row:first-child { border: 0; }
.fl-ol .lst-t tr.lst-empty { grid-column: 1 / -1; display: block; padding: 0; border: 0; }
.fl-ol .lst-t tr.lst-empty > td { display: block; padding: 0; }
.fl-ol .lst-t td { min-width: 0; margin: 0; padding: 0; border: 0; }
.fl-ol .lst-t td[data-k="id"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2px 10px; min-height: 29.98px; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--text-2); font-size: 14px; line-height: 20px; }
.fl-ol .lst-id { color: var(--text-2); font-weight: 500; }
.fl-ol .lst-date { color: var(--text-2); font-size: 14px; font-weight: 500; }
.fl-ol .lst-t td[data-k="status"] { justify-self: end; }
.fl-ol .lst-t td[data-k="title"] { display: flex; flex-direction: column; gap: 2px; padding: 5px 10px; border-radius: 5px; background: var(--bg); }
.fl-ol .lst-name { color: var(--text); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-ol .lst-sub { margin: 0; color: var(--text-2); font-size: 12px; line-height: 17.14px; }
.fl-ol .lst-link { min-height: 0; margin: 0; color: var(--brand-text); }
.fl-ol .lst-t td[data-k="qty"], .fl-ol .lst-t td[data-k="when"], .fl-ol .lst-t td[data-k="order"], .fl-ol .lst-t td[data-k="note"] { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; text-align: left; }
.fl-ol .lst-t td[data-k="qty"] > *, .fl-ol .lst-t td[data-k="when"] > .lst-when { display: inline-flex; align-items: center; min-height: 28px; margin: 0; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--text-2); font-size: 12px; font-weight: 500; line-height: 17.14px; }
.fl-ol .lst-t td[data-k="qty"] > .lst-strong { color: var(--ink); font-weight: 700; }
.fl-ol .lst-t td[data-k="value"] { display: inline-flex; align-items: center; justify-content: center; justify-self: end; min-height: 28px; padding: 5px 10px; border-radius: 5px; background: var(--brand); color: var(--on-brand); font-size: 12px; font-weight: 500; line-height: 17.14px; text-align: center; }
.fl-ol .lst-t td[data-k="order"] .link { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--brand-text); font-size: 12px; line-height: 17.14px; }
.fl-ol .lst-t td[data-k="prog"] { padding: 5px 10px; border-radius: 5px; background: var(--surface-2); }
.fl-ol .prog { min-height: 0; gap: 5px; }
.fl-ol .prog-top { font-size: 12px; }
.fl-ol .bar-track { background: var(--sunk); }
.fl-ol .lst-t td[data-k="actions"] { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; }
.fl-ol .lst-t td[data-k="actions"]:empty { display: none; }
.fl-ol .lst-t td[data-k="check"]:empty { display: none; }
.fl-ol .lst-t td[data-k="check"] .lst-chk { margin: 0; }
.fl-ol .lst-orders tr.lst-row { grid-template-areas: "id status" "title title" "qty value" "actions actions"; }
.fl-ol .lst-orders tr.lst-row.has-check { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "check id status" "title title title" "qty qty value" "actions actions actions"; }
.fl-ol .lst-refill tr.lst-row { grid-template-areas: "id status" "title title" "order order"; }
.fl-ol .lst-drip tr.lst-row { grid-template-areas: "id status" "title title" "prog prog" "qty value"; }
.fl-ol .lst-subs tr.lst-row { grid-template-areas: "id status" "title title" "prog prog" "when when" "actions actions"; }
.fl-ol .lst-t td[data-k="check"] { grid-area: check; }
.fl-ol .lst-t td[data-k="id"] { grid-area: id; }
.fl-ol .lst-t td[data-k="status"] { grid-area: status; }
.fl-ol .lst-t td[data-k="title"] { grid-area: title; }
.fl-ol .lst-t td[data-k="qty"] { grid-area: qty; }
.fl-ol .lst-t td[data-k="value"] { grid-area: value; }
.fl-ol .lst-t td[data-k="prog"] { grid-area: prog; }
.fl-ol .lst-t td[data-k="when"] { grid-area: when; }
.fl-ol .lst-t td[data-k="order"] { grid-area: order; }
.fl-ol .lst-t td[data-k="actions"] { grid-area: actions; }
@media (min-width: 676px) {
  .fl-ol .lst-t tbody { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1325px) {
  .fl-ol .lst-t tbody { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (hover: hover) {
  .fl-ol .lst-t tbody tr:hover { background: var(--surface); }
}
@media (max-width: 1023.98px), (pointer: coarse) {
  .fl-ol .lst-link, .fl-ol .lst-t td[data-k="order"] .link, .fl-ol .prog-link { display: flex; align-items: center; min-height: 44px; }
  .fl-ol .prog-link { flex-direction: column; align-items: stretch; justify-content: center; }
  .fl-status-list > a, .fl-status-list > .chip { min-height: 44px; }
}

.fl-ls .pager { margin: 0; }
.fl-ls .bulk-bar.is-on { display: flex; }

body[data-page="tickets"] .page-tickets, body[data-page="viewticket"] .page-ticket { max-width: none; gap: 20px; }
body[data-page="tickets"] .tk-list.lst { padding: 5px; border-radius: 15px; background: var(--surface); }
body[data-page="tickets"] .tk-new { border-radius: 15px; background: var(--surface); }
body[data-page="tickets"] .tk-new .acc-sum { min-height: 49.98px; padding: 15px; color: var(--title); font-size: 18px; font-weight: 500; line-height: 25.7143px; }
body[data-page="tickets"] .tk-new .acc-form { display: flex; flex-direction: column; gap: 10px; padding: 0 15px 15px; }
body[data-page="tickets"] .tk-new .field, body[data-page="viewticket"] .chat-reply .field { display: flex; flex-direction: column; gap: 5px; }
body[data-page="tickets"] .tk-new .btn, body[data-page="viewticket"] .chat-reply .btn-primary { align-self: flex-start; }
body[data-page="viewticket"] .chat { display: flex; flex-direction: column; gap: 10px; padding: 15px; border-radius: 15px; background: var(--surface); }
body[data-page="viewticket"] .msg-bubble { padding: 10px; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
body[data-page="viewticket"] .msg-me .msg-bubble { background: var(--brand-soft-2); color: var(--ink); }
body[data-page="viewticket"] .msg-meta { color: var(--text-2); font-size: 12px; }
body[data-page="viewticket"] .chat-reply { display: flex; flex-direction: column; gap: 10px; padding: 15px; border-radius: 15px; background: var(--surface); }
.fl-af-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 25.7px; }
.fl-af-top > .page-title { flex: 1 1 auto; }
.fl-af-bal { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; margin: 0; color: var(--text-2); font-size: 14px; line-height: 20px; }
.fl-af-bal > b { padding: 2.5px 10px; border-radius: 5px; background: var(--surface); color: var(--text); font-weight: 600; }
.fl-af-cols { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 20px; }
.fl-af-main, .fl-af-side { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.fl-af-form { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.fl-af-title { margin: 0; color: var(--text); font-size: 14px; font-weight: 500; line-height: 20px; }

.fl-af-pick { position: relative; min-width: 0; }
.fl-af-sel { position: relative; display: flex; align-items: center; min-height: 44px; padding: 12px 38px 12px 15px; border-radius: 10px; background: var(--surface); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; list-style: none; cursor: pointer; }
.fl-af-sel::-webkit-details-marker { display: none; }
.fl-af-sel::after { content: ""; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-top: 6px solid currentColor; border-right: 4.5px solid transparent; border-left: 4.5px solid transparent; }
.fl-af-pick[open] > .fl-af-sel::after { transform: rotate(180deg); }
.fl-af-sel-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl-af-pop { position: absolute; top: 100%; right: 0; left: 0; z-index: 30; margin: 10px 0 0; padding: 10px; border: 3px solid var(--surface-2); border-radius: 20px; background: var(--surface); }
.fl-af-pop-title { display: none; margin: 0 0 15px; color: var(--text); font-size: 16px; font-weight: 500; line-height: 22.86px; }
.fl-af-methods.grid-fit { display: flex; flex-direction: column; gap: 7px; max-height: 290px; padding: 0 5px 0 0; overflow-y: auto; }
.fl-af-method { display: flex; align-items: center; gap: 5px; min-height: 40px; padding: 10px; border-radius: 10px; background: var(--surface-2); color: var(--text); font-size: 14px; font-weight: 500; line-height: 20px; cursor: pointer; }
.fl-af-method > .fl-radio { margin: 0 5px 0 0; }
.fl-af-img { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 5px; object-fit: contain; }
.fl-af-ico { flex: 0 0 auto; color: var(--text-2); font-size: 16px; }
.fl-af-name { min-width: 0; overflow-wrap: anywhere; }
.fl-af-method:has(> input:checked) { background: var(--surface-2); }
.fl-af-method:focus-within { outline: 2px solid var(--focus); outline-offset: -2px; }
@media (hover: hover) {
  .fl-af-method:hover { background: var(--sunk); }
}

.fl-af-quick { display: flex; justify-content: space-between; gap: 5px; min-height: 40px; padding: 5px; border-radius: 10px; background: var(--surface); }
.fl-af-amount { flex: 1 1 0; min-width: 0; min-height: 30px; padding: 5px; border: 0; border-radius: 5px; background: var(--surface-2); color: var(--title); font-family: var(--font-sans); font-size: 14px; font-weight: 500; line-height: 20px; cursor: pointer; }
.fl-af-amount[aria-pressed="true"], .fl-af-amount:active { background: var(--brand); color: var(--on-brand); }
.fl-af-amount:focus-visible { outline-offset: -2px; }
@media (prefers-reduced-motion: no-preference) {
  .fl-af-amount { transition: background-color 0.3s ease, color 0.3s ease; }
}
@media (hover: hover) {
  .fl-af-amount:hover { background: var(--brand); color: var(--on-brand); }
}

.fl-af-info { flex-direction: column; gap: 5px; min-width: 0; }
.fl-af-info-box { padding: 15px; border-radius: 15px; background: var(--surface); color: var(--title); font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; overflow-wrap: anywhere; }
.fl-af-info-box b, .fl-af-info-box strong { font-weight: 700; }
.fl-af-info-box a { color: var(--brand-text); text-decoration: underline; }
.fl-af-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.fl-af-field > .help, .fl-af-field > .err-text { margin: 0; }
.fl-af-field .input.fl-field-page { background: var(--surface); }
.fl-af-amount-box.input-group { display: flex; align-items: stretch; background: var(--surface); }
.fl-af-amount-box > .input-addon { display: inline-flex; align-items: center; padding: 0 0 0 12px; color: var(--text-2); font-size: 14px; }
.fl-af-amount-box > .input { flex: 1 1 auto; min-width: 0; }
.fl-af-pay.btn { align-self: flex-start; background: var(--surface); }
.fl-af-pay.btn > i { font-size: 13.33px; }

.fl-af-side .history { display: flex; flex-direction: column; gap: 10px; }
.fl-af-side .sec-head-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 20px; margin: 0; }
.fl-af-side .sec-title { margin: 0; color: var(--text); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-af-side #paymentHistoryRefresh { width: 44px; height: 44px; margin: -12px -7px; color: var(--text-2); font-size: 18px; }
.fl-af-side #payment-history-container { display: flex; flex-direction: column; gap: 10px; }
.fl-af-side .lst { padding: 0; border: 0; border-radius: 0; background: transparent; }
.fl-af-side .lst-t tbody { display: flex; flex-direction: column; gap: 10px; }
.fl-af-side .lst-t tr.lst-row { gap: 5px; padding: 5px; border: 0; border-radius: 10px; background: var(--surface); }
.fl-af-side .lst-t td { margin: 0; }
.fl-af-side .lst-t td[data-k="id"] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--text-2); }
.fl-af-side .lst-id, .fl-af-side .lst-date { color: var(--text-2); font-size: 14px; font-weight: 500; }
.fl-af-side .lst-t td[data-k="value"] { align-self: stretch; display: flex; align-items: center; padding: 5px 10px; border-radius: 5px; background: var(--brand); color: var(--on-brand); font-size: 14px; font-weight: 500; }
.fl-af-side .lst-t td[data-k="title"] { padding: 5px 10px; border-radius: 5px; background: var(--bg); color: var(--text-2); }
.fl-af-side .lst-t td[data-k="note"] .btn { min-height: 44px; }
.fl-af-side .lst-empty .empty-state { background: var(--surface); }
.fl-af-side .pay-line { display: inline-flex; align-items: center; gap: 8px; }
.fl-af-side .pay-line-img { width: 20px; height: 20px; border-radius: 5px; object-fit: contain; }

@media (min-width: 1024px) {
  .fl-af-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023.98px) {
  .fl-af-pick[open]::before { content: ""; position: fixed; inset: 0; z-index: 88; background: var(--veil); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); }
  .fl-af-pop { position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 89; max-height: calc(100dvh - 16px); margin: 0; padding: 15px calc(15px + env(safe-area-inset-right)) calc(15px + env(safe-area-inset-bottom)) calc(15px + env(safe-area-inset-left)); overflow-y: auto; border: 0; border-radius: 20px 20px 0 0; }
  .fl-af-pop-title { display: block; }
  .fl-af-method { min-height: 44px; }
  html:has(.fl-af-pick[open]) { overflow: hidden; }
}
@media (max-width: 1023.98px), (pointer: coarse) {
  .fl-af-amount { min-height: 44px; }
}
.fl-acc-user { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-width: 0; min-height: 50px; }
.fl-acc-who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.fl-acc-avatar.avatar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 50px; width: 50px; height: 50px; border-radius: 500px; background: var(--brand); color: var(--on-brand); font-size: 20px; font-weight: 500; line-height: 28.57px; }
.fl-acc-id { display: flex; flex-direction: column; min-width: 0; }
.fl-acc-name { margin: 0; overflow: hidden; color: var(--label); font-size: 16px; font-weight: 500; line-height: 22.86px; text-overflow: ellipsis; white-space: nowrap; }
.fl-acc-sub { display: flex; flex-wrap: wrap; gap: 0 10px; margin: 0; color: var(--text-2); font-size: 12px; font-weight: 500; line-height: 17.14px; }
.fl-acc-mail { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl-acc-nums { white-space: nowrap; }
.fl-acc-nums b { color: var(--text); font-weight: 600; }
.fl-acc-apikey.btn { flex: 0 0 auto; gap: 10px; min-height: 43.33px; padding: 5px 10px 5px 5px; background: var(--surface); }
.fl-acc-apikey.btn > i { display: grid; place-items: center; width: 35px; height: 33.33px; padding: 10px; border-radius: 5px; background: var(--surface-2); font-size: 13.33px; }
@media (hover: hover) {
  .fl-acc-apikey.btn:hover > i { background: transparent; }
}
.fl-acc-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 20px; min-width: 0; }
.fl-acc-card { display: flex; flex-direction: column; min-width: 0; padding: 15px; border: 0; border-radius: 15px; background: var(--surface); color: var(--text-2); scroll-margin-top: calc(var(--bar-h) + 20px); }
.fl-acc-card > .fl-card-title { margin: 0 0 10px; }
.fl-acc-form { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.fl-acc-form .field { display: flex; flex-direction: column; gap: 5px; }
.fl-acc-form > .btn { align-self: flex-start; }
.fl-acc-form .help { margin: 0; }
.fl-acc-check.check { align-items: flex-start; min-height: 44px; padding: 11px 0; color: var(--text-2); }
.fl-acc-copy.input-group { display: flex; align-items: stretch; background: var(--surface-2); }
.fl-acc-copy > .input { flex: 1 1 auto; min-width: 0; }
.fl-acc-copy > .input-btn { flex: 0 0 44px; width: 44px; min-height: 44px; border-radius: 0 10px 10px 0; color: var(--text-2); font-size: 16px; }
.fl-acc-rank.rk-card { gap: 10px; }
@media (min-width: 1024px) {
  .fl-acc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599.98px) {
  .fl-acc-nums { display: none; }
}
@media (max-width: 479.98px) {
  .fl-acc-apikey.btn { max-width: 150px; }
  .fl-acc-apikey.btn > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.fl-aff-box { display: flex; align-items: stretch; justify-content: space-between; gap: 10px; min-width: 0; padding: 10px; border-radius: 10px; background: var(--surface); }
.fl-aff-left { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; gap: 5px; min-width: 0; }
.fl-aff-title { margin: 0; color: var(--ink); font-size: 16px; font-weight: 500; line-height: 22.86px; }
.fl-aff-title > b { color: var(--text); font-weight: 600; }
.fl-aff-note { color: var(--text-2); font-size: 12px; line-height: 17.14px; }
.fl-aff-link { display: flex; align-self: flex-start; align-items: center; gap: 10px; width: min(100%, 460px); max-width: 100%; min-height: 40px; padding: 0 0 0 15px; border-radius: 5px; background: var(--surface-2); color: var(--text); }
.fl-aff-link > i { flex: 0 0 auto; font-size: 14px; }
.fl-aff-url { flex: 1 1 auto; min-width: 0; min-height: 40px; padding: 10px 0; border: 0; background: transparent; color: var(--text); font-family: var(--font-sans); font-size: 14px; font-weight: 500; line-height: 20px; text-overflow: ellipsis; }
.fl-aff-url:focus { outline: none; }
.fl-aff-link:focus-within { box-shadow: inset 0 0 0 2px var(--brand); }
.fl-aff-copy.btn { flex: 0 0 auto; min-height: 40px; border-radius: 0 5px 5px 0; background: var(--sunk); color: var(--ink); }
.fl-aff-copy.btn:focus-visible { outline-offset: -3px; }
.fl-aff-ring { position: relative; display: grid; place-items: center; flex: 0 0 70px; width: 70px; height: 70px; padding: 10px; border-radius: 5px; background: var(--bg); }
.fl-aff-ring > svg { display: block; width: 50px; height: 50px; transform: rotate(-90deg); }
.fl-aff-track { fill: none; stroke: var(--sunk); stroke-width: 1.8; }
.fl-aff-arc { fill: none; stroke: var(--brand); stroke-width: 1.8; stroke-linecap: round; }
.fl-aff-pct { position: absolute; inset: 0; display: grid; place-items: center; color: var(--ink); font-size: 10px; font-weight: 500; line-height: 12px; }
.fl-aff-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.fl-aff-stat { display: flex; flex-direction: column; min-width: 0; }
.fl-aff-top { margin: 0; padding: 10px; overflow: hidden; border-radius: 10px 10px 0 0; background: var(--surface); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.fl-aff-val { margin: 0; padding: 10px; border-radius: 0 0 10px 10px; background: var(--surface-2); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; overflow-wrap: anywhere; }
.fl-aff-sec { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.fl-aff-h { margin: 0; color: var(--title); font-size: 18px; font-weight: 500; line-height: 25.71px; }
.fl-aff-withdraw { display: flex; flex-wrap: wrap; gap: 10px; }
.fl-aff-list.lst { padding: 0; border: 0; border-radius: 0; background: transparent; }
.fl-aff-list .lst-t tbody { display: flex; flex-direction: column; gap: 10px; }
.fl-aff-list .lst-t tr.lst-row { gap: 5px; padding: 5px; border: 0; border-radius: 10px; background: var(--surface); }
.fl-aff-list .lst-t td { margin: 0; }
.fl-aff-list .lst-t td[data-k="id"] { padding: 5px 10px; border-radius: 5px; background: var(--surface-2); }
.fl-aff-list .lst-empty .empty-state { background: var(--surface); }
@media (min-width: 676px) {
  .fl-aff-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1325px) {
  .fl-aff-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1023.98px) {
  .fl-aff-box { flex-direction: column; padding: 15px; border-radius: 15px; }
  .fl-aff-ring { width: 100%; flex-basis: 70px; }
}
@media (max-width: 1023.98px), (pointer: coarse) {
  .fl-acc-apikey.btn { min-height: 44px; }
  .fl-aff-link, .fl-aff-url, .fl-aff-copy.btn { min-height: 44px; }
}
.fl-api .fl-table { table-layout: fixed; margin: 0; padding: 10px; border-spacing: 0 2px; }
.fl-api .fl-table td, .fl-api .fl-table th { padding: 8px; color: var(--ink); overflow-wrap: anywhere; }
.fl-api .fl-table th { background: var(--surface-2); color: var(--text-2); font-weight: 700; }
.fl-api .fl-table td.fl-api-k, .fl-api .fl-table th.fl-api-k { width: 40%; color: var(--text-2); }
.fl-api .fl-table td:first-child, .fl-api .fl-table th:first-child { border-radius: 5px 0 0 5px; }
.fl-api .fl-table td:last-child, .fl-api .fl-table th:last-child { border-radius: 0 5px 5px 0; }
.fl-api .fl-table td + td, .fl-api .fl-table th + th { border-left: 2px solid var(--surface); }
.fl-api .mono { font-family: var(--font-sans); }
.fl-api-wrap { word-break: break-all; }
.fl-api .fl-api-meta.fl-table { margin-top: -10px; }
.fl-api-sec > .fl-table.fl-api-params { margin: 8.62px 0 10px; }
.fl-api-sec { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.fl-api-h { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; color: var(--text-2); font-size: 14px; font-weight: 900; line-height: 20px; }
.fl-api-action { padding: 2.5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--ink); font-size: 12px; font-weight: 500; line-height: 17.14px; }
.fl-api-sub { margin: 0; color: var(--text-2); font-size: 14px; font-weight: 900; line-height: 20px; }
.fl-api-code { display: flex; flex-direction: column; min-width: 0; }
.fl-api-bar { display: flex; align-items: stretch; justify-content: space-between; min-height: 39.98px; border-radius: 10px 10px 0 0; background: var(--surface-2); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-api-bar > span { display: flex; align-items: center; padding: 10px 15px; }
.fl-api-lang { border-left: 1px solid var(--surface); }
.fl-api-pre { margin: 0; padding: 10px; overflow-x: auto; border-radius: 0 0 10px 10px; background: var(--surface); }
.fl-api-pre > code { display: block; padding: 14px; background: transparent; color: var(--text-2); font-family: var(--font-sans); font-size: 14px; font-weight: 500; line-height: 20px; white-space: pre; }
.fl-api-pre .fl-j-k { color: #4d5664; }
.fl-api-pre .fl-j-s { color: #2c745a; }
.dark .fl-api-pre .fl-j-k { color: #aab8cf; }
.dark .fl-api-pre .fl-j-s { color: #79b9a2; }
.fl-api-pre:focus-visible { outline-offset: -2px; }
.fl-api-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.fl-up-tools { justify-content: flex-end; }
.fl-up-note { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; color: var(--text-2); }
.fl-up-list, .fl-up-items { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.fl-up-group { min-width: 0; }
.fl-up-box { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 5px; border-radius: 10px; background: var(--surface); }
.fl-up-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 5px 10px; border-radius: 5px; background: var(--surface-2); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-up-name { min-width: 0; overflow-wrap: anywhere; }
.fl-up-link { color: inherit; }
.fl-up-date { flex: 0 0 auto; white-space: nowrap; }
.fl-up-bottom { display: flex; align-items: center; justify-content: space-between; gap: 2px; padding: 5px; border-radius: 5px; background: var(--bg); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-up-text { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.fl-up-ico { display: inline-flex; flex: 0 0 auto; align-items: center; color: var(--text-2); font-size: 14px; }
.fl-up-ico[data-tone="up"], .fl-up-ico[data-tone="danger"] { color: var(--danger-text); }
.fl-up-ico[data-tone="down"], .fl-up-ico[data-tone="success"] { color: var(--ok); }
@media (hover: hover) {
  .fl-up-link:hover { color: var(--brand-text); }
}
@media (max-width: 1023.98px) {
  .fl-up-top { flex-direction: column; gap: 10px; }
  .fl-up-date { white-space: normal; }
}

body[data-page="massorder"] .page-mass, body[data-page="massorder"] .page-mass-done { max-width: none; gap: 20px; }
body[data-page="massorder"] .mass-form, body[data-page="massorder"] .mass-rows, body[data-page="massorder"] .mass-grid, body[data-page="massorder"] .mass-foot { gap: 10px; }
body[data-page="massorder"] .mass-row { padding: 15px; border-radius: 15px; background: var(--surface); }
body[data-page="massorder"] .mass-row-head { margin-bottom: 0; }
body[data-page="massorder"] .mass-grid .field { gap: 5px; }
body[data-page="massorder"] .mass-sum { border: 0; border-radius: 10px; background: var(--surface); }
body[data-page="massorder"] .mass-add.btn { justify-self: start; width: auto; }
body[data-page="massorder"] #submitMassOrder.btn { justify-self: start; align-self: start; width: auto; min-height: 45px; padding: 0 30px; font-size: 13.3333px; }
.fl-wrap { width: 100%; max-width: var(--fl-wrap); margin: 0 auto; padding: 0 calc(var(--fl-wrap-pad) - 5px + env(safe-area-inset-right)) 0 calc(var(--fl-wrap-pad) - 5px + env(safe-area-inset-left)); }

body.is-pub[data-page="home"] .main.pub-main.fl-pub-main { max-width: none; padding: 0; }
body.is-pub:is([data-page="signup"], [data-page="resetpassword"], [data-page="blog"], [data-page="blogpost"], [data-page="faq"], [data-page="terms"], [data-page="page"], [data-page="tutorial"], [data-page="service"], [data-page="landing"], [data-page="services"], [data-page="api"], [data-page="updates"]) .main.pub-main.fl-pub-main { padding: 19px calc(var(--fl-wrap-pad) - 5px + env(safe-area-inset-right)) 0 calc(var(--fl-wrap-pad) - 5px + env(safe-area-inset-left)); }
body.is-pub[data-page="blogpost"] .main.pub-main.fl-pub-main { max-width: none; padding: 0; }

.fl-sec-title { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; margin: 21.58px 0 70px; color: var(--text); font-size: 26px; font-weight: 700; line-height: 37.1428px; text-align: center; }
.fl-sec-ico { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 50px; height: 50px; padding: 5px; border-radius: 500px; background: var(--brand); box-shadow: 0 0 100px 5px var(--brand); color: #ffffff; font-size: 18px; font-weight: 400; line-height: 18px; }
.fl-sec-head { position: relative; z-index: 1; text-align: center; }

.fl-net-ico { color: var(--brand); }
[data-net="instagram"] .fl-net-ico { background: linear-gradient(45deg, #8000ff 0%, #ffb800 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-net="tiktok"] .fl-net-ico { color: #3d3d43; text-shadow: 1px 1px 0 #f72e4d, -1px -1px 0 #09f3f3; }
.dark [data-net="tiktok"] .fl-net-ico { color: #ebecee; }
[data-net="youtube"] .fl-net-ico { color: #ff0000; }
[data-net="facebook"] .fl-net-ico { color: #1877f2; }
[data-net="twitter"] .fl-net-ico, [data-net="threads"] .fl-net-ico { color: #1a1a1d; }
.dark [data-net="twitter"] .fl-net-ico, .dark [data-net="threads"] .fl-net-ico { color: #f9fafb; }
[data-net="telegram"] .fl-net-ico { color: #229ed9; }
[data-net="whatsapp"] .fl-net-ico { color: #25d366; }
[data-net="kwai"] .fl-net-ico { color: #ff8e00; }
[data-net="spotify"] .fl-net-ico { color: #1db954; }
[data-net="soundcloud"] .fl-net-ico { color: #ff5500; }
[data-net="twitch"] .fl-net-ico { color: #9146ff; }
[data-net="kick"] .fl-net-ico { color: #53fc18; }
[data-net="discord"] .fl-net-ico { color: #5865f2; }
[data-net="linkedin"] .fl-net-ico { color: #0a66c2; }
[data-net="pinterest"] .fl-net-ico { color: #e60023; }
[data-net="snapchat"] .fl-net-ico { color: #f7d600; }
[data-net="reddit"] .fl-net-ico { color: #ff4500; }

body[data-page="terms"] .page-title::before { flex-shrink: 0; font-family: "remixicon"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 20px; }
body[data-page="terms"] .page-title::before { content: "\ea81"; }
.fl-home { display: block; min-width: 0; }
.fl-home > section { min-width: 0; }

.fl-hero { position: relative; padding-top: 44px; }
.fl-hero-art { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.fl-art { position: absolute; inset: 0; min-height: 0; }
.fl-art-glow { position: absolute; inset: 0; background: radial-gradient(ellipse 680px 580px at 50% -11px, rgba(43, 196, 241, 0.17) 0%, rgba(43, 196, 241, 0.085) 38%, rgba(43, 196, 241, 0.02) 72%, rgba(43, 196, 241, 0) 100%); }
.fl-art-dots { --dot: 26, 26, 30; position: absolute; inset: 0; background-image: radial-gradient(circle at 37px 41px, rgba(var(--dot), 0.2) 0 1.6px, rgba(var(--dot), 0) 2.2px), radial-gradient(circle at 151px 19px, rgba(var(--dot), 0.14) 0 1.1px, rgba(var(--dot), 0) 1.7px), radial-gradient(circle at 262px 118px, rgba(var(--dot), 0.26) 0 2px, rgba(var(--dot), 0) 2.6px), radial-gradient(circle at 96px 203px, rgba(var(--dot), 0.12) 0 0.8px, rgba(var(--dot), 0) 1.4px), radial-gradient(circle at 211px 247px, rgba(var(--dot), 0.18) 0 1.6px, rgba(var(--dot), 0) 2.2px); background-size: 331px 277px; }
.fl-art-dots-b { background-image: radial-gradient(circle at 58px 92px, rgba(var(--dot), 0.16) 0 1.6px, rgba(var(--dot), 0) 2.2px), radial-gradient(circle at 177px 161px, rgba(var(--dot), 0.22) 0 1.2px, rgba(var(--dot), 0) 1.8px); background-size: 233px 197px; background-position: 71px 43px; }
.dark .fl-art-dots { --dot: 250, 250, 250; }
@media (prefers-reduced-motion: no-preference) {
  .fl-art-dots { animation: fl-drift 44s linear infinite; }
  .fl-art-dots-b { animation: fl-drift-b 37s linear infinite; }
}
@keyframes fl-drift { from { background-position: 0 0; } to { background-position: 331px -277px; } }
@keyframes fl-drift-b { from { background-position: 71px 43px; } to { background-position: -162px 240px; } }

.fl-hero-in { position: relative; z-index: 1; display: flex; justify-content: center; padding-bottom: 75px; }
.fl-hero-col { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%; max-width: 100%; text-align: center; }
.fl-hero-badge { display: flex; align-items: center; gap: 10px; max-width: 100%; margin: 0; padding: 5px 15px 5px 5px; border: 1px solid var(--surface); border-radius: 100px; background: var(--bg); color: var(--text); font-size: 16px; font-weight: 500; line-height: 22.8571px; white-space: nowrap; }
.fl-hero-badge-ico { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 30px; height: 30px; border-radius: 500px; background: var(--brand); color: #ffffff; font-size: 14px; line-height: 16px; }
.fl-hero-title .hero-brand { color: inherit; }
.fl-hero-title .hero-tag { display: inline; margin: 0; }
.fl-hero-title { margin: 0; color: var(--text); font-size: 38px; font-weight: 600; line-height: 54.2857px; letter-spacing: 0; overflow-wrap: anywhere; }
.fl-hero-lead { width: 100%; margin: 0; color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-hero-cta { display: flex; align-items: center; justify-content: center; gap: 15px; min-height: 50px; padding: 15px 30px; border-radius: 10px; background: var(--cta-grad); color: var(--on-brand); font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-hero-cta > i { font-size: 14px; line-height: 14px; }
@media (prefers-reduced-motion: no-preference) {
  .fl-hero-cta { transition: opacity 0.14s ease; }
}
@media (hover: hover) {
  .fl-hero-cta:hover { opacity: 0.8; }
}
@media (min-width: 1024px) {
  .fl-hero-col { width: 70vh; }
}

.fl-login { position: relative; z-index: 1; padding: 20px 0; scroll-margin-top: 96px; }
.fl-login-alert { margin: 0 0 15px; }
.fl-login-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; padding: 15px; border-radius: 10px; background: var(--surface); }
.fl-login-field { position: relative; min-width: 0; height: 50px; }
.fl-login-input { display: block; width: 100%; height: 50px; margin: 0; padding: 15px; border: 0; border-radius: 5px; background: var(--surface-2); color: var(--title); font-family: var(--font-sans); font-size: 16px; font-weight: 400; line-height: 20px; box-shadow: none; }
.fl-login-input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--brand); }
.fl-login-pass .fl-login-input { padding-right: 50px; }
.fl-login-label { position: absolute; top: 50%; left: 15px; right: 15px; margin: 0; overflow: hidden; color: var(--ink); font-size: 16px; font-weight: 400; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; transform: translateY(-50%); cursor: text; }
.fl-login-pass .fl-login-label { right: 50px; }
.fl-login-input:valid + .fl-login-label, .fl-login-input:-webkit-autofill + .fl-login-label { visibility: hidden; }
.fl-login-eye { position: absolute; top: 3px; right: 3px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: var(--title); font-size: 16px; cursor: pointer; }
.fl-login-group { display: flex; gap: 15px; min-width: 0; }
.fl-login-ico, .fl-login .check.fl-login-ico { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 50px; gap: 0; width: 50px; min-width: 50px; height: 50px; min-height: 50px; margin: 0; padding: 0; border-radius: 5px; background: var(--surface-2); color: var(--title); font-size: 14px; line-height: 21px; cursor: pointer; }
.fl-login-ico > i { font-size: 14px; line-height: 14px; }
.fl-login .fl-login-remember input[type="checkbox"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; border: 0; border-radius: 5px; opacity: 0; cursor: pointer; }
.fl-login-remember:has(input:checked) { background: var(--brand); color: var(--on-brand); }
.fl-login-remember:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.fl-login .google-row { display: flex; flex: 0 0 50px; width: 50px; height: 50px; }
.fl-login .google-btn, .fl-login .btn.btn-outline.google-btn { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; min-height: 50px; padding: 0; border: 0; border-radius: 5px; background: #ffffff; box-shadow: inset 0 0 0 5px var(--surface-2); color: #1a1a1d; }
.fl-login .google-btn > svg { width: 18px; height: 18px; }
.fl-login .google-btn > span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.fl-login-btn { display: flex; align-items: center; justify-content: center; gap: 5px; flex: 1 1 auto; min-width: 0; height: 50px; padding: 15px 30px; border: 0; border-radius: 5px; background: var(--surface-2); color: var(--ink); font-family: var(--font-sans); font-size: 13.3333px; font-weight: 500; line-height: normal; text-align: center; cursor: pointer; }
.fl-login-btn:active { background: var(--brand); color: var(--on-brand); }
@media (hover: hover) {
  .fl-login-btn:hover { background: var(--brand); color: var(--on-brand); }
  .fl-login .google-btn:hover, .fl-login .btn.btn-outline.google-btn:hover { background: #ffffff; opacity: 0.85; }
}
@media (min-width: 1024px) {
  .fl-login-input, .fl-login-label { font-size: 14px; }
}
@media (min-width: 1025px) {
  .fl-login-form { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .fl-login-field { grid-column: span 3; }
  .fl-login-group { grid-column: span 6; }
}

.fl-strip { position: relative; z-index: 1; display: flex; padding: 20px 0 50px 20px; overflow: hidden; background: var(--bg); color: var(--ink); }
.fl-strip::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, var(--bg) 0, rgba(249, 250, 251, 0) 20%, rgba(249, 250, 251, 0) 80%, var(--bg) 100%); pointer-events: none; }
.dark .fl-strip::before { background: linear-gradient(90deg, var(--bg) 0, rgba(26, 26, 29, 0) 20%, rgba(26, 26, 29, 0) 80%, var(--bg) 100%); }
.fl-strip-track { display: flex; flex: 0 0 auto; gap: 20px; }
.fl-strip-list { display: flex; flex: 0 0 auto; gap: 20px; margin: 0; padding: 0; list-style: none; }
.fl-strip-item { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; flex: 0 0 204px; width: 204px; min-width: 164px; height: 65px; padding: 20px; border-radius: 10px; background: var(--surface); color: var(--title); font-size: 16px; line-height: 20px; }
.fl-strip-name { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fl-strip-item .fl-net-ico { position: relative; z-index: 1; flex-shrink: 0; font-size: 26px; line-height: 26px; }
.fl-strip-item .fl-strip-glow { position: absolute; top: 19.5px; right: 20px; z-index: 0; filter: blur(20px); }
@media (prefers-reduced-motion: no-preference) {
  .fl-strip-track { animation: fl-marquee 60s linear infinite; }
}
@keyframes fl-marquee { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 10px)); } }

.fl-feats { position: relative; padding: 120px 0; overflow: hidden; background: var(--surface); }
.fl-feats::before, .fl-feats::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.fl-feats::before { background: linear-gradient(var(--surface) 0, rgba(235, 236, 238, 0) 100%); }
.fl-feats::after { background: linear-gradient(0deg, var(--surface) 0, rgba(235, 236, 238, 0) 100%); }
.dark .fl-feats::before { background: linear-gradient(var(--surface) 0, rgba(32, 32, 36, 0) 100%); }
.dark .fl-feats::after { background: linear-gradient(0deg, var(--surface) 0, rgba(32, 32, 36, 0) 100%); }
.fl-map { --map-dot: #b3bbbe; position: absolute; top: 50%; left: 50%; z-index: 0; width: max(100%, 1440px); aspect-ratio: 1440 / 1118; background-image: radial-gradient(circle, var(--map-dot) 0 4.6px, rgba(179, 187, 190, 0) 5.2px); background-size: 13.8px 13.7px; transform: translate(-50%, -50%); pointer-events: none; -webkit-mask-image: radial-gradient(ellipse 14% 15% at 17% 25%, #000 97%, transparent 100%), radial-gradient(ellipse 9% 9% at 10% 14%, #000 97%, transparent 100%), radial-gradient(ellipse 8% 10% at 24% 40%, #000 97%, transparent 100%), radial-gradient(ellipse 4% 5% at 29% 50%, #000 97%, transparent 100%), radial-gradient(ellipse 4% 5% at 36% 9%, #000 97%, transparent 100%), radial-gradient(ellipse 7% 12% at 36% 62%, #000 97%, transparent 100%), radial-gradient(ellipse 4% 9% at 34% 80%, #000 97%, transparent 100%), radial-gradient(ellipse 6% 7% at 50% 18%, #000 97%, transparent 100%), radial-gradient(ellipse 4% 5% at 56% 11%, #000 97%, transparent 100%), radial-gradient(ellipse 9% 11% at 52% 45%, #000 97%, transparent 100%), radial-gradient(ellipse 6% 10% at 56% 64%, #000 97%, transparent 100%), radial-gradient(ellipse 16% 13% at 74% 20%, #000 97%, transparent 100%), radial-gradient(ellipse 9% 9% at 68% 40%, #000 97%, transparent 100%), radial-gradient(ellipse 6% 7% at 82% 42%, #000 97%, transparent 100%), radial-gradient(ellipse 4% 4% at 90% 30%, #000 97%, transparent 100%), radial-gradient(ellipse 6% 6% at 89% 70%, #000 97%, transparent 100%), radial-gradient(ellipse 2% 3% at 96% 80%, #000 97%, transparent 100%); }
.dark .fl-map { --map-dot: #404048; }
.fl-sec-in { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
.fl-sec-chip { display: inline-block; max-width: 100%; margin: 15px 0; padding: 12px 20px; border-radius: 12px; background: #b9bbbd; color: #1a1a1d; font-size: 18px; font-weight: 600; line-height: 25.2px; }
.dark .fl-sec-chip { border: 1px solid rgba(255, 255, 255, 0.1); background: #1a1a1e; color: #ffffff; }
.fl-feats .fl-sec-head { margin-bottom: 50px; }
.fl-feat-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.fl-feat { position: relative; z-index: 1; min-width: 0; margin: 20px 0 0; padding: 25px 20px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 16px; background: #ffffff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08); color: #202024; text-align: center; }
.dark .fl-feat { border-color: #333333; background: #1a1a1a; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3); color: #e5e5e5; }
.fl-feat-ico { display: block; height: 51.4285px; margin: 0 0 16.38px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 36px; line-height: 51.4285px; }
.fl-feat-ico > i { display: inline-block; line-height: 36px; }
.fl-feat-title { margin: 0 0 16.38px; color: inherit; font-size: 16.38px; font-weight: 700; line-height: 23.4px; }
.fl-feat-text { margin: 0; color: #343438; font-size: 14px; line-height: 21px; }
.dark .fl-feat-text { color: #d1d5db; }
.fl-feat-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; margin: 10px 0 0; padding: 0; list-style: none; }
@media (prefers-reduced-motion: no-preference) {
  .fl-feat, .fl-feat-ico, .fl-step, .fl-step-ico, .fl-step-num, .fl-plat, .fl-plat::before, .fl-plat-ico { transition: all 0.3s ease; }
  .fl-faq-q, .page-read .faq-q { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .fl-faq-ico, .page-read .faq-ico { transition: transform 0.3s ease; }
}
@media (hover: hover) {
  .fl-feat:hover { box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.12); transform: translateY(-8px); }
  .dark .fl-feat:hover { box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.4); }
  .fl-feat:hover .fl-feat-ico { transform: scale(1.1); }
}

.fl-steps { position: relative; padding: 120px 0; }
.fl-step-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; }
.fl-step { position: relative; display: flex; flex-direction: column; align-items: center; min-width: 0; margin: 20px 0 15px; padding: 25px 20px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 16px; background: #ffffff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08); }
.dark .fl-step { border-color: #333333; background: #1a1a1a; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3); }
.fl-step-ico { position: absolute; top: -25px; left: calc(50% - 25px); display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); box-shadow: 0 8px 25px 0 rgba(102, 126, 234, 0.3); color: #ffffff; font-size: 20px; line-height: 28.5714px; }
.fl-step-text { width: 100%; margin: 10px 0 0; padding: 0 0 25px; color: #4b5563; font-size: 14px; line-height: 21px; text-align: center; }
.dark .fl-step-text { color: #d1d5db; }
.fl-step-title { margin: 16.38px 0; color: inherit; font-size: 16.38px; font-weight: 700; line-height: 24.57px; }
.fl-step-text p { margin: 0; }
.fl-step-num { position: absolute; right: 2px; bottom: 2px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, #10b981 0%, #059669 100%); box-shadow: 0 4px 15px 0 rgba(16, 185, 129, 0.3); color: #022c22; font-size: 12px; font-weight: 600; line-height: 17.1428px; }
.fl-step-link { position: absolute; inset: 0; z-index: 2; border-radius: 16px; }
.fl-step-link:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
@media (hover: hover) {
  .fl-step:hover { box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.12); transform: translateY(-8px); }
  .dark .fl-step:hover { box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.4); }
  .fl-step:hover .fl-step-ico { background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); box-shadow: 0 12px 30px 0 rgba(102, 126, 234, 0.4); transform: scale(1.1); }
  .fl-step:hover .fl-step-num { background: linear-gradient(135deg, #059669 0%, #047857 100%); box-shadow: 0 6px 20px 0 rgba(16, 185, 129, 0.4); transform: scale(1.1); }
}

.fl-faq { position: relative; padding: 120px 0; background: var(--surface); }
.fl-faq-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin: 30px 0 0; }
.fl-faq-col { display: flex; flex-direction: column; gap: 15px; min-width: 0; }
.fl-faq-item, .page-read .faq-item.box { min-width: 0; padding: 0; border-radius: 10px; background: none; }
.fl-faq-q, .page-read .faq-q { --fl-faq-ink: linear-gradient(135deg, #000000 56%, #ffffff 56%); position: relative; isolation: isolate; display: flex; align-items: stretch; min-height: 70px; padding: 0; border: 1px solid var(--sunk); border-radius: 10px; background: none; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: var(--ink); list-style: none; cursor: pointer; }
.dark .fl-faq-q, .dark .page-read .faq-q { --fl-faq-ink: linear-gradient(135deg, #ffffff 61%, #000000 61%); }
.fl-faq-q::before, .page-read .faq-q::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 9px; background: linear-gradient(135deg, var(--surface-2) 0%, var(--sunk) 100%); pointer-events: none; }
.fl-faq-q::-webkit-details-marker, .page-read .faq-q::-webkit-details-marker { display: none; }
.fl-faq-q > h3, .page-read .faq-q > span { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; margin: 0; padding: 24px 64px 24px 24px; color: inherit; font-size: 14px; font-weight: 500; line-height: 20px; }
.fl-faq-ico, .page-read .faq-ico { position: absolute; top: calc(50% - 20px); right: 20px; display: flex; align-items: center; justify-content: center; width: 16px; height: 40px; color: var(--ink); font-size: 24px; line-height: 40px; }
.fl-faq-item[open] > .fl-faq-q, .page-read .faq-item[open] > .faq-q { border-bottom-color: var(--text-2); border-radius: 10px 10px 0 0; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15); transform: translateY(-2px); }
.fl-faq-item[open] > .fl-faq-q::before, .page-read .faq-item[open] > .faq-q::before { border-radius: 9px 9px 0 0; background: linear-gradient(135deg, var(--deep) 0%, var(--text-2) 100%); }
.fl-faq-item[open] > .fl-faq-q > h3, .page-read .faq-item[open] > .faq-q > span { background: var(--fl-faq-ink); -webkit-background-clip: text; background-clip: text; color: transparent; }
.fl-faq-item[open] .fl-faq-ico, .page-read .faq-item[open] .faq-ico { transform: rotate(45deg); }
.fl-faq-a, .page-read .faq-a { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px; border: 1px solid var(--sunk); border-top: 0; border-radius: 0 0 10px 10px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1); color: var(--text-2); font-size: 14px; line-height: 20px; }
.fl-faq-a p { margin: 0; }
.page-read .faq-list { gap: 20px; }
@media (hover: hover) {
  .fl-faq-q:hover, .page-read .faq-q:hover { box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2); transform: translateY(-2px); }
  .fl-faq-q:hover::before, .page-read .faq-q:hover::before { background: linear-gradient(135deg, var(--deep) 0%, var(--text-2) 100%); }
  .fl-faq-q:hover > h3, .page-read .faq-q:hover > span { background: var(--fl-faq-ink); -webkit-background-clip: text; background-clip: text; color: transparent; }
}
@media (min-width: 769px) {
  .fl-faq-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
  .fl-faq-col { gap: 20px; }
}

.fl-plats { position: relative; padding: 60px 0; }
.fl-plats .fl-sec-head { margin-bottom: 60px; }
.fl-sec-sub { margin: 20px 0; color: var(--label); font-size: 18px; font-weight: 600; line-height: 25.2px; }
.dark .fl-sec-sub { color: var(--ink); }
.fl-plat-grid { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 20px; margin: 0; padding: 0; list-style: none; }
.fl-plat { position: relative; box-sizing: content-box; display: flex; flex-direction: column; width: calc(100% - 32px); max-width: 280px; min-height: 278.3px; margin: 0 0 20px; padding: 20px 15px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; background: #ffffff; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1); color: var(--text-2); text-align: center; }
.dark .fl-plat { border-color: #343438; background: #202024; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3); color: #c7cbd0; }
.fl-plat::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #e91e63, #9c27b0, #3f51b5, #2196f3); opacity: 0; }
.fl-plat-link { display: flex; flex-direction: column; flex: 1 1 auto; color: inherit; }
.fl-plat-img { display: block; height: 50px; margin: 0 0 20px; text-align: center; }
.fl-plat-ico { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 15px; color: #ffffff; font-size: 25px; line-height: 35.7142px; }
.fl-plat-ico .fl-net-ico { line-height: inherit; }
.fl-plat-title { margin: 16px 0 12px; color: var(--title); font-size: 16px; font-weight: 700; line-height: 20.8px; }
.dark .fl-plat-title { color: var(--text); }
.fl-plat-text { margin: 0; color: inherit; font-size: 13px; line-height: 19.5px; }
@media (hover: hover) {
  .fl-plat:hover { box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.15); transform: translateY(-10px); }
  .dark .fl-plat:hover { box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.4); }
  .fl-plat:hover::before { opacity: 1; }
  .fl-plat:hover .fl-plat-ico { transform: rotate(5deg) scale(1.1); }
}
.fl-plat-link:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; border-radius: 12px; }
.fl-offers { margin: 10px 0 0; }
.fl-offers-title { margin: 0 0 20px; color: var(--text); font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: center; }
.fl-offer-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 20px; }
.fl-offer { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 20px 15px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; background: #ffffff; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1); }
.dark .fl-offer { border-color: #343438; background: #202024; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3); }
.fl-offer-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.fl-offer-cat { min-width: 0; overflow: hidden; color: var(--text-2); font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
.fl-offer-name { display: flex; align-items: center; min-height: 44px; color: var(--title); font-size: 16px; font-weight: 700; line-height: 20.8px; }
.dark .fl-offer-name { color: var(--text); }

.fl-seo { position: relative; max-width: 802px; margin: 40px 10px 0; overflow: hidden; border: 1px solid rgba(226, 232, 240, 0.5); border-radius: 15px; background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); }
.dark .fl-seo { border-color: rgba(71, 85, 105, 0.3); background: linear-gradient(135deg, #1e293b 0%, #334155 100%); }
.fl-seo::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, rgba(14, 165, 233, 0), #0ea5e9, rgba(14, 165, 233, 0)); }
.fl-seo-in.prose { padding: 15px 10px; color: #475569; font-size: 15px; line-height: 25.5px; }
.dark .fl-seo-in.prose { color: #cbd5e1; }
.fl-seo-in.prose > * + * { margin-top: 0; }
.fl-seo-in.prose p { margin: 0 0 20px; }
.fl-seo-in.prose h2 { position: relative; margin: 25px 0 12px; padding: 0 0 8px; border-bottom: 2px solid #e2e8f0; color: #334155; font-size: 18px; font-weight: 600; line-height: 25.7143px; }
.dark .fl-seo-in.prose h2 { border-bottom-color: #475569; color: #e2e8f0; }
.fl-seo-in.prose h2::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 50px; height: 2px; background: linear-gradient(90deg, #0ea5e9, #3b82f6); }
.fl-seo-in.prose h3 { margin: 20px 0 10px; color: #334155; font-size: 16px; font-weight: 600; }
.dark .fl-seo-in.prose h3 { color: #e2e8f0; }
.fl-seo-in.prose a, .fl-seo-in.prose strong { color: #0369a1; font-weight: 600; }
.dark .fl-seo-in.prose a, .dark .fl-seo-in.prose strong { color: #0ea5e9; }

@media (min-width: 641px) {
  .fl-seo { margin: 50px 20px 0; border-radius: 20px; }
  .fl-seo-in.prose { padding: 20px 15px; }
  .fl-seo-in.prose h2 { margin: 30px 0 15px; font-size: 20px; line-height: 28.5714px; }
}
@media (min-width: 769px) {
  .fl-plat { padding: 25px 20px; margin-bottom: 30px; min-height: 323.4px; }
  .fl-plat-img { height: 60px; }
  .fl-plat-ico { width: 60px; height: 60px; font-size: 28px; line-height: 40px; }
  .fl-plat-title { margin: 18px 0 15px; font-size: 18px; line-height: 23.4px; }
  .fl-plat-text { line-height: 21px; }
  .fl-sec-sub { font-size: 24px; line-height: 33.6px; }
  .fl-seo { margin: 60px auto 0; }
  .fl-seo-in.prose { padding: 25px 20px; font-size: 12px; line-height: 20.4px; text-align: justify; }
  .fl-seo-in.prose h2 { font-size: 22px; line-height: 31.4285px; }
}
@media (min-width: 1025px) {
  .fl-feat-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .fl-feat { grid-column: span 4; }
  .fl-feat:nth-child(n + 4) { grid-column: span 6; }
  .fl-feat:nth-child(4):last-child, .fl-feat:only-child { grid-column: span 12; }
  .fl-feat:first-child:nth-last-child(2), .fl-feat:first-child:nth-last-child(2) ~ .fl-feat { grid-column: span 6; }
  .fl-step-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .fl-step { grid-column: span 3; }
  .fl-plats { padding: 100px 0; }
  .fl-plat-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .fl-plat { grid-column: span 3; max-width: 260px; min-height: 298.1px; margin: 0 0 15px; padding: 20px 15px; }
  .fl-plat-img { height: 50px; margin-bottom: 15px; }
  .fl-plat-ico { width: 50px; height: 50px; border-radius: 12px; font-size: 24px; line-height: 34.2857px; }
  .fl-plat-title { margin: 16px 0 12px; font-size: 16px; line-height: 20.8px; }
  .fl-plat-text { line-height: 18.2px; }
  .fl-sec-sub { font-size: 28px; line-height: 39.2px; }
}
.fl-auth { display: flex; justify-content: center; padding: 80px 25px 50px; }
.fl-auth-card { display: flex; flex-direction: column; width: 100%; min-width: 0; }
.fl-auth-title { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 32px; color: var(--ink); font-size: 25.6px; font-weight: 500; line-height: 36.5714px; text-align: center; }
.fl-auth-title > i { flex-shrink: 0; font-size: inherit; line-height: inherit; }
.fl-auth .alert { margin: 0 0 10px; }
.fl-auth-form, .fl-auth .signup-fields { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.fl-auth .signup-fields > .field { grid-column: auto; margin: 0 0 16px; }
.fl-auth .field { gap: 5px; }
.fl-auth .input-group, .fl-auth .input-group > .input, .fl-auth .select { min-height: 64px; border-radius: 8px; }
.fl-auth .input-addon > i { line-height: 1; }
.fl-auth .input-addon { justify-content: flex-start; width: 32px; padding: 0 0 0 10px; color: #6c757d; font-size: 13px; }
.dark .fl-auth .input-addon { color: #8a929b; }
.fl-auth .input-group > .input, .fl-auth .input-group > .input:focus { padding: 6px 15px 6px 0; }
.fl-auth .input-btn { min-width: 44px; padding: 0 12px; border: 0; background: transparent; color: var(--text-2); font-size: 14px; }
.fl-auth .input-btn-text { color: var(--brand-text); font-size: 13px; font-weight: 600; }
.fl-auth .field > .check { display: flex; align-items: center; gap: 8px; color: var(--label); font-size: 16px; line-height: 22.8571px; }
.fl-auth .check input[type="checkbox"] { min-width: 22px; margin: 0; }
.fl-auth .signup-check-text a { margin-left: 4px; color: var(--brand-text); text-decoration: none; }
.fl-auth .google-row { display: flex; justify-content: center; }
.fl-auth .google-btn, .fl-auth .btn.btn-outline.google-btn { gap: 8px; width: 100%; min-height: 50px; padding: 0 12px; border: 1px solid #dadce0; border-radius: 4px; background: #ffffff; color: #3c4043; font-size: 14px; font-weight: 500; opacity: 1; }
.fl-auth .google-btn > svg { width: 18px; height: 18px; }
@media (hover: hover) {
  .fl-auth .google-btn:hover, .fl-auth .btn.btn-outline.google-btn:hover { background: #f7f8f8; opacity: 1; }
}
.fl-or { display: flex; align-items: center; gap: 12px; min-height: 36px; margin: 16px 0; color: var(--text-2); font-size: 14px; line-height: 20px; }
.fl-or::before, .fl-or::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--surface-2); }
.fl-or > span { padding: 8px 12px; }
.fl-auth-btn.btn, .fl-auth .fl-auth-btn { width: 100%; min-height: 50px; border-radius: 8px; font-size: 16px; font-weight: 600; }
.fl-auth-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 5px; margin: 34px 0 0; color: var(--text-2); font-size: 14px; line-height: 20px; text-align: center; }
.fl-auth-link { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 44px; min-height: 44px; color: #1d4ed8; }
.dark .fl-auth-link { color: #60a5fa; }
.fl-auth-alt-muted { gap: 0 8px; margin-top: 16px; color: #5c636a; font-size: 13px; line-height: 18.5714px; }
.dark .fl-auth-alt-muted { color: var(--text-2); }
.fl-auth-alt-muted .fl-auth-link { color: #0056b3; }
.dark .fl-auth-alt-muted .fl-auth-link { color: #4da3ff; }
.fl-auth-back-row { display: flex; justify-content: center; margin-top: 10px; }
.fl-auth-back { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; height: 50px; padding: 15px 30px; border-radius: 8px; color: #5c636a; font-size: 15px; font-weight: 500; line-height: 21.4286px; }
.dark .fl-auth-back { color: var(--text-2); }
@media (prefers-reduced-motion: no-preference) {
  .fl-auth-back, .fl-auth-link { transition: all 0.3s ease; }
}
@media (hover: hover) {
  .fl-auth-back:hover { background: #f8f9fa; color: #495057; }
  .dark .fl-auth-back:hover { background: var(--surface-2); color: var(--title); }
}
.fl-auth-reset { align-items: center; min-height: calc(100vh - 270px); margin-bottom: 100px; padding-top: 0; padding-bottom: 0; }

@media (min-width: 481px) {
  .fl-auth { padding: 95px 40px 50px; }
  .fl-auth-title { font-size: 28.8px; line-height: 41.1428px; }
  .fl-auth .input-group, .fl-auth .input-group > .input, .fl-auth .select { min-height: 62px; }
  .fl-auth .input-addon { width: 35px; }
  .fl-auth .google-btn, .fl-auth .btn.btn-outline.google-btn, .fl-auth-btn.btn, .fl-auth .fl-auth-btn { min-height: 48px; }
  .fl-auth-back { height: 48px; }
  .fl-or { margin: 0; }
  .fl-auth-reset { min-height: calc(100vh - 250px); }
}
@media (min-width: 769px) {
  .fl-auth { padding: 50px 0; }
  .fl-auth-card { gap: 10px; }
  .fl-auth-title { font-size: 26px; line-height: 37.1428px; }
  .fl-auth .alert { margin: 0; }
  .fl-auth .signup-fields > .field { margin: 0; }
  .fl-auth .input-group, .fl-auth .input-group > .input, .fl-auth .select { min-height: 44px; border-radius: 10px; }
  .fl-auth .input-addon { width: 40px; padding-left: 12px; font-size: 14px; }
  .fl-auth .google-btn, .fl-auth .btn.btn-outline.google-btn { width: auto; min-width: 228px; min-height: 44px; }
  .fl-or { min-height: 20px; }
  .fl-or > span { padding: 0 8px; }
  .fl-auth-btn.btn, .fl-auth .fl-auth-btn { min-height: 45px; border-radius: 10px; font-size: 13.3333px; font-weight: 500; }
  .fl-auth .field > .check { justify-content: center; }
  .fl-auth-alt { margin: 0; }
  .fl-auth-alt-muted { margin: 0; font-size: 14px; line-height: 20px; }
  .fl-auth-back-row { margin: 0; }
  .fl-auth-back { height: 50px; border-radius: 15px; font-size: 14px; line-height: 20px; }
  .fl-auth-reset { min-height: calc(100vh - 300px); }
}
@media (min-width: 769px) and (max-width: 1023.98px) {
  .fl-auth-title { margin-bottom: 22px; }
}
@media (min-width: 1024px) {
  .fl-auth-card { width: 450px; }
}
@media (min-width: 1024px) and (pointer: fine) {
  .fl-auth .google-btn, .fl-auth .btn.btn-outline.google-btn { min-height: 40px; }
  .fl-auth-link { min-height: 20px; }
  .fl-auth .field > .check { min-height: 22.8571px; }
}

.auth.auth-verify { gap: 10px; max-width: 450px; margin: 30px auto 0; }
.auth-verify .auth-main { gap: 10px; }
.auth-verify .auth-card { gap: 10px; padding: 0; border: 0; background: none; box-shadow: none; }
.auth-verify .auth-head { justify-content: center; gap: 10px; margin: 0 0 22px; }
.auth-verify .auth-ico { width: auto; height: auto; border-radius: 0; background: none; color: var(--ink); font-size: 26px; }
.auth-verify .auth-title { margin: 0; color: var(--ink); font-size: 26px; font-weight: 500; line-height: 37.1428px; }
.auth-verify .auth-form { display: flex; flex-direction: column; gap: 10px; }
.auth-verify .input:disabled { opacity: 1; color: var(--text-2); }
.auth-verify .btn-ghost { min-height: 50px; border-radius: 15px; color: var(--text-2); }
body:is([data-page="faq"], [data-page="terms"], [data-page="page"], [data-page="tutorial"]) .page.page-read, body[data-page="page"] .page.page-sm { max-width: none; gap: 20px; }
.page-read > .box.prose, .fl-read { display: flex; flex-direction: column; padding: 15px; border-radius: 10px; background: var(--surface); color: var(--text-2); font-size: 14px; font-weight: 500; line-height: 20px; }
.page-read > .box.prose > * + *, .fl-read > * + * { margin-top: 0; }
.page-read > .box.prose p, .fl-read p { margin: 0; }
.page-read > .box.prose :is(h1, h2), .fl-read :is(h1, h2) { margin: 17.43px 0; color: var(--text-2); font-size: 21px; font-weight: 700; line-height: 30px; }
.page-read > .box.prose :is(h3, h4), .fl-read :is(h3, h4) { margin: 16.38px 0; color: var(--text-2); font-size: 16.38px; font-weight: 700; line-height: 23.4px; }
.page-read > .box.prose :is(b, strong), .fl-read :is(b, strong) { font-weight: 700; }
.page-read > .box.prose ul, .fl-read ul { margin: 12px; padding: 0; list-style: none; }
.page-read > .box.prose li, .fl-read ul > li { margin: 16px 0; }
.page-read > .box.prose ol, .fl-read ol { margin: 14px 0; padding: 0 0 0 40px; list-style: decimal; }
.page-read > .box.prose ol > li, .fl-read ol > li { margin: 0; }
.page-read > .box.prose blockquote, .fl-read blockquote { margin: 14px 40px; padding: 0; border: 0; }
.page-read > .box.prose a, .fl-read a { color: #0369a1; }
.dark .page-read > .box.prose a, .dark .fl-read a { color: #0ea5e9; }
.page-read .read-foot { margin: 20px 0 0; padding: 10px 0 0; border-top: 1px solid var(--surface-2); color: var(--text-2); font-size: 12px; }
.page-read > .box:not(.prose), body[data-page="page"] .page-sm > .box { border-radius: 10px; }
.page-read .stack { gap: 20px; }
.page-read .sec-title { margin: 0; color: var(--title); font-size: 18px; font-weight: 500; line-height: 25.7143px; }

.fl-blog { gap: 20px; }
.fl-blog-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.fl-blog-card { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 10px; border-radius: 15px; background: var(--surface); }
.fl-blog-cover { height: 306px; }
.fl-blog-cover img, .fl-blog-ph { display: block; width: 100%; height: 300px; border-radius: 10px; object-fit: cover; }
.fl-blog-ph { display: grid; place-items: center; background: linear-gradient(135deg, var(--surface-2) 0%, var(--sunk) 100%); color: var(--text-2); font-size: 40px; }
.fl-blog-title, .fl-blog-text { display: -webkit-box; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: anywhere; }
.fl-blog-title { color: var(--text); font-size: 16px; font-weight: 600; line-height: 22.8571px; }
.fl-blog-text { color: var(--text-2); font-size: 14px; line-height: 20px; }
.fl-blog-btn.btn { min-height: 50px; margin-top: auto; padding: 15px 30px; font-size: 14px; line-height: 20px; }
.fl-blog-empty { grid-column: 1 / -1; }
@media (min-width: 1025px) {
  .fl-blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.fl-post { display: block; min-width: 0; }
.fl-post-top { position: relative; display: flex; align-items: center; justify-content: center; min-height: 300px; overflow: hidden; }
body.is-pub .fl-post-top { margin-top: -81px; }
body.is-app .fl-post-top { border-radius: 15px; }
.fl-post-img { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.fl-post-img img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; }
.fl-post-img:not(:has(img)) { background: linear-gradient(135deg, var(--surface-2) 0%, var(--sunk) 100%); opacity: 0.5; }
.fl-post-title { position: relative; z-index: 1; max-width: 831px; margin: 18.76px 0; padding: 0 5px; color: var(--text); font-size: 28px; font-weight: 700; line-height: 40px; text-align: center; overflow-wrap: anywhere; }
.fl-post-body { max-width: var(--fl-wrap); margin: 0 auto; padding: 80px calc(var(--fl-wrap-pad) - 5px + env(safe-area-inset-right)) 0 calc(var(--fl-wrap-pad) - 5px + env(safe-area-inset-left)); }
body.is-app .fl-post-body { max-width: none; padding: 0; }
.fl-read { margin: 20px 0; }
.fl-post-actions { margin: 0; }
.fl-post-actions .btn.btn-secondary { border: 0; background: var(--surface-2); color: var(--ink); }
.fl-post-actions .btn.btn-secondary:active { background: var(--brand); color: var(--on-brand); opacity: 1; }
@media (hover: hover) {
  .fl-post-actions .btn.btn-secondary:hover { background: var(--brand); color: var(--on-brand); opacity: 1; }
}
body[data-page="rankings"] .page-title::before { content: "\f22e"; flex-shrink: 0; font-family: "remixicon"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 20px; }
.svc-card .svc-buy { border: 0; border-radius: 10px; background: var(--surface-2); color: var(--ink); font-size: 13.3333px; font-weight: 500; }
.svc-card .svc-buy:active { background: var(--brand); color: var(--on-brand); }
@media (hover: hover) {
  .svc-card .svc-buy:hover { background: var(--brand); color: var(--on-brand); }
}
.svc-buybox, .land-hero, .land-sec, .land-faq, .svc-desc.box, .rk-hero { border-radius: 15px; }