/* ========================================================================== 1TrustFund — black and gold theme for the public pages Asset Injector CSS rule: "zz_gold_royal_theme" (loads after "bases"). Part 1 (this block): black page shell, hatom-style header + full-screen menu, buttons, footer, scroll effects. Part 2 (generated below): every coloured declaration of bases/responsive/path_user, re-coloured: glows (gradients, shadows) and primary buttons -> gold #E4CB91; platform green #00FF00 stays as the secondary colour (secondary buttons, badges, figures, accents); grey borders -> gold hairlines. Backgrounds stay black. Units: px only. ========================================================================== */ /* ---------- Page shell ---------- */ body.tf-page, body.path-user, body.page-node-type-page { background: #000000 !important; color: #F4EEE0; } body.tf-page #page, body.tf-page #page-wrapper, body.tf-page .dialog-off-canvas-main-canvas { background: #000000 !important; } /* ---------- Header ---------- */ body:not(.investors) header.header, body:not(.investors) header.header nav#navbar-main { background: rgba(0, 0, 0, .92) !important; border-bottom: 1px solid rgba(228, 203, 145, .14); } body:not(.investors) header.header .navbar-brand img { filter: none !important; } body:not(.investors) header.header .menucenter a { color: #DCE2F2 !important; transition: color .2s; } body:not(.investors) header.header .menucenter a:hover, body:not(.investors) header.header .menucenter a.is-active { color: #00FF00 !important; } /* hamburger: same lines and left-to-right drawer, gold instead of green/white */ body:not(.investors) header.header .navbar-toggler-icon::before, body:not(.investors) header.header .navbar-toggler-icon::after { background-color: #E4CB91 !important; } body:not(.investors) header.header .navbar-collapse { border-right-color: rgba(228, 203, 145, .25) !important; } /* ---------- Secondary buttons: platform green ---------- */ .tf-invest .invest-btn-ghost { color: #00FF00 !important; border-color: rgba(0, 255, 0, .55) !important; background: transparent !important; } .tf-invest .invest-btn-ghost:hover, .tf-invest .invest-btn-ghost:focus { border-color: #00FF00 !important; background: rgba(0, 255, 0, .08) !important; } body:not(.investors) header.header .block-menu ul li:not(:last-child) a { color: #00FF00 !important; border-color: rgba(0, 255, 0, .55) !important; } body:not(.investors) header.header .block-menu ul li:not(:last-child) a:hover, body:not(.investors) header.header .block-menu ul li:not(:last-child) a:focus { border-color: #00FF00 !important; background: rgba(0, 255, 0, .08) !important; } /* ---------- New footer ---------- */ .site-footer { background: #000000 !important; border-top: 1px solid rgba(228, 203, 145, .18); padding: 0 !important; } .site-footer .container { width: 100% !important; max-width: 1200px; } /* never wider than the phone screen (keeps pinch-zoom at its initial scale) */ html, body.tf-page { overflow-x: clip; } body.tf-page #page, body.tf-page .dialog-off-canvas-main-canvas { max-width: 100%; } .tf-foot { padding: 80px 0 28px; color: #C9CFDA; font-family: fira, "Helvetica Neue", Arial, sans-serif; } .tf-foot__top { display: grid; grid-template-columns: minmax(0, 2.2fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr); gap: 40px; padding-bottom: 48px; border-bottom: 1px solid rgba(228, 203, 145, .14); } .tf-foot__logo { font-family: machinasb, fira, sans-serif; font-weight: 700; font-size: 26px; line-height: 30px; color: #F4EEE0 !important; text-decoration: none !important; } .tf-foot__tagline { margin: 16px 0 0; font-size: 14px; line-height: 23px; color: #A7B0C8; max-width: 340px; } .tf-foot__cta { display: inline-flex; align-items: center; min-height: 44px; margin-top: 24px; padding: 0 20px; background: #E4CB91; color: #0A1640 !important; border-radius: 2px; font-size: 14px; font-weight: 600; text-decoration: none !important; transition: background-color .2s; } .tf-foot__cta:hover { background: #F2DFB0; } .tf-foot__title { margin: 0 0 18px !important; font-family: machinasb, fira, sans-serif !important; font-weight: 700 !important; font-size: 13px !important; line-height: 18px !important; letter-spacing: 1px !important; text-transform: uppercase; color: #E4CB91 !important; } .tf-foot ul { list-style: none; margin: 0; padding: 0; } .tf-foot li { margin: 0 0 10px; font-size: 14px; line-height: 21px; } .tf-foot li a, .tf-foot li span { color: #C9CFDA !important; text-decoration: none !important; transition: color .2s; } .tf-foot li a:hover { color: #00FF00 !important; } .tf-foot__social { display: flex; gap: 10px; margin-top: 16px; } .tf-foot__social a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; } .tf-foot__social img { width: 24px; height: 24px; object-fit: contain; filter: none !important; opacity: 1 !important; transform: none !important; } .tf-foot__coins { display: grid; gap: 10px; } .tf-foot__coin { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid rgba(228, 203, 145, .22); background: rgba(228, 203, 145, .04); border-radius: 2px; } .tf-foot__coin img { width: 30px; height: 30px; object-fit: contain; } .tf-foot__coin span { display: flex; flex-direction: column; } .tf-foot__coin b { font-size: 14px; line-height: 18px; color: #F4EEE0; } .tf-foot__coin small { font-size: 11px; line-height: 15px; color: #A7B0C8; } .tf-foot__risk { margin: 24px 0 0; font-size: 12px; line-height: 19px; color: #8E98AA; max-width: 860px; } .tf-foot__base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 20px; font-size: 12px; line-height: 18px; color: #8E98AA; } @media (max-width: 991px) { .tf-foot__top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; } .tf-foot__brand { grid-column: 1 / -1; } .tf-foot__deposits { grid-column: 1 / -1; } .tf-foot__coins { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 480px) { .tf-foot { padding: 56px 0 24px; } .tf-foot__base { flex-direction: column; } } /* ---------- Scroll experience on the other pages (same model as the homepage) ---------- */ html { scroll-behavior: smooth; } body.xs-ready:not(.investors) header.header { transition: background-color .35s ease, border-color .35s ease; } body.xs-ready.xs-scrolled:not(.investors) header.header { box-shadow: 0 10px 30px rgba(0, 0, 0, .6); border-bottom-color: rgba(228, 203, 145, .22) !important; } .xs-progress { position: fixed; left: 0; top: 0; z-index: 1000; height: 2px; width: 100%; background: linear-gradient(90deg, #C9A158, #E4CB91, #F6E3B4); transform-origin: 0 50%; transform: scaleX(0); pointer-events: none; } body.toolbar-fixed .xs-progress { top: 39px; } body.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .xs-progress { top: 79px; } .xs-reveal { opacity: 0; transform: translateY(36px); transition: opacity .9s cubic-bezier(.2, .8, .2, 1), transform .9s cubic-bezier(.2, .8, .2, 1); will-change: opacity, transform; } .xs-reveal.xs-in { opacity: 1; transform: none; } .xs-reveal .xs-w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 4px; margin-bottom: -4px; } .xs-reveal .xs-w > span { display: inline-block; transform: translateY(105%); transition: transform .9s cubic-bezier(.2, .8, .2, 1); transition-delay: calc(var(--i) * 40ms + 120ms); } .xs-reveal.xs-in .xs-w > span { transform: none; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .xs-reveal, .xs-reveal .xs-w > span { opacity: 1 !important; transform: none !important; transition: none !important; } } /* ---- sticky header on every public page, like the homepage ---- */ body.tf-page:not(.xo-page):not(.investors) header.header { position: sticky !important; top: 0; z-index: 600 !important; } body.tf-page.toolbar-fixed:not(.xo-page):not(.investors) header.header { top: 39px !important; } body.tf-page.toolbar-fixed.toolbar-tray-open.toolbar-horizontal:not(.xo-page):not(.investors) header.header { top: 79px !important; } body.tf-page:not(.xo-page) #page { overflow: visible !important; } /* ---------- Brand tokens ---------- */ :root { --tf-gold: #E4CB91; --tf-gold-deep: #C9A158; --tf-lime: #00FF00; --tf-ivory: #F4EEE0; --tf-text: #C9CFDA; --tf-mute: #8E98AA; --tf-display: machinasb, fira, sans-serif; --tf-top: 0px; } body.toolbar-fixed { --tf-top: 39px; } body.toolbar-fixed.toolbar-tray-open.toolbar-horizontal { --tf-top: 79px; } /* ---------- Buttons: primary = ENTER style (homepage loader), secondary = lime outline ---------- */ .tf-enter, .tf-line { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 28px; border-radius: 2px; background: transparent; font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: 4px; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: background-color .25s, color .25s, border-color .25s, box-shadow .25s; } .tf-enter { border: 1px solid rgba(228, 203, 145, .45); color: var(--tf-gold) !important; box-shadow: 0 0 0 4px rgba(228, 203, 145, .06); } .tf-enter:hover, .tf-enter:focus-visible { background: var(--tf-gold); border-color: var(--tf-gold); color: #0B0904 !important; box-shadow: 0 0 28px rgba(228, 203, 145, .28); } .tf-line { border: 1px solid rgba(0, 255, 0, .5); color: var(--tf-lime) !important; } .tf-line:hover, .tf-line:focus-visible { background: rgba(0, 255, 0, .08); border-color: var(--tf-lime); } .tf-enter--sm { min-height: 40px; padding: 0 18px; font-size: 11px; letter-spacing: 3px; } .tf-label { display: inline-block; padding: 4px 9px; border-radius: 2px; background: var(--tf-lime); color: #0B0F00 !important; font-size: 11px; font-weight: 600; line-height: 14px; letter-spacing: 1.5px; text-transform: uppercase; } /* every primary button of the platform takes the ENTER style */ body.tf-page .tf-invest .invest-btn-primary, body.tf-page .tf-foot__cta, body.tf-page form .form-submit:not(.button--danger), body.tf-page form .button--primary, body.tf-page #edit-submit, body.tf-page a.btn, body.tf-page button.btn, body.tf-page .tf-xo .xo-actions .xo-btn--gold { display: inline-flex !important; align-items: center; justify-content: center; min-height: 50px !important; height: auto !important; padding: 0 28px !important; border-radius: 2px !important; border: 1px solid rgba(228, 203, 145, .45) !important; background: transparent !important; background-image: none !important; color: #E4CB91 !important; box-shadow: 0 0 0 4px rgba(228, 203, 145, .06) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 16px !important; letter-spacing: 4px !important; text-transform: uppercase !important; text-decoration: none !important; transition: background-color .25s, color .25s, border-color .25s, box-shadow .25s !important; } body.tf-page .tf-invest .invest-btn-primary:hover, body.tf-page .tf-foot__cta:hover, body.tf-page form .form-submit:not(.button--danger):hover, body.tf-page form .button--primary:hover, body.tf-page #edit-submit:hover, body.tf-page a.btn:hover, body.tf-page button.btn:hover, body.tf-page .tf-xo .xo-actions .xo-btn--gold:hover { background: #E4CB91 !important; border-color: #E4CB91 !important; color: #0B0904 !important; box-shadow: 0 0 28px rgba(228, 203, 145, .28) !important; } /* secondary buttons: same typography, lime outline */ body.tf-page .tf-invest .invest-btn-ghost, body.tf-page .tf-load-more, body.tf-page .tf-xo .xo-actions .xo-btn--line { display: inline-flex !important; align-items: center; justify-content: center; min-height: 50px !important; padding: 0 28px !important; border-radius: 2px !important; border: 1px solid rgba(0, 255, 0, .5) !important; background: transparent !important; color: #00FF00 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 16px !important; letter-spacing: 4px !important; text-transform: uppercase !important; text-decoration: none !important; } body.tf-page .tf-invest .invest-btn-ghost:hover, body.tf-page .tf-load-more:hover, body.tf-page .tf-xo .xo-actions .xo-btn--line:hover { background: rgba(0, 255, 0, .08) !important; border-color: #00FF00 !important; } @media (max-width: 480px) { body.tf-page .tf-invest .invest-btn-primary, body.tf-page .tf-invest .invest-btn-ghost, body.tf-page .tf-xo .xo-actions .xo-btn--gold, body.tf-page .tf-xo .xo-actions .xo-btn--line, body.tf-page form .form-submit, body.tf-page #edit-submit { padding: 0 20px !important; letter-spacing: 3px !important; font-size: 12px !important; } } /* ---------- Header (hatom-style) ---------- */ body.tfh-on:not(.investors) header.header { display: none !important; } .tfh { position: fixed; top: var(--tf-top); left: 0; right: 0; z-index: 800; display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 84px; padding: 0 48px; background: transparent; border-bottom: 1px solid transparent; transition: background-color .35s, border-color .35s, height .35s; } .tfh.is-scrolled { height: 68px; background: rgba(0, 0, 0, .9); border-bottom-color: rgba(228, 203, 145, .14); } .tfh__brand { font-family: var(--tf-display); font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: .5px; color: var(--tf-ivory) !important; text-decoration: none !important; } .tfh__brand:hover { color: var(--tf-gold) !important; } .tfh__right { display: flex; align-items: center; gap: 28px; } .tfh__link { font-size: 11px; line-height: 14px; letter-spacing: 2px; text-transform: uppercase; color: var(--tf-ivory) !important; text-decoration: none !important; opacity: .8; transition: opacity .2s, color .2s; } .tfh__link:hover { opacity: 1; color: var(--tf-lime) !important; } .tfh__toggle { display: inline-flex; align-items: center; gap: 12px; height: 40px; padding: 0; margin: 0; border: 0; background: none; color: var(--tf-ivory); cursor: pointer; } .tfh__label { position: relative; padding-bottom: 6px; font-size: 11px; line-height: 14px; letter-spacing: 3px; text-transform: uppercase; } .tfh__label::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--tf-gold); transform-origin: 0 50%; transition: transform .35s; } .tfh__toggle:hover .tfh__label::after { transform: scaleX(.4); } .tfh__lines { position: relative; width: 22px; height: 10px; } .tfh__lines::before, .tfh__lines::after { content: ""; position: absolute; left: 0; height: 1.5px; background: var(--tf-gold); transition: transform .35s, width .35s, top .35s; } .tfh__lines::before { top: 0; width: 22px; } .tfh__lines::after { top: 8px; width: 14px; } body.tfh-open .tfh__lines::before { top: 4px; transform: rotate(45deg); } body.tfh-open .tfh__lines::after { top: 4px; width: 22px; transform: rotate(-45deg); } body.tfh-open .tfh { background: transparent; border-bottom-color: transparent; z-index: 1010; } body.tfh-open .tfh__cta, body.tfh-open .tfh__link { opacity: 0; pointer-events: none; } body.tfh-open { overflow: hidden; } body.tfh-open .xo-cursor { display: none !important; } /* ---------- Full-screen menu: opens from left to right ---------- */ .tfh-menu { position: fixed; inset: 0; top: var(--tf-top); z-index: 1005; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); grid-template-rows: 1fr auto; gap: 0 64px; padding: 120px 48px 40px 120px; background: #000; overflow-y: auto; clip-path: inset(0 100% 0 0); visibility: hidden; transition: clip-path .7s cubic-bezier(.7, 0, .2, 1), visibility 0s linear .7s; } body.tfh-open .tfh-menu { clip-path: inset(0 0 0 0); visibility: visible; transition: clip-path .7s cubic-bezier(.7, 0, .2, 1), visibility 0s; } .tfh-menu__glow { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(700px 520px at 72% 18%, rgba(228, 203, 145, .16), rgba(0, 0, 0, 0) 70%), radial-gradient(600px 420px at 10% 100%, rgba(201, 161, 88, .10), rgba(0, 0, 0, 0) 70%); } .tfh-menu__nav { position: relative; align-self: center; } .tfh-menu__nav ol { list-style: none; margin: 0; padding: 0; } .tfh-menu__nav li { overflow: hidden; } .tfh-menu__link { position: relative; display: inline-flex; align-items: flex-start; gap: 18px; padding: 2px 0; font-family: var(--tf-display); font-weight: 700; font-size: 46px; line-height: 65px; letter-spacing: -.5px; text-transform: uppercase; color: var(--tf-ivory) !important; text-decoration: none !important; transform: translateY(105%); transition: transform .8s cubic-bezier(.2, .8, .2, 1), color .25s, opacity .25s; transition-delay: calc(var(--i) * 45ms + 200ms), 0s, 0s; } body.tfh-open .tfh-menu__link { transform: none; } .tfh-menu__link small { margin-top: 12px; font-size: 11px; font-weight: 500; line-height: 14px; letter-spacing: 1px; color: var(--tf-mute); } .tfh-menu__link span { position: relative; transition: transform .35s cubic-bezier(.2, .8, .2, 1); } .tfh-menu__link span::before { content: ""; position: absolute; left: -34px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-top: 2px solid var(--tf-lime); border-right: 2px solid var(--tf-lime); transform: rotate(45deg) scale(0); transition: transform .3s; } .tfh-menu__nav ol:hover .tfh-menu__link { opacity: .35; } .tfh-menu__nav ol:hover .tfh-menu__link:hover, .tfh-menu__link:focus-visible { opacity: 1; color: var(--tf-lime) !important; outline: none; } .tfh-menu__link:hover span, .tfh-menu__link:focus-visible span { transform: translateX(26px); } .tfh-menu__link:hover span::before, .tfh-menu__link:focus-visible span::before { transform: rotate(45deg) scale(1); } .tfh-menu__link.is-current { color: var(--tf-gold) !important; } .tfh-menu__side { position: relative; align-self: center; display: flex; flex-direction: column; align-items: flex-start; gap: 22px; max-width: 360px; opacity: 0; transform: translateY(20px); transition: opacity .6s .45s, transform .6s .45s; } body.tfh-open .tfh-menu__side { opacity: 1; transform: none; } .tfh-menu__side p { margin: 0; font-family: fira, "Helvetica Neue", Arial, sans-serif; font-size: 17px; line-height: 28px; color: var(--tf-ivory); } .tfh-menu__actions { display: flex; flex-wrap: wrap; gap: 12px; } .tfh-menu__foot { position: relative; grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; padding-top: 24px; border-top: 1px solid rgba(228, 203, 145, .14); font-size: 12px; line-height: 18px; color: var(--tf-mute); } .tfh-menu__foot a { color: var(--tf-text) !important; text-decoration: none !important; } .tfh-menu__foot a:hover { color: var(--tf-lime) !important; } .tfh-menu__social { display: flex; gap: 10px; margin-left: auto; } .tfh-menu__social a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; } .tfh-menu__social img { width: 24px; height: 24px; object-fit: contain; filter: none !important; } @media (max-height: 760px) and (min-width: 901px) { .tfh-menu { padding-top: 96px; } .tfh-menu__link { font-size: 50px; line-height: 56px; } } @media (max-width: 1100px) { .tfh-menu { padding-left: 80px; } .tfh-menu__link { font-size: 52px; line-height: 58px; } } @media (max-width: 900px) { .tfh { height: 68px; padding: 0 20px; } .tfh.is-scrolled { height: 60px; } .tfh__link { display: none; } .tfh__right { gap: 16px; } .tfh-menu { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 36px; padding: 96px 24px 32px 48px; align-content: start; } .tfh-menu__nav, .tfh-menu__side { align-self: start; } .tfh-menu__link { font-size: 38px; line-height: 46px; gap: 12px; } .tfh-menu__link small { margin-top: 6px; } .tfh-menu__side p { font-size: 15px; line-height: 24px; } .tfh-menu__social { margin-left: 0; } } @media (max-width: 480px) { .tfh__brand { font-size: 17px; } .tfh__cta { display: none; } .tfh-menu { padding: 88px 20px 28px 40px; } .tfh-menu__link { font-size: 26px; line-height: 34px; } .tfh-menu__link span::before { left: -26px; width: 9px; height: 9px; margin-top: -5px; } .tfh-menu__link:hover span, .tfh-menu__link:focus-visible span { transform: translateX(18px); } .tfh-menu__actions { width: 100%; } .tfh-menu__actions a { flex: 1 1 100%; } } @media (prefers-reduced-motion: reduce) { .tfh-menu, .tfh-menu__link, .tfh-menu__side { transition: none !important; } } /* ---------- Page top: content starts under the fixed header, one glow aligned on the very top ---------- */ body.tf-page:not(.xo-page) #page { position: relative; } body.tf-page:not(.xo-page) #page::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 760px; z-index: 0; pointer-events: none; background: radial-gradient(900px 560px at 50% 0, rgba(0, 255, 0, .11), rgba(0, 255, 0, .03) 45%, rgba(0, 0, 0, 0) 72%); } body.tf-page:not(.xo-page) #page > * { position: relative; z-index: 1; } body.tf-page:not(.xo-page) #page > .highlighted, body.tf-page:not(.xo-page) #page > .featured-top, body.tf-page:not(.xo-page) #page > .layout-main-wrapper, body.tf-page:not(.xo-page) #main-wrapper, body.tf-page:not(.xo-page) #main, body.tf-page:not(.xo-page) .main-content, body.tf-page:not(.xo-page) .region-content { background-color: transparent !important; } body.tf-page:not(.xo-page) #main-wrapper { background-image: none !important; } body.tf-page:not(.xo-page) .layout-main-wrapper, body.tf-page:not(.xo-page) .invest-hero { background-image: none !important; } body.tfh-on:not(.xo-page) #main-wrapper { padding-top: 84px; } @media (max-width: 900px) { body.tfh-on:not(.xo-page) #main-wrapper { padding-top: 68px; } } /* ---------- Form pages (contact, register, login, password) ---------- */ body.tf-page--form .loginlogoutzone .logzone2 { padding-top: 150px !important; } body.tf-page--form .loginlogoutzone .logzone2 { background-image: radial-gradient(60% 420px at 50% 0, rgba(0, 255, 0, .11), rgba(0, 0, 0, 0) 70%) !important; } body.tf-page--form .loginlogoutzone .logzone2 #content h1 { font-family: machinasb, fira, sans-serif !important; font-size: 40px !important; line-height: 44px !important; letter-spacing: -.5px; text-transform: uppercase; color: #F4EEE0 !important; } body.tf-page--form .loginlogoutzone .logzone2 #content .line a { color: #00FF00 !important; } body.tf-page--form .loginlogoutzone form, body.tf-page--form .loginlogoutzone .content-main { border-radius: 2px !important; } body.tf-page--form .loginlogoutzone form input[type=text], body.tf-page--form .loginlogoutzone form input[type=email], body.tf-page--form .loginlogoutzone form input[type=password] { min-height: 52px; border: 1px solid rgba(228, 203, 145, .25) !important; border-radius: 2px !important; background-color: #050505 !important; color: #F4EEE0 !important; box-shadow: none !important; } body.tf-page--form .loginlogoutzone form input:focus { border-color: #E4CB91 !important; box-shadow: 0 0 0 3px rgba(228, 203, 145, .12) !important; } body.tf-page--form .loginlogoutzone #edit-actions #edit-submit, body.tf-page--form .loginlogoutzone .form-submit { width: 100%; } @media (max-width: 900px) { body.tf-page--form .loginlogoutzone .logzone2 { padding-top: 110px !important; } body.tf-page--form .loginlogoutzone .logzone2 #content h1 { font-size: 30px !important; line-height: 34px !important; } } .tfh__toggle:focus:not(:focus-visible) { outline: none; } .tfh__toggle:focus-visible { outline: 1px solid var(--tf-gold); outline-offset: 6px; } @media (max-width: 1170px) { body.path-contact #main-wrapper .container { max-width: 100% !important; } } /* long menus (investor space): smaller big links */ .tfh-menu--long .tfh-menu__link { font-size: 44px; line-height: 50px; } .tfh-menu__side p.tfh-menu__welcome { font-family: machinasb, fira, sans-serif; font-size: 26px; line-height: 30px; text-transform: uppercase; color: var(--tf-gold); } @media (max-height: 760px) and (min-width: 901px) { .tfh-menu--long .tfh-menu__link { font-size: 36px; line-height: 42px; } } @media (max-width: 900px) { .tfh-menu--long .tfh-menu__link { font-size: 28px; line-height: 36px; } } @media (max-width: 480px) { .tfh-menu--long .tfh-menu__link { font-size: 24px; line-height: 32px; } } /* ========================================================================== Public pages — same language as the homepage (hatom-style): uppercase display titles, readable sans body copy, gold hairlines, square corners, primary = ENTER style (gold outline), secondary / labels = lime #00FF00. Scope: .tf-invest blocks on every public page except the homepage. Units: px only. ========================================================================== */ body.tf-page:not(.xo-page) .tf-invest { --tfi-bg: #000000; --tfi-surface: rgba(255, 255, 255, .02); --tfi-surface-2: rgba(255, 255, 255, .035); --tfi-border: rgba(228, 203, 145, .14); --tfi-border-soft: rgba(228, 203, 145, .1); --tfi-text: #F4EEE0; --tfi-muted: #A7B0C8; --tfi-accent: #00FF00; --tfi-accent-dim: rgba(0, 255, 0, .1); --tf-sans: fira, "Helvetica Neue", Arial, sans-serif; background: transparent !important; color: #C9CFDA; font-family: var(--tf-sans); } body.tf-page:not(.xo-page) .tf-invest p, body.tf-page:not(.xo-page) .tf-invest li, body.tf-page:not(.xo-page) .tf-invest .accordion-body { font-family: var(--tf-sans); } /* ---------- Hero ---------- */ body.tf-page:not(.xo-page) .tf-invest .invest-hero { padding: 96px 0 72px !important; background: transparent !important; } body.tf-page:not(.xo-page) .tf-invest .invest-hero::before, body.tf-page:not(.xo-page) .tf-invest .invest-hero::after { display: none !important; } body.tf-page:not(.xo-page) .tf-invest .invest-hero-title { width: auto !important; max-width: 1120px !important; margin: 0 0 28px !important; font-family: machinasb, fira, sans-serif !important; font-weight: 700; font-size: 72px !important; line-height: 74px !important; letter-spacing: -1.5px; text-transform: uppercase; color: #F4EEE0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-hero-sub { max-width: 640px; font-size: 19px !important; line-height: 31px !important; color: #C9CFDA !important; } body.tf-page:not(.xo-page) .tf-invest .invest-hero-note, body.tf-page:not(.xo-page) .tf-invest .invest-disclaimer, body.tf-page:not(.xo-page) .tf-invest .invest-muted { font-size: 13px !important; line-height: 21px !important; color: #8E98AA !important; } body.tf-page:not(.xo-page) .tf-invest .invest-actions { gap: 14px !important; margin-top: 36px !important; } /* labels (hatom tag) */ body.tf-page:not(.xo-page) .tf-invest .invest-eyebrow, body.tf-page:not(.xo-page) .tf-invest .invest-tag:not(.invest-tag-warn) { display: inline-block; margin-bottom: 26px; padding: 4px 9px !important; border: 0 !important; border-radius: 2px !important; background: #00FF00 !important; color: #0B0F00 !important; font-size: 11px !important; font-weight: 600 !important; line-height: 14px !important; letter-spacing: 1.5px !important; text-transform: uppercase; box-shadow: none !important; } body.tf-page:not(.xo-page) .tf-invest .invest-tag { margin-bottom: 0; } body.tf-page:not(.xo-page) .tf-invest .invest-tag-warn { border-radius: 2px !important; font-size: 11px !important; letter-spacing: 1px; } /* ---------- Sections ---------- */ body.tf-page:not(.xo-page) .tf-invest > section:not(.invest-hero), body.tf-page:not(.xo-page) .tf-invest section.invest-minute, body.tf-page:not(.xo-page) .tf-invest section.invest-how, body.tf-page:not(.xo-page) .tf-invest section.invest-plans { padding-top: 100px !important; padding-bottom: 20px !important; background: transparent !important; } body.tf-page:not(.xo-page) .tf-invest .invest-title { margin: 0 0 18px !important; max-width: 900px; font-family: machinasb, fira, sans-serif !important; font-weight: 700; font-size: 50px !important; line-height: 52px !important; letter-spacing: -1px; text-transform: uppercase; color: #F4EEE0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sub { max-width: 620px; margin-bottom: 44px !important; font-size: 17px !important; line-height: 28px !important; color: #A7B0C8 !important; } /* ---------- Cards ---------- */ body.tf-page:not(.xo-page) .tf-invest .invest-grid { gap: 1px !important; background: rgba(228, 203, 145, .14); border: 1px solid rgba(228, 203, 145, .14); } body.tf-page:not(.xo-page) .tf-invest .invest-card { position: relative; padding: 34px 30px 36px !important; border: 0 !important; border-radius: 0 !important; background: #050505 !important; box-shadow: none !important; transition: background-color .3s; } body.tf-page:not(.xo-page) .tf-invest .invest-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: #E4CB91; transform: scaleX(0); transform-origin: 0 50%; transition: transform .5s cubic-bezier(.2, .8, .2, 1); } body.tf-page:not(.xo-page) .tf-invest .invest-card:hover { background: #0B0906 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-card:hover::before { transform: none; } body.tf-page:not(.xo-page) .tf-invest .invest-card-accent { background: rgba(0, 255, 0, .03) !important; } body.tf-page:not(.xo-page) .tf-invest .invest-card-title { margin: 0 0 12px !important; font-family: machinasb, fira, sans-serif !important; font-weight: 700; font-size: 19px !important; line-height: 25px !important; color: #F4EEE0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-card-text, body.tf-page:not(.xo-page) .tf-invest .invest-card p { font-size: 15px !important; line-height: 26px !important; color: #C9CFDA !important; } body.tf-page:not(.xo-page) .tf-invest .invest-num-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 26px; margin-bottom: 26px !important; padding: 0 6px !important; border: 1px solid rgba(0, 255, 0, .5) !important; border-radius: 2px !important; background: transparent !important; color: #00FF00 !important; font-size: 12px !important; letter-spacing: 1px; } /* stats row */ body.tf-page:not(.xo-page) .tf-invest .invest-stats { gap: 0 !important; border-top: 1px solid rgba(228, 203, 145, .2); border-bottom: 1px solid rgba(228, 203, 145, .2); background: transparent !important; border-radius: 0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-stat { padding: 24px 22px !important; border: 0 !important; border-right: 1px solid rgba(228, 203, 145, .14) !important; border-radius: 0 !important; background: transparent !important; } body.tf-page:not(.xo-page) .tf-invest .invest-stat:last-child { border-right: 0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-stat-label { font-size: 11px !important; letter-spacing: 1.5px; text-transform: uppercase; color: #00FF00 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-stat-value { font-family: machinasb, fira, sans-serif !important; font-size: 22px !important; color: #F4EEE0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-stat-hint { font-size: 13px !important; line-height: 20px !important; color: #A7B0C8 !important; } /* callouts, panels, examples */ body.tf-page:not(.xo-page) .tf-invest .invest-callout, body.tf-page:not(.xo-page) .tf-invest .invest-panel, body.tf-page:not(.xo-page) .tf-invest .invest-example, body.tf-page:not(.xo-page) .tf-invest .invest-risk, body.tf-page:not(.xo-page) .tf-invest .invest-split { border: 1px solid rgba(228, 203, 145, .14) !important; border-radius: 2px !important; background: rgba(255, 255, 255, .02) !important; box-shadow: none !important; } body.tf-page:not(.xo-page) .tf-invest .invest-callout { padding: 22px 26px !important; border-left: 2px solid #00FF00 !important; background: rgba(0, 255, 0, .04) !important; font-size: 16px !important; line-height: 27px !important; color: #F4EEE0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-risk { border-left: 2px solid #FF6B5E !important; } /* text never glued to an accent border */ .tf-invest .invest-risk { padding-left: 15px !important; } .tf-invest .invest-callout, .tf-invest [class*="callout"], .tf-invest [class*="note"][style*="border-left"] { padding-left: 15px; } body.tf-page:not(.xo-page) .tf-invest .invest-split-part { border-radius: 2px !important; } /* CTA panel (keeps its gold glow, aligned on its top edge) */ body.tf-page:not(.xo-page) .tf-invest .invest-cta-panel { border: 1px solid rgba(228, 203, 145, .2) !important; border-radius: 2px !important; padding: 72px 40px !important; background: radial-gradient(70% 140% at 50% 0, rgba(228, 203, 145, .16), rgba(0, 0, 0, 0) 70%), #030303 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-cta-title { font-family: machinasb, fira, sans-serif !important; font-size: 44px !important; line-height: 46px !important; letter-spacing: -1px; text-transform: uppercase; color: #F4EEE0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-cta-text { font-size: 17px !important; line-height: 28px !important; color: #C9CFDA !important; } /* ---------- Tables (like the homepage pack table) ---------- */ body.tf-page:not(.xo-page) .tf-invest .invest-table-scroll { border: 0 !important; border-top: 1px solid rgba(228, 203, 145, .45) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; } body.tf-page:not(.xo-page) .tf-invest table.invest-table { width: 100%; border-collapse: collapse !important; background: transparent !important; } body.tf-page:not(.xo-page) .tf-invest table.invest-table th, body.tf-page:not(.xo-page) .tf-invest table.invest-table td { padding: 18px 20px !important; border: 0 !important; border-bottom: 1px solid rgba(228, 203, 145, .14) !important; background: transparent !important; vertical-align: middle; } body.tf-page:not(.xo-page) .tf-invest table.invest-table thead th { padding-top: 16px !important; padding-bottom: 16px !important; font-size: 11px !important; font-weight: 500 !important; line-height: 15px !important; letter-spacing: 1.5px; text-transform: uppercase; color: #8E98AA !important; } body.tf-page:not(.xo-page) .tf-invest table.invest-table td { font-size: 15px !important; line-height: 22px !important; color: #C9CFDA !important; } body.tf-page:not(.xo-page) .tf-invest table.invest-table td.invest-num, body.tf-page:not(.xo-page) .tf-invest table.invest-table .invest-num { font-variant-numeric: tabular-nums; color: #E4CB91 !important; } body.tf-page:not(.xo-page) .tf-invest table.invest-table .invest-up { color: #00FF00 !important; } body.tf-page:not(.xo-page) .tf-invest table.invest-table .invest-plan-name { font-family: machinasb, fira, sans-serif !important; font-weight: 700; font-size: 15px !important; letter-spacing: 1px; color: #F4EEE0 !important; } body.tf-page:not(.xo-page) .tf-invest table.invest-table tbody tr { transition: background-color .2s; } body.tf-page:not(.xo-page) .tf-invest table.invest-table tbody tr:hover { background: rgba(228, 203, 145, .045) !important; } body.tf-page:not(.xo-page) .tf-invest table.invest-table tbody td:first-child { color: #F4EEE0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-glossary td:first-child { width: 30%; font-family: machinasb, fira, sans-serif !important; font-size: 15px !important; color: #E4CB91 !important; } /* ---------- FAQ (accordion) ---------- */ body.tf-page:not(.xo-page) .tf-invest .invest-accordion { border-top: 1px solid rgba(228, 203, 145, .3); background: transparent !important; } body.tf-page:not(.xo-page) .tf-invest .invest-accordion .accordion-item { border: 0 !important; border-bottom: 1px solid rgba(228, 203, 145, .14) !important; border-radius: 0 !important; background: transparent !important; } body.tf-page:not(.xo-page) .tf-invest .invest-accordion .accordion-button { padding: 26px 56px 26px 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-family: machinasb, fira, sans-serif !important; font-size: 20px !important; line-height: 28px !important; color: #F4EEE0 !important; transition: color .2s; } body.tf-page:not(.xo-page) .tf-invest .invest-accordion .accordion-button:hover, body.tf-page:not(.xo-page) .tf-invest .invest-accordion .accordion-button:not(.collapsed) { color: #00FF00 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-accordion .accordion-button::after { width: 18px !important; height: 18px !important; background: none !important; content: "+" !important; font-size: 24px; line-height: 18px; color: #00FF00 !important; opacity: 1 !important; filter: none !important; transform: none !important; transition: transform .3s !important; } body.tf-page:not(.xo-page) .tf-invest .invest-accordion .accordion-button:not(.collapsed)::after { transform: rotate(45deg) !important; } body.tf-page:not(.xo-page) .tf-invest .invest-accordion .accordion-body { padding: 0 56px 28px 0 !important; font-size: 16px !important; line-height: 28px !important; color: #C9CFDA !important; max-width: 820px; } /* ---------- Legal pages: comfortable reading column ---------- */ body.tf-page:not(.xo-page) .tf-invest .invest-legal, body.tf-page:not(.xo-page) .tf-invest .invest-legal-section { max-width: 820px; } body.tf-page:not(.xo-page) .tf-invest .invest-legal-section h2, body.tf-page:not(.xo-page) .tf-invest .invest-legal-section h3 { font-family: machinasb, fira, sans-serif !important; font-size: 22px !important; line-height: 30px !important; color: #F4EEE0 !important; margin-top: 44px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-legal-section p, body.tf-page:not(.xo-page) .tf-invest .invest-legal-section li { font-size: 16px !important; line-height: 28px !important; color: #C9CFDA !important; } body.tf-page:not(.xo-page) .tf-invest .invest-toc a { color: #C9CFDA !important; } body.tf-page:not(.xo-page) .tf-invest .invest-toc a:hover { color: #00FF00 !important; } body.tf-page:not(.xo-page) .tf-invest a:not([class]) { color: #E4CB91; text-decoration: none; border-bottom: 1px solid rgba(228, 203, 145, .35); } body.tf-page:not(.xo-page) .tf-invest a:not([class]):hover { color: #00FF00; border-bottom-color: #00FF00; } /* ---------- Simulator (page /simulation): same look as on the homepage ---------- */ body.tf-page:not(.xo-page) [data-tf-sim], body.tf-page:not(.xo-page) .tf-invest .invest-mock { border: 1px solid rgba(228, 203, 145, .16) !important; border-top: 1px solid #C9A158 !important; border-radius: 2px !important; background: rgba(255, 255, 255, .015) !important; box-shadow: none !important; } body.tf-page:not(.xo-page) .tf-invest .invest-mock-head { padding: 18px 24px !important; border-bottom: 1px solid rgba(228, 203, 145, .16) !important; background: transparent !important; } body.tf-page:not(.xo-page) .tf-invest .invest-mock-title { font-family: machinasb, fira, sans-serif !important; font-size: 15px !important; letter-spacing: 1px; text-transform: uppercase; color: #F4EEE0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-mock .invest-tag { background: #E4CB91 !important; color: #0B0904 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sim-label { font-size: 11px !important; letter-spacing: 1.5px !important; text-transform: uppercase; color: #8E98AA !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sim-amount, body.tf-page:not(.xo-page) .tf-invest .invest-sim select { background: #050505 !important; border: 1px solid rgba(228, 203, 145, .28) !important; border-radius: 2px !important; color: #F4EEE0 !important; box-shadow: none !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sim-amount span { color: #E4CB91 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sim input[type=number] { background: transparent !important; border: 0 !important; color: #F4EEE0 !important; box-shadow: none !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sim-plan, body.tf-page:not(.xo-page) .tf-invest .invest-sim-plan > span { background: transparent !important; border-color: rgba(228, 203, 145, .16) !important; border-radius: 2px !important; box-shadow: none !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sim-plan:has(input:checked), body.tf-page:not(.xo-page) .tf-invest .invest-sim-plan input:checked + span { border-color: #E4CB91 !important; background: rgba(228, 203, 145, .1) !important; box-shadow: inset 0 0 0 1px #E4CB91 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sim-plan b { font-family: machinasb, fira, sans-serif !important; color: #F4EEE0 !important; letter-spacing: 1px; } body.tf-page:not(.xo-page) .tf-invest .invest-sim-plan:has(input:checked) b { color: #E4CB91 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sim-plan small { color: #8E98AA !important; } body.tf-page:not(.xo-page) .tf-invest .invest-tile { background: rgba(255, 255, 255, .02) !important; border: 1px solid rgba(228, 203, 145, .14) !important; border-radius: 2px !important; box-shadow: none !important; } body.tf-page:not(.xo-page) .tf-invest .invest-tile span { font-size: 11px !important; letter-spacing: 1px; text-transform: uppercase; color: #8E98AA !important; } body.tf-page:not(.xo-page) .tf-invest .invest-tile b { color: #F4EEE0 !important; font-weight: 500 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-tile-key { border-color: rgba(0, 255, 0, .45) !important; background: rgba(0, 255, 0, .05) !important; } body.tf-page:not(.xo-page) .tf-invest .invest-tile-key b { color: #00FF00 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-sim-note { color: #8E98AA !important; border-color: rgba(228, 203, 145, .14) !important; background: transparent !important; font-size: 12px !important; line-height: 19px !important; } /* ---------- Forms (contact, register, password) ---------- */ body.tf-page:not(.xo-page) #main-wrapper form label { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #8E98AA; } body.tf-page:not(.xo-page) #main-wrapper form input[type=text], body.tf-page:not(.xo-page) #main-wrapper form input[type=email], body.tf-page:not(.xo-page) #main-wrapper form input[type=password], body.tf-page:not(.xo-page) #main-wrapper form input[type=tel], body.tf-page:not(.xo-page) #main-wrapper form textarea, body.tf-page:not(.xo-page) #main-wrapper form select { min-height: 52px; border: 1px solid rgba(228, 203, 145, .25) !important; border-radius: 2px !important; background: #050505 !important; color: #F4EEE0 !important; box-shadow: none !important; font-size: 16px; } body.tf-page:not(.xo-page) #main-wrapper form input:focus, body.tf-page:not(.xo-page) #main-wrapper form textarea:focus, body.tf-page:not(.xo-page) #main-wrapper form select:focus { border-color: #E4CB91 !important; outline: 0; box-shadow: 0 0 0 3px rgba(228, 203, 145, .12) !important; } /* ---------- Responsive ---------- */ @media (max-width: 991px) { body.tf-page:not(.xo-page) .tf-invest .invest-hero-title { font-size: 54px !important; line-height: 56px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-title { font-size: 38px !important; line-height: 41px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-stat { border-right: 0 !important; border-bottom: 1px solid rgba(228, 203, 145, .14) !important; } } @media (max-width: 600px) { body.tf-page:not(.xo-page) .tf-invest .invest-hero { padding: 56px 0 48px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-hero-title { font-size: 38px !important; line-height: 40px !important; letter-spacing: -.5px; margin-bottom: 20px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-hero-sub { font-size: 16px !important; line-height: 27px !important; } body.tf-page:not(.xo-page) .tf-invest > section:not(.invest-hero), body.tf-page:not(.xo-page) .tf-invest section.invest-minute, body.tf-page:not(.xo-page) .tf-invest section.invest-how, body.tf-page:not(.xo-page) .tf-invest section.invest-plans { padding-top: 64px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-title { font-size: 29px !important; line-height: 32px !important; letter-spacing: -.5px; } body.tf-page:not(.xo-page) .tf-invest .invest-sub { font-size: 15px !important; line-height: 25px !important; margin-bottom: 30px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-card { padding: 26px 22px 28px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-actions { flex-direction: column; align-items: stretch !important; } body.tf-page:not(.xo-page) .tf-invest .invest-actions a { width: 100%; } body.tf-page:not(.xo-page) .tf-invest table.invest-table th, body.tf-page:not(.xo-page) .tf-invest table.invest-table td { padding: 14px 14px !important; font-size: 14px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; } body.tf-page:not(.xo-page) .tf-invest .invest-accordion .accordion-button { font-size: 17px !important; line-height: 24px !important; padding: 20px 40px 20px 0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-accordion .accordion-body { padding-right: 0 !important; font-size: 15px !important; line-height: 26px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-cta-panel { padding: 48px 22px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-cta-title { font-size: 30px !important; line-height: 33px !important; } } /* ---------- Performance chart (tf-evo): lime total, gold BUY, ivory SELL ---------- */ body.tf-page:not(.xo-page) .tf-evo { border-radius: 2px !important; border-color: rgba(228, 203, 145, .16) !important; background: rgba(255, 255, 255, .015) !important; } body.tf-page:not(.xo-page) .tf-evo [stroke="#48ff91"] { stroke: #00FF00; } body.tf-page:not(.xo-page) .tf-evo [fill="#48ff91"] { fill: #00FF00; } body.tf-page:not(.xo-page) .tf-evo [stroke="#259cde"] { stroke: #E4CB91; } body.tf-page:not(.xo-page) .tf-evo [fill="#259cde"] { fill: #E4CB91; } body.tf-page:not(.xo-page) .tf-evo [stroke="#c38300"] { stroke: #8E98AA; } body.tf-page:not(.xo-page) .tf-evo [fill="#c38300"] { fill: #8E98AA; } body.tf-page:not(.xo-page) .tf-evo [stroke="#0f0f13"] { stroke: #050505; } body.tf-page:not(.xo-page) .tf-evo i[style*="#48ff91"] { border-top-color: #00FF00 !important; } body.tf-page:not(.xo-page) .tf-evo i[style*="#259cde"] { border-top-color: #E4CB91 !important; } body.tf-page:not(.xo-page) .tf-evo i[style*="#c38300"] { border-top-color: #8E98AA !important; } body.tf-page:not(.xo-page) .tf-evo-chip { border-radius: 2px !important; border-color: rgba(228, 203, 145, .14) !important; background: #050505 !important; } body.tf-page:not(.xo-page) .tf-evo-chip span { letter-spacing: 1px; } body.tf-page:not(.xo-page) .tf-evo-chip b.up { color: #00FF00 !important; } body.tf-page:not(.xo-page) .tf-evo-switch { border-radius: 2px !important; border-color: rgba(228, 203, 145, .2) !important; } body.tf-page:not(.xo-page) .tf-evo-switch label { border-radius: 2px !important; font-size: 11px !important; letter-spacing: 1px; text-transform: uppercase; } /* ==== Smooth-scroll helpers (Lenis) + referral copy button ==== */ html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } /* network page: copy button of the referral link, always readable (ENTER style) */ html body #block-referrallink.block button.invest-btn, html body #block-referrallink.block button { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 1px solid rgba(228, 203, 145, .55) !important; color: #E4CB91 !important; box-shadow: 0 0 0 4px rgba(228, 203, 145, .06) !important; } html body #block-referrallink.block button:hover { background: #E4CB91 !important; background-color: #E4CB91 !important; color: #0B0904 !important; } html body #block-referrallink.block button.is-copied { border-color: #00FF00 !important; color: #00FF00 !important; background: rgba(0, 255, 0, .08) !important; } /* ==== Page grid: header, content and footer on one gutter ==== */ /* ========================================================================== One page grid for header, content and footer (all public pages). Side gutter: 48px desktop, 20px from 900px down (same as the header). Above 1600px the content stays 1504px wide and centred; header and footer follow. Units: px only. ========================================================================== */ /* content: drop the Bootstrap container / row / col gutters, the section wrapper gives the gutter */ body.tf-page:not(.xo-page) #main-wrapper > .container, body.tf-page:not(.xo-page) #main-wrapper #main.container { width: 100% !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } body.tf-page:not(.xo-page) #main-wrapper .row-offcanvas { margin-left: 0 !important; margin-right: 0 !important; } body.tf-page:not(.xo-page) #main-wrapper main.main-content { padding-left: 0 !important; padding-right: 0 !important; } body.tf-page:not(.xo-page) .tf-invest .invest-wrap { width: 100% !important; max-width: none !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; padding-left: 48px !important; padding-right: 48px !important; } /* pages whose content is not built with .invest-wrap (legal text, forms, views) */ body.tf-page:not(.xo-page) #main-wrapper main.main-content > .section > .block:not(:has(.tf-invest)), body.tf-page:not(.xo-page) #main-wrapper main.main-content > .section > .tabs, body.tf-page:not(.xo-page) #main-wrapper main.main-content > .section > [data-drupal-messages] { padding-left: 48px; padding-right: 48px; } /* footer on the same gutter */ .site-footer .container { width: 100% !important; max-width: none !important; box-sizing: border-box; margin-left: 0 !important; margin-right: 0 !important; padding-left: 48px !important; padding-right: 48px !important; } .site-footer .container > .row, .site-footer .region { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .site-footer .tf-foot { padding-left: 0 !important; padding-right: 0 !important; } /* very wide screens: keep everything in one centred 1504px column */ @media (min-width: 1601px) { .tfh { padding-left: calc(50% - 752px) !important; padding-right: calc(50% - 752px) !important; } body.tf-page:not(.xo-page) .tf-invest .invest-wrap, .site-footer .container { padding-left: calc(50% - 752px) !important; padding-right: calc(50% - 752px) !important; } } /* tablets and phones: 20px gutter everywhere */ @media (max-width: 900px) { body.tf-page:not(.xo-page) .tf-invest .invest-wrap, .site-footer .container { padding-left: 20px !important; padding-right: 20px !important; } body.tf-page:not(.xo-page) #main-wrapper main.main-content > .section > .block:not(:has(.tf-invest)), body.tf-page:not(.xo-page) #main-wrapper main.main-content > .section > .tabs, body.tf-page:not(.xo-page) #main-wrapper main.main-content > .section > [data-drupal-messages] { padding-left: 20px; padding-right: 20px; } /* boxes keep air inside, text never touches a border */ body.tf-page:not(.xo-page) .tf-invest .invest-card, body.tf-page:not(.xo-page) .tf-invest .invest-callout, body.tf-page:not(.xo-page) .tf-invest .invest-panel, body.tf-page:not(.xo-page) .tf-invest .invest-example, body.tf-page:not(.xo-page) .tf-invest .invest-mock-head, body.tf-page:not(.xo-page) .tf-invest .invest-sim-body { padding-left: 18px !important; padding-right: 18px !important; } body.tf-page:not(.xo-page) .tf-invest .invest-risk { padding-left: 15px !important; padding-right: 12px !important; } .tf-foot__top { gap: 32px 20px !important; } } @media (max-width: 900px) { body.tf-page--form .loginlogoutzone .logzone2 #content { padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; } body.tf-page--form .loginlogoutzone .logzone2 #content > * { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } /* homepage: same gutter as the header and the footer */ .tf-xo .xo-phase__panel { padding-left: 48px !important; padding-right: 48px !important; } .tf-xo .xo-wrap { max-width: none !important; padding-left: 48px !important; padding-right: 48px !important; } @media (min-width: 1601px) { .tf-xo .xo-phase__panel, .tf-xo .xo-wrap { padding-left: calc(50% - 752px) !important; padding-right: calc(50% - 752px) !important; } } @media (max-width: 900px) { .tf-xo .xo-phase__panel, .tf-xo .xo-wrap { padding-left: 20px !important; padding-right: 20px !important; } } /* ==== Part 2: brand colours ==== */ /* ========================================================================== 1TrustFund — Asset Injector CSS rule "zz_recolor" (every page except the admin). Part A (this block): brand colours on the pages that keep their own layout (investor dashboard, support, deposit, withdrawal, profile...). Part B (generated below by recolor-generator.js): every coloured declaration of bases / responsive / path_user / dashboard / invest re-coloured — glows + primary buttons -> gold #E4CB91, other platform green -> lime #00FF00. Units: px only. ========================================================================== */ ::selection { background: #E4CB91; color: #0B0904; } /* social icons: original artwork, no effect */ a[href*="facebook.com"] img, a[href*="t.me/"] img, a[href*="instagram.com"] img, .tf-foot__social img, .tfh-menu__social img { filter: none !important; opacity: 1 !important; transform: none !important; } /* pages that keep the Drupal header (not the new hatom-style one): text wordmark, black bar */ body:not(.tfh-on):not(.investors) header.header, body:not(.tfh-on):not(.investors) header.header nav#navbar-main { background: #000000 !important; border-bottom: 1px solid rgba(228, 203, 145, .14); } body:not(.tfh-on):not(.investors) header.header .navbar-brand img { display: none !important; } body:not(.tfh-on):not(.investors) header.header .navbar-brand::after { content: "1TrustFund"; font-family: machinasb, fira, sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: .5px; color: #F4EEE0; } body:not(.tfh-on):not(.investors) header.header .menucenter a { color: #DCE2F2 !important; } body:not(.tfh-on):not(.investors) header.header .menucenter a:hover, body:not(.tfh-on):not(.investors) header.header .menucenter a.is-active { color: #00FF00 !important; } /* primary buttons of the investor space: ENTER style (gold outline, gold fill on hover) */ body:not(.tf-page) .btnwith a, body:not(.tf-page) .dashboardzone .btns a, body:not(.tf-page) .actionaccount a, body:not(.tf-page) #edit-actions button, body:not(.tf-page) #edit-actions .form-submit, body:not(.tf-page) #block-referrallink button, body:not(.tfh-on):not(.investors) header.header .block-menu ul li:last-child a { background: transparent !important; background-image: none !important; border: 1px solid rgba(228, 203, 145, .55) !important; border-radius: 2px !important; color: #E4CB91 !important; box-shadow: 0 0 0 3px rgba(228, 203, 145, .06) !important; text-transform: uppercase; letter-spacing: 2px; transition: background-color .25s, color .25s, border-color .25s, box-shadow .25s; } body:not(.tf-page) .btnwith a:hover, body:not(.tf-page) .dashboardzone .btns a:hover, body:not(.tf-page) .actionaccount a:hover, body:not(.tf-page) #edit-actions button:hover, body:not(.tf-page) #edit-actions .form-submit:hover, body:not(.tf-page) #block-referrallink button:hover, body:not(.tfh-on):not(.investors) header.header .block-menu ul li:last-child a:hover { background: #E4CB91 !important; border-color: #E4CB91 !important; color: #0B0904 !important; box-shadow: 0 0 24px rgba(228, 203, 145, .28) !important; } body:not(.tf-page) #block-referrallink button.is-copied { border-color: #00FF00 !important; color: #00FF00 !important; background: rgba(0, 255, 0, .08) !important; } /* secondary header button: lime outline */ body:not(.tfh-on):not(.investors) header.header .block-menu ul li:not(:last-child) a { color: #00FF00 !important; border-color: rgba(0, 255, 0, .55) !important; background: transparent !important; } /* investor mobile drawer: gold lines, lime active link */ .tf-inv-toggler .navbar-toggler-icon::before, .tf-inv-toggler .navbar-toggler-icon::after { background-color: #E4CB91 !important; } #tf-inv-drawer a.is-active { color: #00FF00 !important; } /* charts drawn by scripts (SVG attributes) */ [stroke="#48ff91" i] { stroke: #00FF00; } [fill="#48ff91" i] { fill: #00FF00; } [stop-color="#48ff91" i] { stop-color: #00FF00; } /* never wider than the phone screen (front-end pages only) */ html:has(header.header), html:has(body.tf-page) { overflow-x: clip; } .loginlogoutzone .highlighted { background-image: none !important; } /* ==== Part B: generated recolouring ==== */ /* ---- recoloured from "bases" ---- */ body:not(.investors) .block-menu ul li a:active { color: #00FF00; } .tf-min-withdraw-back a:hover:active:focus { background-color: #00FF00; } #edit-operations .button--primary:hover, #edit-operations .button--primary:focus, #edit-operations .button--primary:active { background-color: rgba(229, 200, 143, 0.14); } #edit-weekly-rate .button--primary:hover, #edit-weekly-rate .button--primary:focus, #edit-weekly-rate .button--primary:active { background-color: rgba(229, 200, 143, 0.14); } #edit-weekly-rate .tf-sv-undo-btn { border-top-color: rgba(0, 255, 0, 0.25); border-right-color: rgba(0, 255, 0, 0.25); border-bottom-color: rgba(0, 255, 0, 0.25); border-left-color: rgba(0, 255, 0, 0.25); } #edit-operations .button--primary { background-color: #e5c88f; border-top-color: rgba(229, 200, 143, 0.25); border-right-color: rgba(229, 200, 143, 0.25); border-bottom-color: rgba(229, 200, 143, 0.25); border-left-color: rgba(229, 200, 143, 0.25); } #edit-weekly-rate .button--primary { background-color: #e5c88f; border-top-color: rgba(229, 200, 143, 0.25); border-right-color: rgba(229, 200, 143, 0.25); border-bottom-color: rgba(229, 200, 143, 0.25); border-left-color: rgba(229, 200, 143, 0.25); } .footer1trustfund .lig1 .col3fund4 .cryptosdepo .colcrypto:first-child { border-right-color: #09a409; } .footer1trustfund { border-top-color: rgba(228, 203, 145, 0.18); } .footer1trustfund .lig1 .col3fund4 .cryptosdepo { background-image: radial-gradient(70% 140% at 50% 0%, rgba(229, 200, 143, 0.16) 0%, rgba(0, 0, 0, 0) 70%); } .footer1trustfund .lig1 .col-sm-4 ul li a:hover, .footer1trustfund .lig1 .col-sm-4 ul li a:active, .footer1trustfund .lig1 .col-sm-4 ul li a:focus { color: #00FF00; } .footer1trustfund .lig1 .col3fund1 img { border-right-color: rgba(228, 203, 145, 0.18); background-image: radial-gradient(70% 140% at 50% 0%, rgba(229, 200, 143, 0.16) 0%, rgba(0, 0, 0, 0) 70%); } .zonecolored1 .explainz .btnp .btn:hover, .zonecolored1 .explainz .btnp .btn:focus { color: #e5c88f; } .green { color: #00FF00; } #edit-submit:hover, #edit-submit:focus { color: #e5c88f; } #edit-submit { background-color: #e5c88f; } .path-protected-page #main-wrapper #main .fieldset-legend { color: #00FF00; } .colored { color: #00FF00; } .fundvalue h6 span { color: #00FF00; } .fundvalue h6 { color: #00FF00; } .alert-success { background-color: #00FF00; } .form-select:focus { border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } .btnt:hover, .btnt:focus { background-color: #00FF00; border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } ::selection { background-color: #e5c88f; } body:not(.investors) .block-menu ul li:last-child a:hover, body:not(.investors) .block-menu ul li:last-child a:focus { background-color: #e4c68b; border-top-color: #e4c68b; border-right-color: #e4c68b; border-bottom-color: #e4c68b; border-left-color: #e4c68b; } body:not(.investors) .block-menu ul li:last-child a { background-color: #e5c88f; border-top-color: #e4c68b; border-right-color: #e4c68b; border-bottom-color: #e4c68b; border-left-color: #e4c68b; } .btn:hover, .btn:focus { background-color: #e4c68b; border-top-color: #e4c68b; border-right-color: #e4c68b; border-bottom-color: #e4c68b; border-left-color: #e4c68b; } .btn2:focus, .btn2:active, .btn2:hover { background-color: rgba(0, 255, 0, 0.2); } .btn2 { color: #00FF00; border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } .btn1 { background-color: #00FF00; border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } .btn { background-color: #e5c88f; border-top-color: #e5c88f; border-right-color: #e5c88f; border-bottom-color: #e5c88f; border-left-color: #e5c88f; } body:not(.investors) .menucenter p a:hover, body:not(.investors) .menucenter p a:focus, body:not(.investors) .menucenter p a:active { color: #00FF00; } .form-control:focus { border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } .form-control { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .form-submit:focus { border-top-color: #d3a445; border-right-color: #d3a445; border-bottom-color: #d3a445; border-left-color: #d3a445; } body:not(.investors) #header { border-bottom-color: rgba(228, 203, 145, 0.18); } body:not(.investors) .block-menu ul li a:hover, body:not(.investors) .block-menu ul li a:focus { background-color: #00FF00; } .tf-invest { --tfi-accent: #00FF00; --tfi-accent-dim: rgba(0, 255, 0, 0.12); } .tf-invest .invest-btn-primary { color: #15110a; background: #e5c88f; } .tf-invest .invest-btn-primary:hover { background-color: #e5c88f; color: #15110a; } .tf-invest .invest-btn-sm:hover { color: #15110a; background: #e5c88f; border-color: #e5c88f; } .tf-invest .invest-hero { background: radial-gradient(60% 55% at 50% 0%, rgba(229, 200, 143, 0.13) 0%, rgba(0, 0, 0, 0) 70%), var(--tfi-bg); } .tf-invest .invest-eyebrow { border-top-color: rgba(0, 255, 0, 0.25); border-right-color: rgba(0, 255, 0, 0.25); border-bottom-color: rgba(0, 255, 0, 0.25); border-left-color: rgba(0, 255, 0, 0.25); } .tf-invest .invest-card-accent { border-top-color: rgba(0, 255, 0, 0.35); border-right-color: rgba(0, 255, 0, 0.35); border-bottom-color: rgba(0, 255, 0, 0.35); border-left-color: rgba(0, 255, 0, 0.35); } .tf-invest .invest-callout { border-top-color: rgba(0, 255, 0, 0.3); border-right-color: rgba(0, 255, 0, 0.3); border-bottom-color: rgba(0, 255, 0, 0.3); border-left-color: rgba(0, 255, 0, 0.3); color: #00FF00; } .tf-invest .invest-split-inv { border-top-color: rgba(0, 255, 0, 0.4); border-right-color: rgba(0, 255, 0, 0.4); border-bottom-color: rgba(0, 255, 0, 0.4); border-left-color: rgba(0, 255, 0, 0.4); } .tf-invest .invest-split-inv small { color: #00FF00; } .tf-invest .invest-tile-key { border-top-color: rgba(0, 255, 0, 0.4); border-right-color: rgba(0, 255, 0, 0.4); border-bottom-color: rgba(0, 255, 0, 0.4); border-left-color: rgba(0, 255, 0, 0.4); } .tf-invest .invest-cta-panel { background: radial-gradient(70% 140% at 50% 0%, rgba(229, 200, 143, 0.16) 0%, rgba(0, 0, 0, 0) 70%), var(--tfi-surface); } body.path-contact .contact-form { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body.path-user #main-wrapper, body.path-registering #main-wrapper, body.depositpage #main-wrapper, body.withdrawpage #main-wrapper, body.supportpage #main-wrapper, body.confirmdeposit #main-wrapper, body.path-contact #main-wrapper { background-image: radial-gradient(60% 420px at 50% 0%, rgba(229, 200, 143, 0.1) 0%, rgba(0, 0, 0, 0) 70%), initial; } body.path-user form .form-control, body.path-registering form .form-control, body.depositpage form .form-control, body.withdrawpage form .form-control, body.supportpage form .form-control, body.confirmdeposit form .form-control, body.path-contact form .form-control, body.path-user form .form-select, body.path-registering form .form-select, body.depositpage form .form-select, body.withdrawpage form .form-select, body.supportpage form .form-select, body.confirmdeposit form .form-select, body.path-contact form .form-select, body.path-user form select, body.path-registering form select, body.depositpage form select, body.withdrawpage form select, body.supportpage form select, body.confirmdeposit form select, body.path-contact form select, body.path-user form textarea, body.path-registering form textarea, body.depositpage form textarea, body.withdrawpage form textarea, body.supportpage form textarea, body.confirmdeposit form textarea, body.path-contact form textarea { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body.path-user form .form-control:focus, body.path-registering form .form-control:focus, body.depositpage form .form-control:focus, body.withdrawpage form .form-control:focus, body.supportpage form .form-control:focus, body.confirmdeposit form .form-control:focus, body.path-contact form .form-control:focus, body.path-user form .form-select:focus, body.path-registering form .form-select:focus, body.depositpage form .form-select:focus, body.withdrawpage form .form-select:focus, body.supportpage form .form-select:focus, body.confirmdeposit form .form-select:focus, body.path-contact form .form-select:focus, body.path-user form select:focus, body.path-registering form select:focus, body.depositpage form select:focus, body.withdrawpage form select:focus, body.supportpage form select:focus, body.confirmdeposit form select:focus, body.path-contact form select:focus, body.path-user form textarea:focus, body.path-registering form textarea:focus, body.depositpage form textarea:focus, body.withdrawpage form textarea:focus, body.supportpage form textarea:focus, body.confirmdeposit form textarea:focus, body.path-contact form textarea:focus { border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; box-shadow: rgba(229, 200, 143, 0.12) 0px 0px 0px 3px; } body.path-user form .form-submit, body.path-registering form .form-submit, body.depositpage form .form-submit, body.withdrawpage form .form-submit, body.supportpage form .form-submit, body.confirmdeposit form .form-submit, body.path-contact form .form-submit, body.path-user form .btn-primary, body.path-registering form .btn-primary, body.depositpage form .btn-primary, body.withdrawpage form .btn-primary, body.supportpage form .btn-primary, body.confirmdeposit form .btn-primary, body.path-contact form .btn-primary, body.path-user form button[type="submit"], body.path-registering form button[type="submit"], body.depositpage form button[type="submit"], body.withdrawpage form button[type="submit"], body.supportpage form button[type="submit"], body.confirmdeposit form button[type="submit"], body.path-contact form button[type="submit"] { background-color: #e5c88f; color: #15110a; border-top-color: #e5c88f; border-right-color: #e5c88f; border-bottom-color: #e5c88f; border-left-color: #e5c88f; } body.path-user form .form-submit:hover, body.path-registering form .form-submit:hover, body.depositpage form .form-submit:hover, body.withdrawpage form .form-submit:hover, body.supportpage form .form-submit:hover, body.confirmdeposit form .form-submit:hover, body.path-contact form .form-submit:hover, body.path-user form .btn-primary:hover, body.path-registering form .btn-primary:hover, body.depositpage form .btn-primary:hover, body.withdrawpage form .btn-primary:hover, body.supportpage form .btn-primary:hover, body.confirmdeposit form .btn-primary:hover, body.path-contact form .btn-primary:hover, body.path-user form button[type="submit"]:hover, body.path-registering form button[type="submit"]:hover, body.depositpage form button[type="submit"]:hover, body.withdrawpage form button[type="submit"]:hover, body.supportpage form button[type="submit"]:hover, body.confirmdeposit form button[type="submit"]:hover, body.path-contact form button[type="submit"]:hover { background-color: #e5c88f; color: #15110a; } body.path-user .linkbot a, body.path-registering .linkbot a, body.depositpage .linkbot a, body.withdrawpage .linkbot a, body.supportpage .linkbot a, body.confirmdeposit .linkbot a, body.path-contact .linkbot a, body.path-user .terms a, body.path-registering .terms a, body.depositpage .terms a, body.withdrawpage .terms a, body.supportpage .terms a, body.confirmdeposit .terms a, body.path-contact .terms a, body.path-user form .description a, body.path-registering form .description a, body.depositpage form .description a, body.withdrawpage form .description a, body.supportpage form .description a, body.confirmdeposit form .description a, body.path-contact form .description a, body.path-user .content-main a, body.path-registering .content-main a, body.depositpage .content-main a, body.withdrawpage .content-main a, body.supportpage .content-main a, body.confirmdeposit .content-main a, body.path-contact .content-main a { color: #00FF00; } body.path-user .logzone2, body.path-user .highlighted, body.path-registering .highlighted { background-image: radial-gradient(60% 420px at 50% 0%, rgba(229, 200, 143, 0.1) 0%, rgba(0, 0, 0, 0) 70%), initial; } body.path-user form.user-login-form, body.path-user form.user-register-form, body.path-user form.user-pass, body.path-registering #main form, body.withdrawpage form.webform-submission-form, body.supportpage form.webform-submission-form, body.confirmdeposit form.webform-submission-form { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body.supervisorpage #page, body.supervisorpage .featured-top, body.supervisorpage .featured-top__inner { background-image: radial-gradient(60% 420px at 50% 0%, rgba(229, 200, 143, 0.1) 0%, rgba(0, 0, 0, 0) 70%), initial; } .tf-supervisor .tf-sv-section { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .tf-supervisor .tf-sv-note { background-color: rgba(0, 255, 0, 0.06); border-top-color: rgba(0, 255, 0, 0.25); border-right-color: rgba(0, 255, 0, 0.25); border-bottom-color: rgba(0, 255, 0, 0.25); border-left-color: rgba(0, 255, 0, 0.25); } .tf-supervisor .tabledash table thead tr th { border-bottom-color: rgba(228, 203, 145, 0.18); } .tf-supervisor .tabledash table tbody tr td { border-bottom-color: rgba(228, 203, 145, 0.18); } .tf-supervisor .tf-sv-btn { color: #15110a; background-color: #e5c88f; border-top-color: #e5c88f; border-right-color: #e5c88f; border-bottom-color: #e5c88f; border-left-color: #e5c88f; } .tf-supervisor .tf-sv-btn:hover { background-color: #e5c88f; color: #15110a; } .tf-supervisor .form-control { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body.supervisorpage .tf-supervisor a.tf-sv-btn, body.supervisorpage .tf-supervisor button.tf-sv-btn { color: #15110a; background-color: #e5c88f; border-top-color: #e5c88f; border-right-color: #e5c88f; border-bottom-color: #e5c88f; border-left-color: #e5c88f; } body.supervisorpage .tf-supervisor a.tf-sv-btn:hover, body.supervisorpage .tf-supervisor button.tf-sv-btn:hover { color: #15110a; background-color: #e5c88f; } body.supervisorpage .tf-supervisor a.tf-sv-btn--ghost, body.supervisorpage .tf-supervisor button.tf-sv-btn--ghost { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body.supervisorpage .tf-supervisor a.tf-sv-btn--ghost:hover, body.supervisorpage .tf-supervisor button.tf-sv-btn--ghost:hover { color: #e5c88f; border-top-color: #e5c88f; border-right-color: #e5c88f; border-bottom-color: #e5c88f; border-left-color: #e5c88f; } body.path-webform #main-wrapper, body.path-webform #main, body.path-webform .featured-top, body.path-webform .featured-top__inner { background-image: radial-gradient(60% 420px at 50% 0%, rgba(229, 200, 143, 0.1) 0%, rgba(0, 0, 0, 0) 70%), initial; } body.path-webform .tf-confirmation .invest-card-text a { color: #00FF00; } body.path-webform form.webform-submission-form { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body.path-webform form.webform-submission-form .form-control, body.path-webform form.webform-submission-form .form-select, body.path-webform form.webform-submission-form select, body.path-webform form.webform-submission-form textarea { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body.path-webform form.webform-submission-form .form-control:focus, body.path-webform form.webform-submission-form textarea:focus { border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; box-shadow: rgba(229, 200, 143, 0.12) 0px 0px 0px 3px; } body.path-webform form.webform-submission-form .form-submit { background-color: #e5c88f; color: #15110a; border-top-color: #e5c88f; border-right-color: #e5c88f; border-bottom-color: #e5c88f; border-left-color: #e5c88f; } body.path-webform form.webform-submission-form .form-submit:hover { background-color: #e5c88f; } body.tf-page [role="contentinfo"], body.path-webform [role="contentinfo"], body.path-user [role="contentinfo"], body.path-registering [role="contentinfo"], body.supportpage [role="contentinfo"], body.withdrawpage [role="contentinfo"], body.confirmdeposit [role="contentinfo"], body.depositpage [role="contentinfo"], body.path-contact [role="contentinfo"], body.supervisorpage [role="contentinfo"], body.tf-page .alert, body.path-webform .alert, body.path-user .alert, body.path-registering .alert, body.supportpage .alert, body.withdrawpage .alert, body.confirmdeposit .alert, body.depositpage .alert, body.path-contact .alert, body.supervisorpage .alert, body.tf-page .alert-success, body.path-webform .alert-success, body.path-user .alert-success, body.path-registering .alert-success, body.supportpage .alert-success, body.withdrawpage .alert-success, body.confirmdeposit .alert-success, body.depositpage .alert-success, body.path-contact .alert-success, body.supervisorpage .alert-success, body.tf-page .alert-info, body.path-webform .alert-info, body.path-user .alert-info, body.path-registering .alert-info, body.supportpage .alert-info, body.withdrawpage .alert-info, body.confirmdeposit .alert-info, body.depositpage .alert-info, body.path-contact .alert-info, body.supervisorpage .alert-info, body.tf-page .messages--status, body.path-webform .messages--status, body.path-user .messages--status, body.path-registering .messages--status, body.supportpage .messages--status, body.withdrawpage .messages--status, body.confirmdeposit .messages--status, body.depositpage .messages--status, body.path-contact .messages--status, body.supervisorpage .messages--status { background-color: #e5c88f; border-top-color: #e5c88f; border-right-color: #e5c88f; border-bottom-color: #e5c88f; border-left-color: #e5c88f; color: #15110a; } body.path-registering .logzone2 { background-image: radial-gradient(60% 420px at 50% 0%, rgba(229, 200, 143, 0.1) 0%, rgba(0, 0, 0, 0) 70%), initial; } body.path-registering .loginlogoutzone form { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body.path-user:has(.tf-profile-form) { background-image: radial-gradient(60% 420px at 50% 0%, rgba(229, 200, 143, 0.1) 0%, rgba(0, 0, 0, 0) 70%), initial; } .tf-profile-form .tf-profile-eyebrow { color: #00FF00; background-color: rgba(0, 255, 0, 0.12); border-top-color: rgba(0, 255, 0, 0.25); border-right-color: rgba(0, 255, 0, 0.25); border-bottom-color: rgba(0, 255, 0, 0.25); border-left-color: rgba(0, 255, 0, 0.25); } .tf-profile-form .tf-profile-section { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .tf-profile-form .form-control, .tf-profile-form input[type="text"], .tf-profile-form input[type="email"], .tf-profile-form input[type="password"] { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .tf-profile-form .form-control:focus { border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; box-shadow: rgba(229, 200, 143, 0.12) 0px 0px 0px 3px; } .tf-profile-form .tf-profile-doc { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .tf-profile-form .tf-profile-badge.is-ok { color: #15110a; background-color: #00FF00; } .tf-profile-form .tf-profile-code { color: #00FF00; } .tf-profile-form .form-actions .form-submit { background-color: #e5c88f; color: #15110a; border-top-color: #e5c88f; border-right-color: #e5c88f; border-bottom-color: #e5c88f; border-left-color: #e5c88f; } .tf-profile-form .form-actions .form-submit:hover { background-color: #e5c88f; } .tf-profile-form .tf-profile-back { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .tf-profile-form .tf-profile-back:hover { color: #00FF00; border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } body.path-user .tf-profile-form .password-strength__indicator { background-color: #00FF00; } body.path-user .tf-profile-form .password-strength__text, body.path-user .tf-profile-form .password-confirm-message .ok { color: #00FF00; } body.path-user .tf-profile-form .password-suggestions { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body.path-user:has(.tf-profile-form) form.tf-profile-form .tf-profile-head { border-bottom-color: rgba(228, 203, 145, 0.18); } body.path-user:has(.tf-profile-form) form.tf-profile-form .tf-profile-section { border-bottom-color: rgba(228, 203, 145, 0.18); } body #edit-field-proof-of-identity-wrapper .form-control, body #edit-field-proof-of-identity-wrapper input[type="text"], body #edit-field-proof-of-identity-wrapper input[type="email"], body #edit-field-proof-of-identity-wrapper input[type="password"], body #edit-field-proof-of-identity-wrapper input[type="file"], body #edit-field-proof-of-address-wrapper .form-control, body #edit-field-proof-of-address-wrapper input[type="text"], body #edit-field-proof-of-address-wrapper input[type="email"], body #edit-field-proof-of-address-wrapper input[type="password"], body #edit-field-proof-of-address-wrapper input[type="file"] { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } body #edit-field-proof-of-identity-wrapper .form-control:focus, body #edit-field-proof-of-address-wrapper .form-control:focus { border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; box-shadow: rgba(229, 200, 143, 0.12) 0px 0px 0px 3px; } .tf-invest .invest-sim-plan input:checked + span { background-color: rgba(0, 255, 0, 0.08); } .tf-weekly-page .tf-weekly-hint strong { color: #00FF00; } .tf-supervisor .tf-sv-up { color: #00FF00; } body.withdrawpage #main-wrapper { background-image: radial-gradient(60% 420px at 50% 0%, rgba(229, 200, 143, 0.1) 0%, rgba(0, 0, 0, 0) 70%); } .tf-load-more { color: #00FF00; border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } .tf-load-more:hover { background-color: #00FF00; } body.simulationpage .tf-invest section.invest-sim { background-image: radial-gradient(60% 55% at 50% 0%, rgba(229, 200, 143, 0.13) 0%, rgba(0, 0, 0, 0) 70%); } @media (max-width: 991.98px) { body.anonym #navbar-main .navbar-collapse, body.anonym #navbar-main .navbar-collapse.collapse, body.anonym #navbar-main .navbar-collapse.collapsing { border-left-color: rgba(228, 203, 145, 0.18); } } @media (max-width: 991.98px) { html.tf-inv .tf-inv-drawer { border-left-color: rgba(228, 203, 145, 0.18); } html.tf-inv .tf-inv-drawer a:hover, html.tf-inv .tf-inv-drawer a:focus, html.tf-inv .tf-inv-drawer a:active, html.tf-inv .tf-inv-drawer a.is-active { color: #00FF00; } } /* ---- recoloured from "responsive" ---- */ @media (max-width: 991px) { .block-menu ul li a:hover, .block-menu ul li a:focus { color: #00FF00; } } /* ---- recoloured from "path_user" ---- */ .loginlogoutzone .logzone2 #content .line a { color: #00FF00; } .loginlogoutzone .logzone2 #content .terms p a { color: #00FF00; } .loginlogoutzone .logzone2 #content .linkbot a { color: #00FF00; } .loginlogoutzone .logzone2 #content #edit-actions #edit-submit:hover, .loginlogoutzone .logzone2 #content #edit-actions #edit-submit:focus { color: #e5c88f; } .loginlogoutzone .logzone2 #content #edit-actions #edit-submit { background-color: #e5c88f; } .loginlogoutzone .logzone2 #content .line p { color: #00FF00; } /* ---- recoloured from "dashboard" ---- */ body:not(.investors) .topoverpages .menucontent .headover h4 { background-color: #00FF00; } .password-confirm-message { color: #00FF00; } .dashboardzone h1 .Real { background-color: #00FF00 !important; border-top-color: #00FF00 !important; border-right-color: #00FF00 !important; border-bottom-color: #00FF00 !important; border-left-color: #00FF00 !important; } #edit-actions button:hover, #edit-actions button:focus { color: #e5c88f; } #edit-actions button { background-color: #e5c88f; } .btnwith a:hover, .btnwith a:focus { background-color: #e5c88f; } .btnwith a { color: #e5c88f; } .withdrawablezone ul li:first-child::before { background-color: #00FF00; } .withdrawablezone ul li { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .depositzone .instructcrypto a:hover { color: #00FF00; } .instructcrypto a:hover { color: #00FF00; } .grlastrades .win { border-top-color: #2e2516; border-right-color: #2e2516; border-bottom-color: #2e2516; border-left-color: #2e2516; } .grlastrades .Buy .typ { background-color: #00FF00 !important; } .grlastrades .gr { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .tabledash table thead tr { border-bottom-color: rgba(228, 203, 145, 0.18); } .menuleftdashb .listm ul li::before { background-color: #00FF00; } .dashboardzone .accountover .gridz ul li.Win { border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } .menuleftdashb .listm ul li:last-child { border-top-color: rgba(228, 203, 145, 0.18); } .menuleftdashb .listm ul li a .title { background-color: #00FF00; } .menuleftdashb { border-right-color: rgba(228, 203, 145, 0.18); } .dashboardzone .accountover .gridz ul .blue { border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } .dashboardzone .accountover .gridz ul .green { border-top-color: #0aba0a; border-right-color: #0aba0a; border-bottom-color: #0aba0a; border-left-color: #0aba0a; } .dashboardzone .accountover .gridz ul li { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .dashboardzone .termscond p .btn3dash { color: #00FF00; } .dashboardzone .btns a:hover, .dashboardzone .btns a:focus { background-color: #e5c88f; } .dashboardzone .btns a { color: #e5c88f; } .actionaccount a:hover, .actionaccount a:focus { background-color: #e5c88f; } .actionaccount a { color: #e5c88f; } body:not(.investors) .menutoogle .menucontent .headover h4 { background-color: #00FF00; } body:not(.investors) .menutoogle .menucontent .headover h6 { color: #00FF00; } .accountoverview { --tfd-accent: #00FF00; --tfd-accent-dim: rgba(0, 255, 0, 0.12); --tfd-accent-deep: #067206; } .accountoverview .grlastrades .gr.win .typ { color: #15110a !important; } .accountoverview #block-referrallink button, .accountoverview .tf-referral__copy { background-color: #e5c88f; } .accountoverview #block-referrallink button.is-copied, .accountoverview #block-referrallink button.is-copied:hover, .accountoverview #block-referrallink button.is-copied:focus, .accountoverview #block-referrallink button.is-copied:active { background-color: #00FF00; border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } .withdrawpage .form-select { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } .withdrawpage .form-select:focus { border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } .tf-supervisor .tf-sv-btn, .tf-supervisor td a, .tf-supervisor td input[type="submit"] { color: #e5c88f; } .tf-supervisor td input[type="submit"]:disabled { border-top-color: rgba(228, 203, 145, 0.18); border-right-color: rgba(228, 203, 145, 0.18); border-bottom-color: rgba(228, 203, 145, 0.18); border-left-color: rgba(228, 203, 145, 0.18); } /* ---- recoloured from "invest" ---- */ .tf-invest { --tfi-accent: #00FF00; --tfi-accent-dim: rgba(0, 255, 0, 0.12); } .tf-invest .invest-btn-primary { color: #15110a; background: #e5c88f; } .tf-invest .invest-btn-primary:hover { background-color: #e5c88f; color: #15110a; } .tf-invest .invest-btn-sm:hover { color: #15110a; background: #e5c88f; border-color: #e5c88f; } .tf-invest .invest-hero { background: radial-gradient(60% 55% at 50% 0%, rgba(229, 200, 143, 0.13) 0%, rgba(0, 0, 0, 0) 70%), var(--tfi-bg); } .tf-invest .invest-eyebrow { border-top-color: rgba(0, 255, 0, 0.25); border-right-color: rgba(0, 255, 0, 0.25); border-bottom-color: rgba(0, 255, 0, 0.25); border-left-color: rgba(0, 255, 0, 0.25); } .tf-invest .invest-card-accent { border-top-color: rgba(0, 255, 0, 0.35); border-right-color: rgba(0, 255, 0, 0.35); border-bottom-color: rgba(0, 255, 0, 0.35); border-left-color: rgba(0, 255, 0, 0.35); } .tf-invest .invest-callout { border-top-color: rgba(0, 255, 0, 0.3); border-right-color: rgba(0, 255, 0, 0.3); border-bottom-color: rgba(0, 255, 0, 0.3); border-left-color: rgba(0, 255, 0, 0.3); color: #00FF00; } .tf-invest .invest-split-inv { border-top-color: rgba(0, 255, 0, 0.4); border-right-color: rgba(0, 255, 0, 0.4); border-bottom-color: rgba(0, 255, 0, 0.4); border-left-color: rgba(0, 255, 0, 0.4); } .tf-invest .invest-split-inv small { color: #00FF00; } .tf-invest .invest-tile-key { border-top-color: rgba(0, 255, 0, 0.4); border-right-color: rgba(0, 255, 0, 0.4); border-bottom-color: rgba(0, 255, 0, 0.4); border-left-color: rgba(0, 255, 0, 0.4); } .tf-invest .invest-cta-panel { background: radial-gradient(70% 140% at 50% 0%, rgba(229, 200, 143, 0.16) 0%, rgba(0, 0, 0, 0) 70%), var(--tfi-surface); }