:root{ --bg:#0A0B0D; --card:#141519; --card-raised:#1B1D22; --line:rgba(255,255,255,0.07); --line-strong:rgba(255,255,255,0.13); --brass:#D69A3E; --brass-light:#F0B85A; --text:#F5F4F1; --text-dim:rgba(245,244,241,0.52); --text-dimmer:rgba(245,244,241,0.30); --up:#3FBF7F; --down:#E0604F; --mono:'JetBrains Mono', monospace; --investo-money-logo:url("/investo-money-wordmark.png?v=34"); --serif:'Inter', sans-serif; /* V129: Playfair removed for speed; headings are Inter 800 */ } *{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body{ background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased; } .app-splash{ position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center; background:#0A0B0D;transition:opacity .28s ease,visibility .28s ease; } .app-splash.hidden{opacity:0;visibility:hidden;pointer-events:none;} .app-splash img{width:min(620px,76vw);height:auto;display:block;margin:0 auto;} .splash-loader{width:128px;height:3px;margin:18px auto 0;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.10);} .splash-loader span{display:block;width:42%;height:100%;border-radius:inherit;background:#D69A3E;animation:splashMove 1s ease-in-out infinite;} @keyframes splashMove{0%{transform:translateX(-110%)}50%{transform:translateX(85%)}100%{transform:translateX(240%)}} .wrap{max-width:640px;margin:0 auto;padding:0 18px;} a{color:inherit;} .mono{font-family:var(--mono);font-variant-numeric:tabular-nums;} button{font-family:inherit;} header{ padding:calc(25px + env(safe-area-inset-top,0px)) 0 25px;border-bottom:1px solid var(--line); background:rgba(10,11,13,0.9);backdrop-filter:blur(6px); position:sticky;top:0;z-index:30; } .header-inner{display:flex;align-items:center;justify-content:space-between;min-height:54px;} .logo{height:32px;width:auto;display:block;background:#fff;padding:5px 10px;border-radius:7px;} .header-inner > .logo{display:none;} .brand-wordmark{width:min(650px,72vw);height:74px;background:var(--investo-money-logo) no-repeat left center/contain;cursor:pointer;} .header-right{display:flex;align-items:center;gap:12px;} .status-pill{width:108px;min-width:108px;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;line-height:1.35;color:var(--text-dim);white-space:nowrap;} .dot{width:6px;height:6px;border-radius:50%;background:var(--up);animation:pulse 1.8s infinite;} @keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(63,191,127,0.55);} 70%{box-shadow:0 0 0 5px rgba(63,191,127,0);} 100%{box-shadow:0 0 0 0 rgba(63,191,127,0);} } .lock-btn{ width:30px;height:30px;border-radius:50%;border:1px solid var(--line-strong); background:transparent;color:var(--text-dim);cursor:pointer;font-size:13px; display:flex;align-items:center;justify-content:center; } .lock-btn.unlocked{color:var(--brass-light);border-color:var(--brass);} /* Tab nav */ .tabnav-wrap{padding:16px 0 0;} .tabnav{ display:flex;background:var(--card);border:1px solid var(--line-strong);border-radius:100px; padding:4px;gap:2px; } .tab-btn{ flex:1;text-align:center;padding:9px 6px;border-radius:100px;border:none;background:transparent; color:var(--text-dim);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .2s,color .2s; } .tab-btn.active{background:var(--brass);color:#1A1200;} .view{display:none;} .view.active{display:block;} .hero{padding:26px 0 40px;} .hero h1{font-size:19px;font-weight:500;color:var(--text-dim);margin-bottom:18px;} /* You convert card */ .convert-card{ background:var(--card);border:1px solid var(--line-strong);border-radius:16px; overflow:visible; } .convert-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px;} .convert-label{font-size:12px;color:var(--text-dimmer);letter-spacing:0.02em;} .base-row{display:flex;align-items:center;justify-content:space-between;padding:6px 18px 18px;position:relative;} .picker-btn{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text);cursor:pointer;padding:6px 4px;} .flag.pic{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden; flex-shrink:0;background:var(--card-raised);border:1px solid var(--line-strong);font-size:0;line-height:0;} .flag.pic img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;} .picker-btn .flag{font-size:26px;} .picker-btn .flag.pic{width:34px;height:34px;} .picker-btn .flag.glyph{ width:34px;height:34px;border-radius:50%;background:var(--card-raised);color:var(--brass-light); display:flex;align-items:center;justify-content:center;font-family:var(--mono); font-size:13px;font-weight:600;border:1px solid var(--line-strong); } .picker-btn .pcode{font-family:var(--mono);font-weight:700;font-size:17px;} .picker-btn .chev{color:var(--text-dimmer);font-size:11px;margin-left:2px;} .base-amount{ font-family:var(--mono);font-weight:700;font-size:30px;color:var(--text); border:none;background:transparent;text-align:right;width:230px;outline:none; } .dropdown{ position:absolute;top:60px;left:14px;z-index:40; background:var(--card-raised);border:1px solid var(--line-strong);border-radius:12px; width:270px;max-height:320px;overflow-y:auto; box-shadow:0 20px 50px -12px rgba(0,0,0,0.7); display:none; } .dropdown.open{display:block;} .dd-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;} .dd-item.usd-choice{position:sticky;top:0;z-index:2;background:var(--card-raised);border-bottom:1px solid var(--line);} .dd-item:hover{background:rgba(255,255,255,0.04);} .dd-item .flag{font-size:19px;width:24px;} .dd-item .flag.pic{width:24px;height:24px;} .dd-item .flag.glyph{ width:24px;height:24px;border-radius:50%;background:var(--card);color:var(--brass-light); display:flex;align-items:center;justify-content:center;font-family:var(--mono); font-size:10px;font-weight:600;flex-shrink:0; } .dd-item .ddname{font-size:13px;} .dd-item .ddcode{font-family:var(--mono);font-size:10.5px;color:var(--text-dimmer);margin-left:auto;} .ledger-actions{display:flex;align-items:center;gap:6px;margin:0 4px 10px;} .currency-search{flex:1;min-width:0;background:var(--card);border:1px solid var(--line-strong);border-radius:12px;color:var(--text);padding:10px 12px;font:500 12px var(--sans);outline:none;} .currency-search::placeholder{color:var(--text-dimmer);} .currency-search:focus{border-color:var(--brass);} .fav-filter{appearance:none;border:1px solid var(--line-strong);background:transparent;color:var(--text-dimmer);border-radius:12px;padding:9px 11px;font:600 11px var(--sans);cursor:pointer;} .share-rates{border-color:rgba(214,154,62,.55);color:var(--brass-light);} .fav-filter.active{color:var(--bg);background:var(--brass);border-color:var(--brass);} .favorite-btn{appearance:none;border:0;background:transparent;color:var(--text-dimmer);font-size:18px;line-height:1;padding:3px;cursor:pointer;flex-shrink:0;} .favorite-btn.active{color:var(--brass-light);} .ledger-value{font-variant-numeric:tabular-nums;transition:color .6s, transform .18s ease, opacity .18s ease;} .ledger-value.value-refresh{animation:valueRefresh .35s ease;} @keyframes valueRefresh{0%{opacity:.45;transform:translateY(2px)}100%{opacity:1;transform:translateY(0)}} /* Ledger list — XE style: spaced individual cards */ .ledger-section{padding-top:22px;} .ledger-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px;} .ledger-head h2{font-size:11px;letter-spacing:0.06em;color:var(--text-dimmer);font-weight:600;} .ledger-tools{display:flex;align-items:center;gap:6px;} .reorder-toggle{display:none!important;} .reorder-toggle,.order-reset{appearance:none;border:1px solid var(--line-strong);background:transparent;color:var(--text-dimmer);border-radius:999px;padding:6px 9px;font:600 9px var(--mono);cursor:pointer;} .reorder-toggle:hover,.order-reset:hover{color:var(--brass-light);border-color:var(--brass);} .reorder-toggle.active{color:var(--bg);background:var(--brass);border-color:var(--brass);} .order-reset{display:none;} body.reorder-mode .order-reset{display:inline-flex;} .ledger-list{display:flex;flex-direction:column;gap:10px;} .ledger-item{position:relative;} .ledger-row{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;} .ledger-row{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;} .ledger-row.drag-ready{touch-action:none;cursor:grab;} .ledger-row:active{cursor:grabbing;} .drag-placeholder{border:1px dashed var(--brass);border-radius:14px;background:rgba(240,184,90,.05);min-height:74px;} .drag-handle{pointer-events:none;} .reorder-controls{display:none;align-items:center;gap:4px;flex-shrink:0;} body.reorder-mode .reorder-controls{display:flex;color:var(--brass-light);font:700 15px/1 var(--mono);margin-left:6px;} body.reorder-mode .edit-btn{display:none;} .drag-handle{display:none;width:22px;flex:0 0 22px;align-items:center;justify-content:center;color:var(--text-dimmer);font:700 16px/1 var(--mono);cursor:grab;user-select:none;touch-action:none;} body.reorder-mode .drag-handle{display:flex;} .drag-hint-inline{display:none;color:var(--text-dimmer);font:9px/1.3 var(--mono);margin-left:4px;} .ledger-section.direct-reorder .drag-hint-inline{display:inline;} .move-btn{width:25px;height:25px;border-radius:7px;border:1px solid var(--line-strong);background:transparent;color:var(--text-dim);font:700 12px/1 var(--mono);cursor:pointer;} .move-btn:hover{color:var(--brass-light);border-color:var(--brass);} .ledger-item.dragging{opacity:.92;transform:scale(1.015);filter:drop-shadow(0 14px 24px rgba(0,0,0,.45));} .ledger-item.dragging{opacity:.94;transform:scale(1.015);filter:drop-shadow(0 14px 24px rgba(0,0,0,.45));transition:none!important;z-index:50;} .ledger-row.drag-ready{touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;} html.is-dragging,body.is-dragging{overscroll-behavior:none!important} body.is-dragging{touch-action:none!important;overflow:hidden!important} .ledger-row{-webkit-touch-callout:none;} body.is-dragging{overscroll-behavior:none;} body.is-dragging .ledger-row{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;} .ledger-item{will-change:transform;} .ledger-item.dragging{transition:none!important;cursor:grabbing;touch-action:none;} .ledger-row.drag-ready{touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;} html.is-dragging,body.is-dragging{overscroll-behavior:none!important} body.is-dragging{touch-action:none!important;overflow:hidden!important} .ledger-row{-webkit-touch-callout:none;} body.reorder-mode .ledger-item:not(.dragging) .ledger-row{transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;} body.reorder-mode .ledger-item:not(.dragging):active .ledger-row{border-color:var(--brass);} .ledger-item.drop-target .ledger-row{border-color:var(--brass);box-shadow:0 0 0 1px rgba(240,184,90,.18);} .order-hint{display:none;padding:0 4px 10px;color:var(--text-dimmer);font:9.5px/1.45 var(--mono);} body.reorder-mode .order-hint{display:block;} .ledger-row{ display:flex;align-items:center;justify-content:space-between; padding:16px 18px;border-radius:14px; background:var(--card);border:1px solid var(--line-strong); border-left:2px solid transparent;transition:background .6s, border-left-color .6s; } .ledger-row.flash-up{border-left-color:var(--up);background:rgba(63,191,127,0.06);} .ledger-row.flash-down{border-left-color:var(--down);background:rgba(224,96,79,0.06);} .ledger-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;justify-content:flex-start;} .ledger-text{min-width:0;flex:1 1 auto;} .ledger-left .flag{font-size:22px;flex-shrink:0;} .ledger-left .flag.pic{width:30px;height:30px;} .ledger-left .flag.glyph{ width:30px;height:30px;border-radius:50%;background:var(--card-raised);color:var(--brass-light); display:flex;align-items:center;justify-content:center;font-family:var(--mono); font-size:12px;font-weight:600;border:1px solid var(--line-strong);flex-shrink:0; } .ledger-name{font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:6px;min-width:0;} .ledger-name .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ledger-code{font-family:var(--mono);font-size:10.5px;color:var(--text-dimmer);margin-top:1px;} .fixed-tag{ font-size:8.5px;letter-spacing:0.04em;color:var(--brass-light);border:1px solid var(--brass); border-radius:4px;padding:1px 5px;font-family:var(--mono); } .ledger-right{text-align:right;display:flex;align-items:center;gap:10px;} .ledger-right .favorite-btn{order:3;margin-inline-start:2px;} /* after the numbers, so the name keeps its width */ .ledger-right .ledger-value-wrap{order:1;} .ledger-right .edit-btn{order:2;} .ledger-value-wrap{text-align:right;} .ledger-value{font-family:var(--mono);font-weight:700;font-size:16px;transition:color .6s;} .ledger-row.flash-up .ledger-value{color:var(--up);} .ledger-row.flash-down .ledger-value{color:var(--down);} .ledger-rate{font-family:var(--mono);font-size:10px;color:var(--text-dimmer);margin-top:2px;} .edit-btn{ width:26px;height:26px;border-radius:50%;border:1px solid var(--line-strong);background:transparent; color:var(--text-dimmer);font-size:11px;cursor:pointer;display:none;align-items:center;justify-content:center;flex-shrink:0; } .edit-btn:hover{color:var(--brass-light);border-color:var(--brass);} body.admin .edit-btn{display:flex;} .edit-panel{ display:none;padding:12px 18px 16px;background:var(--card-raised);border-radius:0 0 14px 14px; margin-top:-10px;border:1px solid var(--line-strong);border-top:none; gap:8px;flex-direction:column; } .edit-panel.open{display:flex;} .edit-panel label{font-size:11px;color:var(--text-dim);font-family:var(--mono);} .edit-panel .edit-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;} .edit-panel input{ font-family:var(--mono);background:var(--bg);border:1px solid var(--line-strong);border-radius:8px; color:var(--text);padding:8px 10px;font-size:13px;width:150px; } .edit-panel select{ font-family:var(--mono);background:var(--bg);border:1px solid var(--line-strong);border-radius:8px; color:var(--text);padding:8px 10px;font-size:13px;width:120px; } .edit-panel button{border-radius:8px;padding:8px 12px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid transparent;} .save-btn{background:var(--brass);color:var(--bg);} .reset-btn{background:transparent;border-color:var(--line-strong);color:var(--text-dim);} .rate-footer-note{text-align:center;font-family:var(--mono);font-size:10.5px;color:var(--text-dimmer);padding:16px 0 0;} /* USDT view */ .usdt-hero{padding:26px 0 6px;} .usdt-grid{display:flex;flex-direction:column;gap:14px;margin-top:20px;} .usdt-card{ background:var(--card);border:1px solid var(--line-strong);border-radius:16px;padding:22px; } .usdt-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;} .usdt-label{font-size:11px;letter-spacing:0.08em;color:var(--text-dimmer);text-transform:uppercase;} .usdt-value{font-family:var(--mono);font-weight:700;font-size:32px;} .usdt-value .cur{font-size:16px;color:var(--text-dim);margin-left:6px;} .usdt-sub{font-family:var(--mono);font-size:11px;color:var(--text-dimmer);margin-top:6px;} .usdt-calculator{ margin-top:18px;background:linear-gradient(160deg,#15120C 0%,#0D0B08 100%); border:1px solid var(--brass);border-radius:16px;padding:22px; } .usdt-calc-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-light);margin-bottom:18px;} .usdt-calc-action{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:12px;} .usdt-calc-action select{ flex:1;min-width:0;background:var(--card);border:1px solid var(--line-strong);border-radius:10px; color:var(--text);font:600 16px var(--sans);padding:12px 36px 12px 12px; } .usdt-amount-box{ display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line-strong); border-radius:12px;padding:14px 16px; } .usdt-amount-box input{ min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text);text-align:right; font:700 26px var(--mono); } .usdt-amount-box span{font:700 14px var(--mono);color:var(--text-dim);} .usdt-result{ display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:18px; padding-top:18px;border-top:1px solid var(--line-strong); } .usdt-result-label{font-size:16px;color:var(--text-dim);} .usdt-result-value{font:700 28px var(--mono);color:var(--brass-light);text-align:right;} .usdt-fee-summary{font:11px var(--mono);color:var(--text-dimmer);text-align:right;margin-top:6px;} .usdt-request-btn{ display:flex;align-items:center;justify-content:center;width:100%;margin-top:18px;padding:15px 18px; border:1px solid var(--brass);border-radius:10px;background:var(--brass-light);color:#1A1200; font-size:14px;font-weight:800;text-decoration:none; } .usdt-request-note{font-size:11px;color:var(--text-dimmer);text-align:center;margin-top:9px;} .usdt-note{ font-size:12px;color:var(--text-dim);line-height:1.7;margin-top:22px;padding:16px 18px; background:var(--card);border:1px solid var(--line-strong);border-radius:12px; } /* Trading account view */ .trading-hero{padding:30px 0 10px;} .trading-kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--brass-light);text-transform:uppercase;margin-bottom:12px;} .trading-title{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:32px;line-height:1.18;margin-bottom:12px;} .trading-lead{font-size:14px;color:var(--text-dim);line-height:1.65;max-width:520px;} .trading-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:22px;} .trading-step{background:var(--card);border:1px solid var(--line-strong);border-radius:12px;padding:14px;} .trading-step-num{font-family:var(--mono);font-size:10px;color:var(--brass-light);margin-bottom:7px;} .trading-step strong{display:block;font-size:13px;margin-bottom:4px;} .trading-step span{display:block;font-size:10.5px;line-height:1.45;color:var(--text-dimmer);} .mt5-card{margin-top:14px;background:linear-gradient(160deg,#15120C 0%,#0D0B08 100%);border:1px solid var(--brass);border-radius:16px;padding:24px;overflow:hidden;position:relative;} .mt5-card:after{content:'MT5';position:absolute;right:-10px;top:-24px;font:800 120px/1 var(--mono);color:rgba(240,184,90,.06);pointer-events:none;} .mt5-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(240,184,90,.35);border-radius:999px;padding:6px 10px;color:var(--brass-light);font:600 10px var(--mono);margin-bottom:16px;} .mt5-card h2{font-size:24px;line-height:1.25;margin-bottom:10px;} .mt5-card p{font-size:13px;line-height:1.65;color:var(--text-dim);max-width:470px;} .mt5-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0;} .mt5-feature{padding:11px 12px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(255,255,255,.025);font-size:11.5px;color:var(--text-dim);} .mt5-feature b{color:var(--text);} /* V241.1 (the owner): the steps and the MT5 card read like the portal — rows, not tall boxes */ .trading-steps{grid-template-columns:1fr;gap:8px;margin-top:16px;} .trading-steps .feat.step .feat-i b{font:800 13px var(--app-font,inherit);letter-spacing:.08em;color:var(--brass-light);} .mt5-card:after{content:none;} .mt5-features{grid-template-columns:1fr;gap:8px;margin:14px 0;} .mt5-card .feat{padding:13px 14px;} .mt5-card .feat-t b{font-size:14.5px;} .mt5-card .feat-t small{font-size:12.5px;} .mt5-card .dl-grid{grid-template-columns:repeat(2,1fr);gap:8px;} @media(min-width:700px){.trading-steps{grid-template-columns:repeat(3,1fr);}.mt5-features{grid-template-columns:repeat(2,1fr);}.mt5-card .dl-grid{grid-template-columns:repeat(4,1fr);}} .account-form{margin-top:14px;background:var(--card);border:1px solid var(--line-strong);border-radius:16px;padding:20px;} .account-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;} .account-form h2{font-size:18px;margin-bottom:5px;} .account-form-head p{font-size:11px;color:var(--text-dimmer);line-height:1.5;} .form-badge{font:600 9px var(--mono);color:var(--brass-light);border:1px solid var(--brass);border-radius:999px;padding:5px 8px;white-space:nowrap;} .account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .account-field{display:flex;flex-direction:column;gap:6px;} .account-field.full{grid-column:1/-1;} .account-field label{font:500 10.5px var(--mono);color:var(--text-dim);} .account-field input,.account-field select{width:100%;background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;color:var(--text);padding:11px 12px;font:13px var(--mono);outline:none;} .account-field input:focus,.account-field select:focus{border-color:var(--brass);box-shadow:0 0 0 2px rgba(214,154,62,.10);} .account-check{display:flex;gap:9px;align-items:flex-start;margin:14px 0;font-size:10.5px;line-height:1.5;color:var(--text-dimmer);} .account-check input{margin-top:2px;accent-color:var(--brass);} .account-actions{display:flex;gap:9px;flex-wrap:wrap;} .account-submit,.platform-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:9px;font-size:12.5px;font-weight:800;text-decoration:none;cursor:pointer;} .account-submit{border:1px solid var(--brass);background:var(--brass-light);color:#1A1200;flex:1;} .platform-btn{border:1px solid var(--line-strong);background:transparent;color:var(--text);} .account-note{margin-top:12px;font-size:10px;line-height:1.55;color:var(--text-dimmer);} .application-success{display:none;margin-top:12px;padding:12px 14px;border:1px solid rgba(63,191,127,.35);background:rgba(63,191,127,.08);border-radius:9px;color:#A8E8C6;font-size:11px;line-height:1.5;} .application-success.show{display:block;} .account-submit:disabled{opacity:.65;cursor:wait;} .platform-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;} .platform-links a{font:600 10.5px var(--mono);color:var(--brass-light);text-decoration:none;border-bottom:1px solid rgba(240,184,90,.35);padding-bottom:2px;} @media(max-width:560px){.trading-steps{grid-template-columns:1fr;}.account-grid{grid-template-columns:1fr;}.account-field.full{grid-column:auto;}.trading-title{font-size:27px;}.mt5-features{grid-template-columns:1fr;}.account-form-head{flex-direction:column;}} /* Solutions view */ .contact-hero{padding:30px 0 40px;} .contact-card{ background:linear-gradient(160deg,#15120C 0%,#0D0B08 100%); border:1px solid var(--brass);border-radius:16px;padding:34px 28px; background-image: linear-gradient(160deg,#15120C 0%,#0D0B08 100%), repeating-linear-gradient(0deg, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.02) 1px, transparent 1px, transparent 34px); } .contact-eyebrow{ font-family:var(--mono);font-size:11px;letter-spacing:0.14em;color:var(--brass-light);margin-bottom:16px; } .contact-card h2{ font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:30px;line-height:1.25;color:var(--text);margin-bottom:16px; } .contact-card p{font-size:14px;color:var(--text-dim);line-height:1.6;max-width:400px;margin-bottom:26px;} .solutions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 26px;} .solution-item{padding:16px;border:1px solid var(--line-strong);border-radius:10px;background:rgba(255,255,255,.025);} .solution-item strong{display:block;font-size:14px;color:var(--text);margin-bottom:5px;} .solution-item span{display:block;font-family:var(--mono);font-size:10.5px;line-height:1.55;color:var(--text-dimmer);} .contact-btn{ display:inline-block;background:var(--brass-light);color:#1A1200;font-weight:700;font-size:14px; padding:15px 26px;border-radius:8px;text-decoration:none;border:1px solid var(--brass); } .contact-meta{margin-top:26px;font-family:var(--mono);font-size:11.5px;color:var(--text-dimmer);line-height:1.9;} .contact-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px;} @media(max-width:560px){.solutions-grid{grid-template-columns:1fr;}.contact-card{padding:28px 22px;}} /* Native Investo forms — simple, Tally-like, first-party */ .investo-form{margin-top:4px;max-width:680px;} .form-progress{display:flex;align-items:center;gap:11px;padding:12px 0 16px;border-bottom:1px solid var(--line);margin-bottom:18px;} .form-progress.second{margin-top:24px;} .form-progress>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--brass);border-radius:50%;font:700 11px var(--mono);color:var(--brass-light);flex:none;} .form-progress b{display:block;font-size:13px;margin-bottom:2px;} .form-progress small{display:block;font-size:10px;color:var(--text-dimmer);} .form-question{margin:0 0 19px;} .form-question>label{display:block;font-size:12px;font-weight:700;color:var(--text);margin-bottom:7px;} .form-ar-label{font-size:10px;font-weight:500;color:var(--text-dimmer);margin-left:5px;} .form-question label em{font-style:normal;color:var(--brass-light);} .form-question .optional{font:500 9px var(--mono);color:var(--text-dimmer);margin-left:5px;text-transform:uppercase;letter-spacing:.05em;} .form-question input,.form-question select,.form-question textarea{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;color:var(--text);padding:12px 13px;font:13px var(--mono);outline:none;transition:border-color .15s,box-shadow .15s;} .form-question textarea{resize:vertical;min-height:84px;} .form-question input:focus,.form-question select:focus,.form-question textarea:focus{border-color:var(--brass);box-shadow:0 0 0 3px rgba(214,154,62,.08);} .form-question>small{display:block;margin-top:6px;font-size:10px;line-height:1.5;color:var(--text-dimmer);} .phone-control{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.35fr);gap:8px;align-items:start;} .phone-code-picker{position:relative;min-width:0;} .phone-code-input{width:100%;box-sizing:border-box;min-width:0;} .phone-code-input-wrap{position:relative;} .phone-code-input-wrap::before{content:"+";position:absolute;left:16px;top:50%;transform:translateY(-50%);font:600 16px var(--mono);color:var(--text-dim);pointer-events:none;z-index:2;} .phone-code-input{padding-left:32px!important;} .phone-code-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:1000;max-height:260px;overflow:auto;background:var(--panel,#15171c);border:1px solid rgba(213,170,56,.5);border-radius:14px;box-shadow:0 16px 35px rgba(0,0,0,.45);display:none;} .phone-code-list.open{display:block;} .phone-code-option{display:flex;justify-content:space-between;gap:10px;width:100%;padding:11px 13px;border:0;background:transparent;color:var(--text,#f4f4f4);text-align:left;cursor:pointer;font:500 13px var(--sans,system-ui);} .phone-code-option:hover,.phone-code-option:focus{background:rgba(213,170,56,.12);outline:none;} .phone-code-option .code{font:700 13px var(--mono);white-space:nowrap;} .phone-code-option .country{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .country-picker{position:relative;} .country-search{width:100%;box-sizing:border-box;min-width:0;} .country-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:1000;max-height:280px;overflow:auto;background:var(--panel,#15171c);border:1px solid rgba(213,170,56,.5);border-radius:14px;box-shadow:0 16px 35px rgba(0,0,0,.45);display:none;} .country-list.open{display:block;} .country-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text,#f5f5f5);font:inherit;text-align:left;cursor:pointer;} .country-option:last-child{border-bottom:0;} .country-option:hover,.country-option:focus{background:rgba(213,170,56,.10);outline:none;} .country-option .country-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .country-option .country-code{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;} .country-empty{padding:16px;color:var(--text-dimmer);font-size:11px;} .phone-code-empty{padding:12px 13px;color:var(--text-dimmer);font-size:12px;} .phone-prefix-note{font:500 10px var(--mono);color:var(--text-dimmer);margin-top:6px;} /* V241 (the owner): the application reads like the portal — one column, big inputs, one line per field, nothing doubled, nothing in a code font. 16px inputs so iPhone does not zoom on focus. */ #tradingAccountForm .account-form-head{display:block;margin-bottom:16px;} #tradingAccountForm .account-form h2,#tradingAccountForm h2{font-size:22px;margin-bottom:6px;} #tradingAccountForm .account-form-head p{font-size:14px;color:var(--text-dim);line-height:1.5;} /* V400: the card leads with three facts, each with a drawn icon (never an emoji) */ .af-facts{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:9px} .af-facts li{display:flex;align-items:center;gap:11px;font:650 15px/1.35 var(--app-font,inherit);color:var(--text)} .af-facts svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;border:1px solid rgba(214,154,62,.45);background:rgba(214,154,62,.08);fill:none;stroke:var(--brass-light,#E2C27A);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #tradingAccountForm{border-color:rgba(214,154,62,.35)} @media (max-width:900px){body.has-appbar #view-trading .app-back-menu{display:none}} #kycForm .form-question{margin:0 0 16px;} #kycForm .form-question>label{font-size:14px;font-weight:650;margin-bottom:8px;} #kycForm .form-question input,#kycForm .country-search,#kycForm .phone-code-input{font:16px var(--app-font,inherit);padding:15px 14px;min-height:54px;border-radius:14px;background:rgba(255,255,255,.035);} #kycForm input::placeholder{color:rgba(245,244,241,.35);font-family:var(--app-font,inherit);} #kycForm .phone-code-input-wrap::before{font:600 16px var(--app-font,inherit);} #kycForm .phone-control{gap:10px;} #kycForm .country-list,#kycForm .phone-code-list{font-size:15px;} #kycForm .form-consent span{font-size:13px!important;} #kycForm .captcha-note{font-size:12px;} #kycForm .native-submit{min-height:56px;font-size:16px;font-weight:800;border-radius:14px;} #kycForm .native-submit span{font:inherit;opacity:1;} /* the old last-span rule was for the Arabic sub-line, which is gone */ #tradingAccountForm .account-note{font-size:12.5px;line-height:1.55;} /* Next / Never type here / Risk — were 9px */ #kycForm .native-form-foot{font-size:12.5px;line-height:1.55;} #kycForm .form-status{font-size:14px;} /* V280 (the owner, 2026-09-25: "next, next, next — five steps in less than one minute"): one question a screen */ #kycForm .kyc-prog{display:flex;align-items:center;gap:12px;margin:0 0 18px} #kycForm .kyc-prog-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden} #kycForm .kyc-prog-bar i{display:block;height:100%;width:20%;background:var(--brass);border-radius:3px;transition:width .3s ease} #kycForm .kyc-prog b{font:600 12px var(--app-font,inherit);color:var(--text-dim);white-space:nowrap} #kycForm .kyc-step{display:none} #kycForm .kyc-step.on{display:block;animation:kycIn .22s ease} @keyframes kycIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}} html[dir=rtl] #kycForm .kyc-step.on{animation-name:kycInR} @keyframes kycInR{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}} #kycForm .kyc-step .form-question>label{font-size:21px;font-weight:750;letter-spacing:-.01em;margin-bottom:14px} #kycForm .kyc-step .form-question>label em{display:none} #kycForm .kyc-step .exp-q{margin-top:0} #kycForm .kyc-step .exp-l span{font-size:21px;font-weight:750} #kycForm .kyc-err{min-height:18px;font-size:13.5px;color:var(--down,#E0604F);margin:-6px 0 8px} #kycForm .kyc-nav{display:flex;gap:10px;margin-top:4px} #kycForm .kyc-nav .native-submit{flex:1;margin:0} #kycForm .kyc-back{flex:none;min-height:56px;padding:0 18px;border-radius:14px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font:700 15px var(--app-font,inherit);cursor:pointer} #kycForm .kyc-nav [hidden]{display:none!important} @media (prefers-reduced-motion:reduce){#kycForm .kyc-step.on{animation:none}} @media(max-width:520px){.phone-control{grid-template-columns:1fr 1.35fr;}.phone-code-list{max-height:220px;}} .field-hint{margin-top:7px;font:10px var(--mono);color:var(--brass-light);} .form-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} .form-choice-row.two{grid-template-columns:repeat(2,minmax(0,1fr));} .choice-card{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:72px;padding:13px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg);cursor:pointer;box-sizing:border-box;transition:border-color .15s,background .15s,transform .15s;min-width:0;} .choice-card:hover{border-color:rgba(240,184,90,.6);} .choice-card:has(input:checked){border-color:var(--brass);background:rgba(240,184,90,.055);} .choice-card input{accent-color:var(--brass);margin:3px 0 0;flex:0 0 auto;width:18px;height:18px;} .choice-card > span{display:block;min-width:0;overflow:hidden;} .choice-card b{display:block;font-size:12px;margin-bottom:4px;white-space:normal;overflow-wrap:anywhere;} .choice-card small{display:block;font-size:9.5px;line-height:1.35;color:var(--text-dimmer);white-space:normal;overflow-wrap:anywhere;} .form-consent{margin:4px 0 15px;} .form-consent label{display:flex;gap:9px;align-items:flex-start;font-size:10px;line-height:1.55;color:var(--text-dimmer);cursor:pointer;} .form-consent input{margin-top:2px;accent-color:var(--brass);flex:none;} .form-consent a{color:var(--brass-light);text-underline-offset:2px;} .native-submit{width:100%;min-height:50px;border:1px solid var(--brass);border-radius:10px;background:var(--brass-light);color:#1A1200;font-size:12.5px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,opacity .15s;} .native-submit span:last-child{font-family:var(--mono);font-size:10px;opacity:.72;} .native-submit:hover{transform:translateY(-1px);} .native-submit:disabled{opacity:.6;cursor:wait;transform:none;} .native-form-foot{margin-top:11px;font-size:9.5px;line-height:1.55;color:var(--text-dimmer);text-align:center;} .form-status{display:none;margin:0 0 12px;padding:12px 13px;border-radius:10px;font-size:10.5px;line-height:1.5;} .form-status.show{display:block;} .form-status.error{color:#ffb5aa;background:rgba(224,96,79,.08);border:1px solid rgba(224,96,79,.3);} .form-status.success{color:#a9f0c9;background:rgba(63,191,127,.08);border:1px solid rgba(63,191,127,.3);} /* V400: the trap for bots sits inside its form, clipped to nothing — never 10,000px off to one side, which in Arabic (right to left) made the page 10,000px wide and a phone zoomed the application right out */ .form-honeypot{position:absolute!important;top:0!important;left:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important;} /* Homepage fixed-conditions strip */ .home-cond{display:block;width:100%;text-align:left;margin-top:14px;padding:14px 16px 12px;border:1px solid rgba(214,154,62,.45);background:linear-gradient(180deg,rgba(214,154,62,.09),rgba(214,154,62,.03));border-radius:16px;color:var(--text);cursor:pointer;font:inherit} .home-cond:hover{border-color:var(--brass)} .home-cond-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px} .home-cond-kicker{font:10px var(--mono);letter-spacing:.14em;color:var(--brass-light)} .home-cond-more{font-size:12px;color:var(--text-dim)} .home-cond-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0 8px} .home-cond-grid b{display:block;font-size:22px;font-weight:800;letter-spacing:-.03em} .home-cond-grid span{display:block;font-size:11px;color:var(--text-dim);margin-top:1px} .home-cond-foot{font-size:11.5px;color:var(--text-dimmer);line-height:1.5} @media (max-width:480px){.home-cond-grid{grid-template-columns:repeat(3,1fr)}.home-cond-grid b{font-size:19px}.home-cond-grid span{font-size:10.5px}} /* Savings calculator */ .calc{background:var(--card);border:1px solid var(--line-strong);border-radius:16px;padding:18px;margin:8px 0 22px} .calc h3{font-size:17px;margin:0 0 4px}.calc p{font-size:12.5px;color:var(--text-dim);margin:0 0 14px;line-height:1.55} .calc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px} .calc label{display:block}.calc label span{display:block;font:10px var(--mono);letter-spacing:.1em;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase} .calc input{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;color:var(--text);padding:11px 12px;font:inherit;font-size:16px} .calc-out{margin-top:14px;padding:14px 16px;border-radius:12px;background:rgba(214,154,62,.08);border:1px solid rgba(214,154,62,.35)} .calc-out b{display:block;font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--brass-light)} .calc-out span{display:block;font-size:12.5px;color:var(--text-dim);margin-top:4px;line-height:1.5} .calc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .calc-actions button,.calc-actions a{border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:9px;padding:9px 13px;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none} .calc-actions .primary{background:var(--brass);border-color:var(--brass);color:var(--bg)} /* Products & Conditions */ .cond-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0 8px} .cond{background:var(--card);border:1px solid var(--line-strong);border-radius:14px;padding:16px 16px 14px;position:relative;overflow:hidden} .cond::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brass)} .cond .k{font:10px var(--mono);letter-spacing:.14em;color:var(--brass-light);text-transform:uppercase} .cond .v{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:6px 0 2px;color:var(--text)} .cond .v small{font-size:14px;font-weight:600;color:var(--text-dim);margin-left:2px} .cond .d{font-size:12px;color:var(--text-dim);line-height:1.5} .cond .ar{display:block;font-size:11px;color:var(--text-dimmer);margin-top:4px} .cond-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:10px 0 26px} .cond-item{background:var(--card);border:1px solid var(--line-strong);border-radius:12px;padding:14px 16px} .cond-item b{display:block;font-size:14.5px;margin-bottom:5px}.cond-item p{font-size:13.5px;color:var(--text-dim);line-height:1.6;margin:0} /* V244: readable on a phone */ .cond-item .ar{display:block;font-size:11px;color:var(--text-dimmer);margin-top:5px} .cond-item.hi{border-color:rgba(214,154,62,.55);background:rgba(214,154,62,.05)} .prod-group{margin-top:22px} .prod-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px} .prod-head h3{font-size:17px;margin:0}.prod-head span{font:10px var(--mono);color:var(--text-dimmer);letter-spacing:.1em} .prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px} .prod{background:var(--card);border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;min-width:0} .prod b{display:block;font:700 13px var(--mono);letter-spacing:.02em}.prod span{display:block;font-size:11.5px;color:var(--text-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .prod small{display:block;font:10px var(--mono);color:var(--text-dimmer);margin-top:4px} .prod.hi{border-color:rgba(214,154,62,.6);background:rgba(214,154,62,.07)}.prod.hi b{color:var(--brass-light)} .prod-note{margin:10px 0 0;padding:12px 14px;border:1px solid var(--line-strong);border-radius:10px;font-size:12px;color:var(--text-dim);line-height:1.6;background:rgba(255,255,255,.02)} .prod-note.brass{border-color:rgba(214,154,62,.35);background:rgba(214,154,62,.05)} .risk-line{margin-top:26px;font-size:11px;color:var(--text-dimmer);line-height:1.6} @media (max-width:640px){.cond .v{font-size:26px}.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Cloudflare Turnstile renders into .captcha-box when the site key is configured; otherwise the wrap stays collapsed. */ .captcha-wrap{display:none;margin:2px 0 12px;} body.turnstile-on .captcha-wrap{display:flex;align-items:center;min-height:0;} .captcha-note{font-size:9.5px;color:var(--text-dimmer);line-height:1.45;margin:2px 0 12px;} .captcha-box{min-height:0;} .payment-details-card{margin:-4px 0 19px;padding:15px;border:1px solid rgba(240,184,90,.28);border-radius:12px;background:rgba(240,184,90,.035);} .payment-details-title{font-size:12px;font-weight:800;margin-bottom:12px;} .native-qr{min-height:190px!important;margin-bottom:12px;} .native-qr img{max-width:210px!important;max-height:210px!important;margin:auto;} .native-copy{margin:0!important;padding:8px 11px!important;font-size:10px!important;} @media(max-width:760px){.form-choice-row,.form-choice-row.two{grid-template-columns:1fr;}.choice-card{min-height:62px;padding:12px 13px;}.investo-form{max-width:none;}.form-question{margin-bottom:17px;}} footer{ border-top:1px solid var(--line);padding:30px 0 40px;margin-top:44px; font-size:12px;line-height:1.7;color:var(--text-dim); } footer .footer-logo{display:none;} footer .brand-logo-footer{width:270px;height:40px;margin:0 auto 14px;background:var(--investo-money-logo) no-repeat center center/contain;cursor:pointer;} footer .brand-by{margin:16px auto 0;font:600 12px Inter,sans-serif;letter-spacing:.02em;color:var(--text);text-align:center;} footer .legal-entity{margin:8px auto 0;color:var(--text-dim);font-size:11px;max-width:620px;line-height:1.6;text-align:center;} footer .foot-risk{margin:8px auto 0;color:var(--text-dim);font-size:11px;max-width:620px;line-height:1.6;text-align:center;} /* V438.7 */ footer .disclaimer{margin-top:14px;color:var(--text-dimmer);font-size:10px;max-width:520px;font-family:var(--mono);line-height:1.6;} .lock-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.72);z-index:100;display:none;align-items:center;justify-content:center;} .lock-overlay.open{display:flex;} .lock-box{background:var(--card-raised);border:1px solid var(--line-strong);border-radius:14px;padding:26px;width:280px;text-align:center;} .lock-box h3{font-size:14px;margin-bottom:12px;font-weight:600;} .lock-box input{ width:100%;font-family:var(--mono);background:var(--bg);border:1px solid var(--line-strong); border-radius:8px;color:var(--text);padding:10px;text-align:center;font-size:14px;margin-bottom:12px; } .lock-box .lock-actions{display:flex;gap:8px;} .lock-box button{flex:1;border-radius:8px;padding:10px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid transparent;} .lock-cancel{background:transparent;border-color:var(--line-strong);color:var(--text-dim);} .lock-confirm{background:var(--brass);color:var(--bg);} .lock-err{font-size:11px;color:var(--down);margin-top:-6px;margin-bottom:10px;display:none;} @media(max-width:480px){ .base-amount{width:150px;font-size:24px;} .header-right span.label{display:none;} .contact-card h2{font-size:24px;} .brand-wordmark{width:72vw;height:52px;} .usdt-result{align-items:flex-start;flex-direction:column;} .usdt-result-value,.usdt-fee-summary{text-align:left;} } /* Investo v3 enhancements */ .home-cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 38px} .home-cta{appearance:none;text-align:left;background:var(--card);border:1px solid var(--line-strong);border-radius:14px;padding:20px;cursor:pointer;color:var(--text);transition:transform .2s ease,border-color .2s ease,background .2s ease} .home-cta:hover{transform:translateY(-2px);border-color:var(--brass)} .home-cta.primary{background:linear-gradient(145deg,#17140c,#0e0d0a);border-color:var(--brass)} .home-cta .cta-kicker{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--brass-light);margin-bottom:9px} .home-cta strong{display:block;font-size:16px;margin-bottom:6px} .home-cta small{display:block;color:var(--text-dimmer);font-size:11px;line-height:1.55} .section-block{margin:8px 0 38px} .section-block.compact{margin-top:0} .section-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--brass-light);margin-bottom:9px;text-transform:uppercase} .section-block h2{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:26px;line-height:1.25;margin:0 0 18px} .benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .benefit-card{padding:16px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(255,255,255,.02)} .benefit-card b{display:block;font-size:12px;margin-bottom:7px} .benefit-card span{display:block;color:var(--text-dimmer);font-size:10.5px;line-height:1.55} .flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} @media(min-width:760px){.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} .flow-grid>div{padding:15px;border-left:2px solid var(--brass);background:var(--card);border-radius:0 10px 10px 0} .flow-grid span{display:block;font-family:var(--mono);font-size:10px;color:var(--brass-light);margin-bottom:7px} .flow-grid b{display:block;font-size:12px;margin-bottom:5px} .flow-grid small{display:block;color:var(--text-dimmer);font-size:10.5px;line-height:1.5} .inline-contact{display:flex;gap:9px;margin-top:14px} .inline-contact a,.contact-actions .contact-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brass);border-radius:8px;padding:10px 14px;color:var(--text);text-decoration:none;font-size:11px;font-weight:700} .inline-contact a:first-child,.contact-actions .contact-btn:first-child{background:var(--brass-light);color:#1a1200} .contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 4px} .contact-actions .secondary{background:transparent;color:var(--text)} .about-strip{margin-top:18px;padding:18px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(255,255,255,.02)} .about-strip strong{display:block;font-size:14px;margin-bottom:7px} .about-strip p{margin:0;color:var(--text-dimmer);font-size:11px;line-height:1.6} .footer-tagline{margin-bottom:12px} /* V436: the page links, visible on every page (each page now sends only its own section, so these are how pages link to each other) */ .site-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:6px auto 16px;max-width:760px;font-size:13px;line-height:1.5} .site-pages a{color:var(--text-dim);text-decoration:none} .site-pages a:hover,.site-pages a:focus-visible{color:var(--text);text-decoration:underline;text-underline-offset:3px} @media(max-width:680px){.home-cta-grid,.benefit-grid,.flow-grid{grid-template-columns:1fr 1fr}.benefit-card{padding:14px}} @media(max-width:520px){.home-cta-grid,.benefit-grid,.flow-grid{grid-template-columns:1fr}.home-cta{padding:17px}.section-block h2{font-size:23px}} /* V15 premium app polish */ :root{--body-max:640px} body{font-size:15px;letter-spacing:-.01em} .tabnav{box-shadow:0 8px 24px rgba(0,0,0,.16)} .tab-btn{min-height:42px;font-size:12px;letter-spacing:-.01em} .view.active{animation:viewIn .22s ease} @keyframes viewIn{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}} .hero h1,.usdt-hero h1{font-size:20px!important;line-height:1.4;letter-spacing:-.02em} .convert-card,.usdt-card,.account-form,.contact-card,.mt5-card{box-shadow:0 12px 32px rgba(0,0,0,.14)} .base-amount{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1,'ss01' 1} .ledger-value,.usdt-value,.usdt-result-value,.usdt-amount-box input{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1,'ss01' 1;letter-spacing:-.025em} .ledger-row{min-height:78px;padding:17px 18px} .ledger-name{font-size:14px;line-height:1.25} .ledger-code,.ledger-rate{letter-spacing:-.01em} .ledger-value{font-size:18px;line-height:1.1} .ledger-rate{font-size:10.5px} .usdt-card{padding:24px} .usdt-value{font-size:34px;line-height:1.1} .usdt-label{font-size:10px} .usdt-sub{font-family:Inter,sans-serif;font-size:11px;line-height:1.5} .usdt-calculator{padding:24px} .usdt-calc-title{font-size:10px;font-weight:700} .usdt-result-value{font-size:30px} .trading-lead,.mt5-card p,.contact-card p{font-size:14px;line-height:1.7} .trading-step{min-height:126px;padding:16px} .trading-step strong{font-size:14px} .trading-step span{font-size:11px;line-height:1.55} .mt5-card{padding:26px} .mt5-feature{padding:14px;font-size:11.5px;line-height:1.5} .account-form{padding:22px} .account-field label{font-family:Inter,sans-serif;font-size:11px} .account-field input,.account-field select{font-family:Inter,sans-serif;font-size:14px;min-height:46px} .account-submit,.platform-btn{min-height:48px;font-size:13px;border-radius:10px} .contact-card{padding:36px 30px} .contact-card p{max-width:500px} .solution-item{padding:18px;min-height:112px} .solution-item strong{font-size:14px} .solution-item span{font-family:Inter,sans-serif;font-size:11px;line-height:1.6} .legal-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} .legal-links a{font-size:10px;color:var(--text-dimmer);text-decoration:underline;text-underline-offset:3px} .risk-strip{margin-top:16px;padding:13px 15px;border:1px solid rgba(224,96,79,.22);border-radius:10px;background:rgba(224,96,79,.035);font-size:10.5px;line-height:1.55;color:var(--text-dimmer)} @media(max-width:520px){.contact-card{padding:30px 22px}.mt5-card{padding:22px}} /* V24 Learn & Market Updates */ .learn-stack{margin:0 0 30px;padding:20px;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 14px 38px rgba(0,0,0,.16)} .learn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:15px} .learn-title{margin:0;font-size:17px;letter-spacing:-.02em} .learn-sub{margin:4px 0 0;color:var(--text-dimmer);font-size:10.5px;line-height:1.5} .learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .learn-card{display:flex;flex-direction:column;min-height:154px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)} .learn-kicker{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-light);font-weight:800;margin-bottom:7px} .learn-card h3{margin:0 0 7px;font-size:12px;line-height:1.35} .learn-card p{margin:0;color:var(--text-dimmer);font-size:9.5px;line-height:1.5} .learn-source{margin-top:auto;padding-top:12px;color:var(--text-dimmer);font-size:8.5px} .learn-link{display:inline-flex;margin-top:8px;color:var(--brass-light);font-size:9.5px;font-weight:800;text-decoration:none} .learn-news{margin-top:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015)} .learn-news-top{display:flex;justify-content:space-between;gap:10px;align-items:center} .learn-news-title{font-size:11px;font-weight:800} .learn-news-date{font-size:8.5px;color:var(--text-dimmer)} .learn-news p{margin:6px 0 0;color:var(--text-dimmer);font-size:9.5px;line-height:1.5} .learn-news a{display:inline-flex;margin-top:8px;color:var(--brass-light);font-size:9.5px;font-weight:800;text-decoration:none} .learn-note{margin-top:10px;color:var(--text-dimmer);font-size:8.5px;line-height:1.5} .news-item{padding:11px 0;border-top:1px solid var(--line)} .news-item:first-child{border-top:0} .news-item-title{margin:0;font-size:10.5px;line-height:1.4;font-weight:800} .news-item-meta{margin-top:4px;color:var(--text-dimmer);font-size:8px} .news-item a{display:inline-flex;margin-top:6px;color:var(--brass-light);font-size:9px;font-weight:800;text-decoration:none} @media(max-width:700px){.learn-grid{grid-template-columns:1fr}.learn-card{min-height:132px}.learn-head{align-items:flex-start}} /* V23 Homepage Trust Stack */ .trust-stack{margin:0 0 28px;padding:20px;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 14px 38px rgba(0,0,0,.16)} .trust-stack-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px} .trust-stack-title{margin:0;font-size:17px;letter-spacing:-.02em} .trust-stack-sub{margin:4px 0 0;color:var(--text-dimmer);font-size:10.5px;line-height:1.5} .trust-stack-link{white-space:nowrap;padding:9px 12px;border:1px solid rgba(240,184,90,.35);border-radius:10px;color:var(--brass-light);text-decoration:none;font-size:10px;font-weight:700} .trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .trust-tile{min-height:96px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)} .trust-tile .icon{font-size:16px;margin-bottom:8px} .trust-tile strong{display:block;font-size:11px;margin-bottom:5px} .trust-tile span{display:block;color:var(--text-dimmer);font-size:9.5px;line-height:1.5} .trust-warning{margin-top:10px;padding:12px 13px;border-radius:11px;border:1px solid rgba(224,96,79,.24);background:rgba(224,96,79,.045);font-size:9.5px;line-height:1.55;color:var(--text-dimmer)} .trust-warning strong{color:var(--text)} @media(max-width:600px){.trust-stack{padding:17px}.trust-stack-head{align-items:flex-start}.trust-stack-link{font-size:9px}.trust-grid{grid-template-columns:1fr 1fr}} @media(max-width:390px){.trust-grid{grid-template-columns:1fr}.trust-stack-head{display:block}.trust-stack-link{display:inline-block;margin-top:10px}} /* V17 Trust Center */ .partner-signin{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:22px 0;padding:16px 18px;border:1px solid rgba(240,184,90,.3);border-radius:14px;background:rgba(240,184,90,.05);text-decoration:none;color:var(--text)} .partner-signin:hover{border-color:var(--brass)} .partner-signin b{display:block;font-size:15px;margin-bottom:2px} .partner-signin span span{font-size:13px;color:var(--text-dim);line-height:1.5} .partner-signin-go{font-weight:700;color:var(--brass-light);white-space:nowrap;font-size:14px} .news-topic{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(214,154,62,.14);color:var(--brass-light);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase} .faq-list{display:grid;gap:8px;margin-bottom:14px} .faq-item{border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.02);overflow:hidden} .faq-item summary{list-style:none;cursor:pointer;padding:14px 42px 14px 15px;font-weight:700;font-size:14.5px;line-height:1.45;position:relative} .faq-item summary::-webkit-details-marker{display:none} .faq-item summary::after{content:'';position:absolute;right:16px;top:50%;width:8px;height:8px;margin-top:-5px;border-right:2px solid var(--brass);border-bottom:2px solid var(--brass);transform:rotate(45deg);transition:transform .2s ease} .faq-item[open] summary::after{transform:rotate(-135deg);margin-top:-2px} .faq-item[open] summary{color:var(--brass-light)} .faq-item p{margin:0;padding:0 15px 15px;font-size:13.5px;line-height:1.65;color:var(--text-dim)} .faq-ask{display:block;text-align:center;padding:12px;margin-bottom:16px;font-size:13px;font-weight:700;color:var(--brass-light);text-decoration:none;border:1px solid rgba(240,184,90,.28);border-radius:12px} [dir="rtl"] .faq-item summary{padding:14px 15px 14px 42px} [dir="rtl"] .faq-item summary::after{right:auto;left:16px} .trust-float{position:fixed;left:18px;bottom:18px;z-index:9998;display:flex;align-items:center;gap:8px;padding:10px 13px 10px 10px;border:1px solid rgba(240,184,90,.35);border-radius:999px;background:rgba(20,21,25,.94);backdrop-filter:blur(12px);color:var(--text);text-decoration:none;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.32);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease} .trust-float:hover{transform:translateY(-2px);border-color:var(--brass);box-shadow:0 14px 34px rgba(0,0,0,.4)} .trust-float-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(214,154,62,.14);color:var(--brass-light);font-size:12px} .trust-float-label{font-size:10.5px;letter-spacing:.01em} @media(max-width:560px){.trust-float{left:12px;bottom:12px;padding:9px 11px 9px 9px}.trust-float-label{font-size:10px}} /* V20 Telegram visibility safeguard */ .telegram-float{visibility:visible!important;opacity:1!important;pointer-events:auto!important;} /* V34 reorder interaction: reliable touch handle + scroll-safe currency cards */ .drag-handle{ display:flex!important; width:22px; /* V160.3: narrower, so the currency name is not cut off */ min-width:22px; height:44px; align-items:center; justify-content:center; pointer-events:auto!important; cursor:grab; touch-action:none!important; -webkit-touch-callout:none!important; -webkit-user-select:none!important; user-select:none!important; border-radius:10px; color:rgba(245,244,241,.42); font-size:18px; } .drag-handle:active{color:var(--brass-light);cursor:grabbing;} .ledger-row{touch-action:pan-y pinch-zoom;} .ledger-item.dragging .drag-handle{color:var(--brass-light);cursor:grabbing;} .ledger-item.dragging .ledger-row{box-shadow:0 14px 36px rgba(0,0,0,.42);} body.is-dragging{overflow:hidden!important;touch-action:none!important;} body.is-dragging .ledger-list{touch-action:none!important;} @media (max-width:520px){ /* V160.3: a 24px grip (still 46px tall to stay easy to press) leaves the currency name room */ .drag-handle{width:24px;min-width:24px;height:46px;font-size:18px;} } /* V394: partners page */ .pt-stats{margin:18px 0 6px} .pt-steps{list-style:none;counter-reset:pt;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .pt-steps li{counter-increment:pt;position:relative;padding:40px 12px 12px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px;background:var(--card,#12141A)} .pt-steps li::before{content:counter(pt);position:absolute;top:10px;inset-inline-start:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--brass,#D69A3E);color:#1A1200;font:800 12.5px Inter,system-ui,sans-serif} .pt-steps b{display:block;font-size:14.5px}.pt-steps span{display:block;color:var(--muted,#A8ACB5);font-size:13px;line-height:1.45;margin-top:3px} .pt-cond{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .pt-cond li{padding:14px 12px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px;background:var(--card,#12141A)}.pt-cond b{display:block;font:800 22px Inter,system-ui,sans-serif;color:var(--brass,#D69A3E)}.pt-cond span{display:block;color:var(--muted,#A8ACB5);font-size:13px;line-height:1.4;margin-top:4px} @media (max-width:700px){.pt-steps{grid-template-columns:1fr 1fr}.pt-cond{grid-template-columns:1fr 1fr}} /* V380: network status */ .ns-speed{margin:14px 0 12px;padding:12px 14px;border-radius:14px;background:rgba(31,157,99,.10);border:1px solid rgba(31,157,99,.35)}.ns-speed b{display:block;font-size:15.5px}.ns-speed span{display:block;font-size:13px;opacity:.85;margin-top:3px} .ns-list{display:flex;flex-direction:column;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px;overflow:hidden} .ns-row{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:8px 10px;padding:12px 14px;border-top:1px solid var(--line,rgba(255,255,255,.08))}.ns-row:first-child{border-top:0} .ns-coin{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ns-coin b{font-size:15.5px}.ns-coin span{color:var(--muted,#A8ACB5);font-size:13.5px} .ns-live,.ns-late{font-style:normal;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;margin-inline-start:auto}.ns-live{color:#3CCF8E;background:rgba(31,157,99,.14)}.ns-late{color:#E8B04A;background:rgba(232,176,74,.14)} .ns-cell small{display:block;color:var(--muted,#A8ACB5);font-size:11.5px;margin-bottom:3px}.ns-conf span{font-size:13px} .ns-pill{display:inline-block;font-size:12.5px;font-weight:700;padding:2px 9px;border-radius:99px}.ns-open{color:#3CCF8E;background:rgba(31,157,99,.14)}.ns-paused{color:#F08A86;background:rgba(217,83,79,.14)} .ns-wait{padding:12px 14px;margin:0;color:var(--muted,#A8ACB5);font-size:13.5px}.ns-at{color:var(--muted,#A8ACB5);font-size:12.5px;margin:8px 0 0} .ns-notes{margin:16px 0 10px;padding-inline-start:20px;line-height:1.65;color:var(--muted,#A8ACB5);font-size:14px} /* V377: Investo Verify */ .vf-form{display:flex;gap:8px;margin:16px 0 10px}.vf-form input{flex:1;min-width:0;padding:13px 14px;border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.14));background:var(--panel,#12141A);color:inherit;font:inherit;font-size:16px} .vf-form .contact-btn{flex:none;padding-inline:20px} .vf-res{min-height:4px;margin:0 0 18px;border-radius:14px}.vf-res b{display:block;font-size:16px;margin-bottom:4px}.vf-res span{display:block;font-size:14px;line-height:1.5;opacity:.9;margin-top:3px} .vf-ok,.vf-bad,.vf-warn{padding:14px 16px}.vf-ok{background:rgba(31,157,99,.14);border:1px solid rgba(31,157,99,.5)}.vf-ok b{color:#3CCF8E} .vf-bad{background:rgba(217,83,79,.14);border:1px solid rgba(217,83,79,.55)}.vf-bad b{color:#F08A86} .vf-warn{background:rgba(232,176,74,.12);border:1px solid rgba(232,176,74,.45)} .vf-h{font-size:17px;margin:22px 0 10px} .vf-list{display:flex;flex-direction:column;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px;overflow:hidden} .vf-list a,.vf-list .vf-item{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:12px 14px;border-top:1px solid var(--line,rgba(255,255,255,.08));color:inherit;text-decoration:none} .vf-list a:first-child{border-top:0}.vf-list .vf-item{cursor:default}.vf-list b{font-size:14.5px}.vf-list span{text-align:end;overflow-wrap:anywhere;font-family:var(--mono,ui-monospace,monospace);font-size:13.5px;color:var(--gold,#D69A3E)} .vf-list small{grid-column:1/-1;color:var(--muted,#A8ACB5);font-size:12.5px} .vf-never{margin:0;padding-inline-start:20px;line-height:1.7;color:var(--muted,#A8ACB5)} /* V375: Markets */ .mk-search{display:flex;align-items:center;gap:8px;margin:14px 0 10px;padding:10px 14px;border-radius:14px;background:var(--panel,#12141A);border:1px solid var(--line,rgba(255,255,255,.1))} .mk-search svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;opacity:.6} .mk-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:inherit;font:inherit;font-size:16px} .mk-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -2px 8px;padding:2px} .mk-tabs::-webkit-scrollbar{display:none} .mk-tabs button{flex:none;padding:8px 13px;border-radius:999px;border:1px solid var(--line,rgba(255,255,255,.1));background:none;color:var(--muted,#A8ACB5);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer} .mk-tabs button[aria-pressed="true"]{color:#1A1200;background:var(--gold,#D69A3E);border-color:transparent} .mk-head{display:grid;grid-template-columns:1fr auto 84px;gap:10px;padding:6px 40px 6px 4px;font-size:11.5px;color:var(--muted,#A8ACB5);letter-spacing:.03em} .mk-head span:nth-child(2){text-align:end}.mk-head span:nth-child(3){text-align:end} .mk-list{display:flex;flex-direction:column} .mk-row{display:grid;grid-template-columns:36px 1fr auto 84px 26px;align-items:center;gap:10px;width:100%;padding:11px 4px;background:none;border:0;border-top:1px solid var(--line,rgba(255,255,255,.08));color:inherit;font:inherit;text-align:start;cursor:pointer} .mk-l svg,.mk-ic{width:36px;height:36px;display:block} .mk-ic{display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.07);color:var(--ink,#ECEDEF);font:800 10.5px var(--mono,ui-monospace,monospace);letter-spacing:-.02em} .mk-ic.mk-indices{background:rgba(96,165,250,.14);color:#93C5FD}.mk-ic.mk-energy{background:rgba(251,146,60,.14);color:#FDBA74}.mk-ic.mk-fx{background:rgba(52,211,153,.12);color:#6EE7B7}.mk-ic.mk-tools{background:rgba(255,255,255,.06);color:#A8ACB5} .mk-n{min-width:0}.mk-n b{font:700 15px var(--mono,ui-monospace,monospace)}.mk-n em{font-style:normal;margin-inline-start:7px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;color:var(--gold,#D69A3E);border:1px solid rgba(214,154,62,.5);white-space:nowrap} .mk-n small{display:block;color:var(--muted,#A8ACB5);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mk-n small.mk-fix{color:var(--gold,#D69A3E);font-weight:700;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto} /* V397: the fixed spread is the selling point — it wraps, it is never cut */ .mk-p{text-align:end}.mk-p b{display:block;font:700 15px var(--mono,ui-monospace,monospace)} .mk-f{display:block;font-size:10.5px;letter-spacing:.04em;margin-top:2px;color:var(--muted,#A8ACB5)}.mk-f.lv{color:#3CCF8E}.mk-f.dl{color:#E8B04A} .mk-c{display:inline-block;min-width:76px;padding:8px 6px;border-radius:9px;text-align:center;font:700 13px var(--mono,ui-monospace,monospace);background:rgba(255,255,255,.07);color:var(--ink,#ECEDEF)} .mk-c.up{background:#1F9D63;color:#fff}.mk-c.dn{background:#D9534F;color:#fff} .mk-star{font-size:18px;color:rgba(255,255,255,.22);text-align:center;cursor:pointer;line-height:1}.mk-star.on{color:var(--gold,#D69A3E)} .mk-empty{padding:22px 4px;color:var(--muted,#A8ACB5);text-align:center} .mk-note{margin:0 2px 4px;font-size:12px;line-height:1.5;color:var(--muted,#A8ACB5)} /* V397 (after the Gemini mockups): more of the list on the first screen of a phone — no kicker, a smaller title, the honest note (indicative prices, their time, the risk line) at the top where it is read, and no Back to Menu where the bottom bar already has Home and Markets (swipe back still works: every view is a history step) */ @media (max-width:600px){.mk-wrap .country-title{font-size:22px;margin:4px 0 8px}} @media (max-width:900px){body.has-appbar #view-markets .app-back-menu{display:none}} .mk-sheet{position:fixed;inset:0;z-index:2147483100;background:rgba(0,0,0,.55);display:none;align-items:flex-end;justify-content:center} .mk-sheet.open{display:flex} body.mk-open .pwa-bar{display:none!important} .mk-sheet-in{position:relative;width:100%;max-width:520px;max-height:88vh;overflow:auto;background:var(--panel,#12141A);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:20px 20px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom,0px))} /* V438.20: the chart in every row's sheet, and the picker on /trade */ .mk-sh-tf{margin:4px 0 8px} .mk-sheet .mk-sh-chart{height:220px} /* wins over .tc-chart (280px), which is declared later */ .tc-none{display:flex;align-items:center;justify-content:center;height:100%;margin:0;text-align:center} .mk-sh-src{margin:4px 0 12px} .tc-more span{margin-inline-end:2px} .tc-pick{border-top:1px solid var(--line,rgba(255,255,255,.08));margin:0 0 10px;padding-top:4px} .tc-pick .mk-search{margin:8px 0} .tc-pick-list{max-height:300px;overflow:auto;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:12px} .tc-pick-g{padding:8px 12px 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#A8ACB5)} .tc-pick-row{display:flex;align-items:baseline;gap:10px;width:100%;padding:9px 12px;background:none;border:0;border-top:1px solid var(--line,rgba(255,255,255,.06));color:inherit;font:inherit;text-align:start;cursor:pointer} .tc-pick-row b{font:700 14px var(--mono,ui-monospace,monospace)}.tc-pick-row small{color:var(--muted,#A8ACB5);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tc-pick-row[aria-pressed="true"]{background:rgba(214,154,62,.1)}.tc-pick-row[aria-pressed="true"] b{color:var(--gold,#D69A3E)} .mk-x{position:absolute;top:12px;inset-inline-end:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line,rgba(255,255,255,.12));background:none;color:inherit;font-size:15px;cursor:pointer} .mk-sh-top{display:flex;align-items:center;gap:12px}.mk-sh-top svg,.mk-sh-top .mk-ic{width:46px;height:46px;flex:none}.mk-sh-top b{display:block;font:800 18px var(--mono,ui-monospace,monospace)}.mk-sh-top small{color:var(--muted,#A8ACB5)} .mk-sh-price{margin:16px 0 4px;font:800 32px var(--mono,ui-monospace,monospace);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mk-sh-price .mk-c{min-width:0;font-size:12.5px;padding:6px 9px} .mk-tag-line{margin:0 0 12px;color:var(--gold,#D69A3E);font-size:13.5px;font-weight:600} .mk-go,.mk-go2{display:flex!important;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin-top:8px;text-decoration:none} .mk-go2{background:none!important;color:inherit!important;border:1px solid var(--line,rgba(255,255,255,.18))!important;box-shadow:none!important} @media (max-width:420px){.mk-row{grid-template-columns:32px minmax(0,1fr) fit-content(64px) 70px 22px;gap:8px}.mk-f{white-space:normal;line-height:1.2}.mk-l svg,.mk-ic{width:32px;height:32px}.mk-c{min-width:66px;font-size:12px;padding:7px 4px}.mk-head{grid-template-columns:1fr auto 70px;padding-inline-end:30px}} /* the smallest phones: the round icon steps aside so the name and its fixed spread have the room (a long word such as the Russian «Фиксированный» would otherwise run into the price) */ @media (max-width:360px){.mk-row{grid-template-columns:minmax(0,1fr) fit-content(64px) 62px 20px}.mk-row .mk-l{display:none}.mk-c{min-width:58px}} html.app-ready body > * { visibility: visible; } .telegram-float{position:fixed!important;right:18px!important;bottom:calc(18px + env(safe-area-inset-bottom, 0px))!important;z-index:2147483647!important;display:flex;align-items:center;gap:9px;padding:11px 16px 11px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#12a8c4;color:#061014;text-decoration:none;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.38),0 0 25px rgba(18,168,196,.18);transition:transform .2s ease,box-shadow .2s ease} .telegram-float:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 30px rgba(18,168,196,.28)} .telegram-float-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#061014;color:#12d4ee;font-size:.8rem} .telegram-float-label{font-size:.9rem} @media(max-width:560px){.telegram-float{right:12px;bottom:12px;padding:10px 14px 10px 10px}} .pwa-launch-splash{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:#090909;color:#f3eee4;opacity:1;transition:opacity .22s ease;pointer-events:auto} .pwa-launch-splash.show{display:flex} .pwa-launch-splash.hide{opacity:0;pointer-events:none} .pwa-launch-mark{text-align:center;width:100%;padding:0 22px} .pwa-launch-mark img{display:block;width:min(620px,76vw);height:auto;margin:0 auto} .pwa-launch-loader{width:128px;height:3px;margin:18px auto 0;background:rgba(255,255,255,.10);overflow:hidden;border-radius:99px} .pwa-launch-loader span{display:block;width:42%;height:100%;background:#D69A3E;animation:pwaLoad 1s ease-in-out infinite} @keyframes pwaLoad{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}} @media(prefers-reduced-motion:reduce){.pwa-launch-splash{transition:none}.pwa-launch-loader span{animation:none}} /* V101 — separate editorial news and education views; remove code-like feed styling */ .editorial-page{padding-top:22px;padding-bottom:64px;} .editorial-head{max-width:780px;padding:20px 0 24px;} .editorial-kicker{font:700 10px var(--mono);letter-spacing:.16em;color:var(--brass-light);text-transform:uppercase;} .editorial-head h1,.editorial-head h2{margin:7px 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.035em;} .editorial-head p{margin:0;max-width:700px;color:var(--text-dim);font-size:14px;line-height:1.7;} .editorial-meta{display:flex;align-items:center;gap:8px;margin-top:15px;color:var(--text-dimmer);font-size:11px;} .live-dot{width:7px;height:7px;border-radius:50%;background:var(--brass-light);box-shadow:0 0 0 4px rgba(214,154,62,.08);} .news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} .news-card{display:flex;flex-direction:column;min-height:205px;padding:22px;border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:transform .16s ease,border-color .16s ease,background .16s ease;} .news-card:hover{transform:translateY(-2px);border-color:rgba(214,154,62,.42);background:linear-gradient(145deg,rgba(214,154,62,.055),rgba(255,255,255,.018));} .news-card-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--text-dimmer);font-size:10px;margin-bottom:15px;} .news-card-source{color:var(--brass-light);font-weight:800;text-transform:uppercase;letter-spacing:.07em;} .news-card-time{white-space:nowrap;} .news-card h2{margin:0;font-size:17px;line-height:1.42;letter-spacing:-.015em;font-weight:750;} .news-card a{margin-top:auto;padding-top:20px;color:var(--brass-light);font-size:11px;font-weight:800;text-decoration:none;} .news-card a span{margin-left:4px;} .news-loading{grid-column:1/-1;padding:40px 20px;border:1px solid var(--line);border-radius:16px;color:var(--text-dimmer);text-align:center;font-size:13px;} .news-feature{margin-bottom:14px;} .news-feature-card{padding:28px;border:1px solid rgba(214,154,62,.35);border-radius:18px;background:linear-gradient(145deg,rgba(214,154,62,.075),rgba(255,255,255,.015));} .news-feature-card .news-card-meta{margin-bottom:10px;} .news-feature-card h2{font-size:clamp(20px,3vw,28px);max-width:900px;} /* V414.1 (the owner: "make small square pictures next to news"): one small square picture beside every headline, the top story too */ .news-card.has-pic,.news-feature-card.has-pic{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start} .news-card.has-pic .news-txt,.news-feature-card.has-pic .news-txt{display:flex;flex-direction:column;min-width:0;min-height:100%} .news-pic{width:72px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;line-height:0;box-shadow:inset 0 0 0 1px rgba(214,154,62,.18)}.news-pic svg{width:100%;height:100%;display:block} @media(max-width:760px){.news-card.has-pic,.news-feature-card.has-pic{grid-template-columns:60px 1fr;gap:12px}.news-pic{width:60px;border-radius:10px}.news-card{min-height:0!important}} .editorial-note{margin-top:18px;color:var(--text-dimmer);font-size:10px;line-height:1.6;max-width:900px;} .education-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} .education-card{display:flex;flex-direction:column;min-height:330px;padding:24px;border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));} .education-number{font:700 10px var(--mono);color:var(--text-dimmer);margin-bottom:30px;} .education-kicker{font:700 10px var(--mono);letter-spacing:.12em;color:var(--brass-light);margin-bottom:10px;} .education-card h2{margin:0 0 11px;font-size:19px;line-height:1.35;letter-spacing:-.015em;} .education-card p{margin:0;color:var(--text-dim);font-size:12.5px;line-height:1.7;} .education-source{margin-top:auto;padding-top:22px;color:var(--text-dimmer);font-size:10px;} .education-card a{display:inline-flex;align-items:center;margin-top:8px;color:var(--brass-light);font-size:11px;font-weight:800;text-decoration:none;} .education-card a span{margin-left:5px;} .education-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;} .education-principles>div{padding:17px 18px;border-top:1px solid var(--line-strong);} .education-principles strong{display:block;font-size:12px;margin-bottom:5px;} .education-principles span{display:block;color:var(--text-dimmer);font-size:10.5px;line-height:1.55;} .app-home-learn{grid-template-columns:repeat(2,minmax(0,1fr));} @media(max-width:760px){.news-grid,.education-grid,.education-principles{grid-template-columns:1fr}.editorial-page{padding-bottom:46px}.editorial-head{padding-top:12px}.news-card{min-height:185px;padding:19px}.education-card{min-height:285px;padding:20px}.education-number{margin-bottom:22px}.app-home-learn{grid-template-columns:1fr 1fr;}} @media(max-width:480px){.app-home-learn{grid-template-columns:1fr}.editorial-head h1,.editorial-head h2{font-size:30px}.editorial-head p{font-size:13px}} .live-news-item{padding:11px 0;border-top:1px solid var(--line)} .live-news-item:first-child{border-top:0} .live-news-meta{font-size:8.5px;color:var(--brass-light);text-transform:uppercase;letter-spacing:.04em} .live-news-headline{margin-top:4px;font-size:10.5px;line-height:1.45;font-weight:700;color:var(--text)} .live-news-item a{display:inline-flex;margin-top:5px;color:var(--brass-light);font-size:9px;font-weight:800;text-decoration:none} .payments-wrap{padding:34px 0 60px}.payments-hero{max-width:720px;padding-bottom:20px}.payments-hero h1{font-size:34px;letter-spacing:-.03em;margin:5px 0 10px}.payments-hero p{color:var(--text-dim);line-height:1.7;font-size:14px}.payments-tabs{display:flex;gap:8px;margin:4px 0 16px}.payments-tab{border:1px solid var(--line-strong);background:var(--card);color:var(--text-dim);border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer}.payments-tab.active{background:var(--brass);border-color:var(--brass);color:var(--bg)}.payment-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px}.payment-card,.payment-preview,.payment-security-note,.payment-admin-card{background:var(--card);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.14)}.payment-card{padding:24px}.payment-form-title{font-size:23px;font-weight:800}.payment-form-sub{font-size:12px;color:var(--text-dimmer);margin:5px 0 20px}.payment-field{display:block;margin:0 0 14px}.payment-field span,.admin-grid-fields label,.payment-admin-card>label,.admin-wide{display:block;font-size:11px;color:var(--text-dim);font-family:var(--mono);margin-bottom:7px}.payment-field input,.payment-field select,.admin-grid-fields input,.admin-grid-fields select,.payment-admin-card>label input,.payment-admin-card>label select,.admin-wide textarea,.admin-upload input{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;color:var(--text);padding:11px 12px;font:inherit}.payment-field select,.admin-grid-fields select{appearance:auto}.payment-instruction{margin:14px 0;padding:13px 14px;border:1px solid rgba(240,184,90,.25);border-radius:10px;color:var(--text-dim);font-size:12px;line-height:1.55;background:rgba(240,184,90,.04)}.payment-submit,.copy-address,.admin-primary{border:1px solid var(--brass);background:var(--brass);color:var(--bg);border-radius:9px;padding:11px 15px;font-weight:800;cursor:pointer}.payment-submit{width:100%;margin-top:4px}.payment-submit:disabled{opacity:.55;cursor:not-allowed}.payment-error{margin:10px 0;padding:10px;border-radius:9px;background:rgba(224,96,79,.08);border:1px solid rgba(224,96,79,.3);color:#ffb5aa;font-size:12px}.payment-success{margin-top:10px;padding:10px;border-radius:9px;background:rgba(63,191,127,.08);border:1px solid rgba(63,191,127,.3);color:#a9f0c9;font-size:12px}.payment-preview{padding:24px;align-self:start}.payment-preview-kicker{font:10px var(--mono);color:var(--brass-light);letter-spacing:.08em}.payment-preview h2{font-size:20px;margin:7px 0 16px}.payment-qr-box{min-height:300px;display:grid;place-items:center;background:#fff;border-radius:12px;padding:12px;box-sizing:border-box}.payment-qr-box[hidden]{display:none!important}.payment-qr-box img{max-width:100%;max-height:360px;display:block}.payment-qr-box div{color:#555;font-size:12px;text-align:center;padding:20px}.payment-address-label{font:10px var(--mono);color:var(--text-dimmer);margin-top:16px}.payment-address{word-break:break-all;font:700 12px/1.55 var(--mono);margin:5px 0 9px;color:var(--text)}.copy-address{background:transparent;color:var(--text);border-color:var(--line-strong);font-size:11px}.payment-note{font-size:11px;line-height:1.55;color:var(--text-dimmer);margin-top:14px}.payment-security-note{margin-top:16px;padding:14px 16px;color:var(--text-dimmer);font-size:11px;line-height:1.55}.payment-destination-wrap[hidden]{display:none}.payment-admin{display:none;position:fixed;inset:0;z-index:120;background:rgba(7,8,11,.97);overflow:auto;padding:28px 18px 50px}.payment-admin.open{display:block}.payment-admin-head,.admin-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.payment-admin-head{max-width:1100px;margin:0 auto 18px}.payment-admin h2{font-size:26px;margin:4px 0}.payment-admin-head p{max-width:720px;color:var(--text-dim);font-size:12px;line-height:1.6}.payment-admin-close{background:transparent;border:1px solid var(--line-strong);color:var(--text);border-radius:9px;padding:9px 12px;cursor:pointer}.payment-admin-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-admin-card{padding:18px}.payment-admin-card h3{font-size:15px;margin:0 0 14px}.admin-grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-grid-fields label{margin:0}.admin-checks{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--text-dim);margin:12px 0}.admin-checks input{accent-color:var(--brass)}.admin-wide{margin-top:11px}.admin-wide textarea{min-height:72px;resize:vertical}.admin-upload{margin:12px 0;font-size:10px;color:var(--text-dimmer)}.admin-upload label{display:block;font:11px var(--mono);color:var(--text-dim);margin-bottom:6px}.admin-upload span{display:block;margin-top:5px}.admin-method-list-card{max-width:1100px;margin:14px auto 0}.admin-list-head{align-items:center}.admin-method{border:1px solid var(--line-strong);border-radius:11px;padding:13px;margin-top:10px}.admin-method-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-method-top strong{font-size:13px}.admin-method-meta{font:10px var(--mono);color:var(--text-dimmer)}.admin-method-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.admin-method-fields input,.admin-method-fields textarea{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);padding:8px 9px;font:11px var(--mono)}.admin-method-fields textarea{min-height:60px;resize:vertical}.admin-option{margin-top:9px;padding:10px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid var(--line-strong)}.admin-option-row{display:grid;grid-template-columns:1fr 1fr 1.8fr auto;gap:7px;align-items:center}.admin-option-row input{min-width:0}.admin-option-actions{display:flex;gap:6px;align-items:center;margin-top:7px;flex-wrap:wrap}.admin-option-actions input[type=file]{max-width:230px;font-size:10px}.admin-danger{border:1px solid rgba(224,96,79,.45);background:transparent;color:#ffb5aa;border-radius:7px;padding:7px 9px;font-size:10px;cursor:pointer}.admin-save-status{max-width:1100px;margin:10px auto 0;font:11px var(--mono);color:var(--brass-light)} @media(max-width:760px){.payment-layout,.payment-admin-grid{grid-template-columns:1fr}.admin-option-row,.admin-method-fields,.admin-grid-fields{grid-template-columns:1fr}.payments-hero h1{font-size:28px}.payment-preview{order:-1}.payment-qr-box{min-height:220px}} /* V53 — mobile tab bar: stable sizing, no crushed labels, horizontal swipe */ .tabnav-wrap{padding:14px 0 0;} .tabnav{ display:flex; align-items:stretch; gap:4px; padding:4px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; overscroll-behavior-x:contain; } .tabnav::-webkit-scrollbar{display:none;} .tab-btn{ flex:0 0 auto; min-width:96px; min-height:44px; padding:9px 12px; white-space:normal; line-height:1.15; font-size:12px; font-weight:650; } .tab-btn[data-view="trading"]{min-width:104px;} .tab-btn[data-view="usdt"]{min-width:96px;} .tab-btn[data-view="news"]{min-width:82px;} .tab-btn[data-view="payments"]{min-width:128px;} .tab-btn[data-view="contact"]{min-width:92px;} @media(max-width:520px){ .tabnav-wrap{padding:12px 0 0;} .tabnav{border-radius:20px;gap:3px;padding:4px;} .tab-btn{min-height:46px;padding:9px 10px;font-size:11.5px;} .tab-btn.active{box-shadow:0 2px 8px rgba(0,0,0,.18);} } @media(min-width:900px){ .tabnav{overflow-x:visible;} .tab-btn{flex:1 1 0;min-width:0;} } /* V54 — calmer visual hierarchy, softer contrast, easier one-hand use */ :root{ --bg:#0C0E11; --card:#15181C; --card-raised:#1B1F24; --line:rgba(255,255,255,.075); --line-strong:rgba(255,255,255,.115); --brass:#C9953D; --brass-light:#E2B45D; --text:#F1F0EC; --text-dim:rgba(241,240,236,.64); --text-dimmer:rgba(241,240,236,.58); /* V363: .42 was 3.7:1 on the page — below readable contrast for risk lines */ } body{background:var(--bg);line-height:1.5;} header{background:rgba(12,14,17,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);} .brand-wordmark{height:64px;} /* Keep navigation calm and predictable: scroll on small screens, equal tabs on larger screens. */ .tabnav-wrap{padding:10px 0 0;} .tabnav{ background:rgba(21,24,28,.94); border-color:rgba(255,255,255,.10); box-shadow:0 6px 20px rgba(0,0,0,.12); gap:3px; scroll-snap-type:x proximity; } .tab-btn{ min-height:46px; border-radius:14px; padding:8px 13px; font-size:12px; line-height:1.2; color:var(--text-dim); scroll-snap-align:center; } .tab-btn.active{background:var(--brass);color:#171108;box-shadow:0 3px 12px rgba(201,149,61,.16);} .tab-btn:focus-visible,.trust-stack-link:focus-visible,.home-cta:focus-visible,.contact-btn:focus-visible,.inline-contact a:focus-visible{outline:2px solid var(--brass-light);outline-offset:2px;} /* Trust area: less dense, softer borders, clearer scanning. */ .trust-stack{margin-bottom:22px;padding:18px;border-radius:16px;background:rgba(255,255,255,.018);box-shadow:0 10px 28px rgba(0,0,0,.10);} .trust-stack-head{margin-bottom:13px;} .trust-stack-title{font-size:18px;} .trust-stack-sub{font-size:11px;color:var(--text-dimmer);} .trust-tile{background:rgba(255,255,255,.012);border-color:var(--line);padding:13px;} .trust-tile strong{font-size:12px;} .trust-tile span{font-size:10.5px;line-height:1.5;color:var(--text-dimmer);} .trust-warning{margin-top:11px;padding:11px 13px;background:rgba(201,149,61,.035);border-color:rgba(201,149,61,.16);color:var(--text-dimmer);font-size:10.5px;line-height:1.55;} /* Main content gets more breathing room and less visual noise. */ .hero{padding:18px 0 34px;} .convert-card,.usdt-card,.account-form,.contact-card,.mt5-card,.payment-card,.payment-preview{box-shadow:0 10px 28px rgba(0,0,0,.11);} .ledger-list{gap:8px;} .ledger-row{background:rgba(21,24,28,.92);border-color:var(--line);} .ledger-row:hover{background:#181B20;} .home-cta-grid{gap:10px;margin:22px 0 34px;} .home-cta{background:rgba(21,24,28,.88);border-color:var(--line);box-shadow:none;} .home-cta.primary{background:linear-gradient(145deg,rgba(47,37,19,.72),rgba(21,24,28,.96));} .section-block{margin-bottom:32px;} .benefit-card,.about-strip{background:rgba(255,255,255,.012);border-color:var(--line);} .flow-grid>div{background:rgba(21,24,28,.78);} /* Floating controls should feel helpful, not intrusive. */ .trust-float,.telegram-float{box-shadow:0 8px 22px rgba(0,0,0,.20)!important;} /* Better mobile ergonomics */ @media(max-width:560px){ .wrap{padding-left:14px;padding-right:14px;} .header-inner{min-height:48px;} .brand-wordmark{width:68vw;height:48px;} .tabnav-wrap{padding-top:8px;} .tabnav{border-radius:17px;padding:4px;} .tab-btn{min-width:96px!important;min-height:48px;padding:8px 11px;font-size:11.5px;} .trust-stack{padding:15px;margin-bottom:18px;} .trust-grid{gap:7px;} .trust-tile{padding:11px;border-radius:11px;} .trust-tile .icon{font-size:18px;margin-bottom:7px;} .hero{padding-top:14px;} .convert-head{padding:15px 16px 7px;} .base-row{padding:5px 16px 16px;} .base-amount{font-size:29px;} .ledger-section{padding-top:18px;} .currency-search{min-height:42px;} .fav-filter{min-height:42px;} .home-cta-grid{margin-top:20px;} .home-cta{padding:15px;} } @media(max-width:390px){ .trust-grid{grid-template-columns:1fr 1fr;} .tab-btn{min-width:92px!important;} .tab-btn[data-view="payments"]{min-width:116px!important;} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} .view.active{animation:none;} .dot{animation:none;} *{transition-duration:.01ms!important;animation-duration:.01ms!important;} } /* V56 — proper desktop canvas; preserve the compact mobile-first layout below 900px. */ @media (min-width: 900px){ .wrap{max-width:1180px;padding-left:24px;padding-right:24px;} header .wrap{max-width:1180px;} .header-inner{position:relative;justify-content:center;min-height:64px;} .brand-wordmark{width:520px;height:64px;} .header-right{position:absolute;right:24px;} .tabnav-wrap{padding-top:14px;} .tabnav-wrap .wrap{max-width:980px;} .tabnav{width:100%;} .tab-btn{min-height:44px;padding:8px 10px;font-size:12px;} .trust-stack{max-width:1180px;margin:16px auto 26px;padding:22px;border-radius:18px;} .trust-stack-head{margin-bottom:16px;} .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} .trust-tile{min-height:112px;padding:16px;} .trust-tile strong{font-size:12px;} .trust-tile span{font-size:10.5px;} .trust-warning{font-size:10.5px;} .view .wrap{max-width:1180px;padding-left:24px;padding-right:24px;} #view-converter .hero > .wrap{max-width:920px;} #view-usdt .wrap{max-width:920px;} #view-news .wrap{max-width:1180px;} #view-trading .wrap{max-width:1080px;} #view-contact .wrap,#view-support .wrap{max-width:1080px;} .home-cta-grid{gap:14px;} .benefit-grid{gap:12px;} .flow-grid{gap:12px;} .telegram-float{right:24px;bottom:24px;left:auto;} .trust-float{left:24px;bottom:24px;} } /* V59 — app-style home screen and service navigation */ .tabnav-wrap{display:none!important;} .trust-stack{display:none!important;} .app-home{display:block;min-height:calc(100vh - 106px);padding:28px 0 42px;} .app-home-inner{max-width:760px;margin:0 auto;padding:0 20px;} .app-home-brand{text-align:center;margin:6px 0 30px;} .app-home-brand img{width:min(360px,78vw);height:auto;display:block;margin:0 auto 16px;} .app-home-slogan{font:600 10px var(--mono);letter-spacing:.14em;color:var(--brass-light);text-transform:uppercase;} .app-home-ar{margin-top:7px;font-size:14px;color:var(--text-dim);} .app-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .app-menu-card{ appearance:none;width:100%;min-height:128px;padding:20px 18px;text-align:left; border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); color:var(--text);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:18px; transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; } .app-menu-card:hover,.app-menu-card:focus-visible{transform:translateY(-2px);border-color:rgba(214,154,62,.62);background:linear-gradient(145deg,rgba(214,154,62,.10),rgba(255,255,255,.018));box-shadow:0 14px 34px rgba(0,0,0,.22);outline:none;} .app-menu-card:active{transform:translateY(0);} .app-menu-index{font:700 10px var(--mono);letter-spacing:.10em;color:var(--brass-light);} .app-menu-title{font-size:16px;font-weight:700;line-height:1.25;} .app-menu-ar{display:block;margin-top:4px;font-size:12px;font-weight:500;color:var(--text-dim);} .app-menu-arrow{align-self:flex-end;color:var(--brass-light);font-size:18px;line-height:1;} .app-home-foot{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px;color:var(--text-dimmer);font:500 10px var(--mono);} .app-home-foot a{color:inherit;text-decoration:none;} .app-home-foot a:hover{color:var(--brass-light);} .view{min-height:calc(100vh - 106px);} .view.active{animation:appViewIn .18s ease-out;} @keyframes appViewIn{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}} .view .app-back-menu{display:inline-flex;align-items:center;gap:10px;margin:24px 0 4px;padding:8px 18px 8px 10px;min-height:46px;border:1px solid rgba(214,154,62,.42);border-radius:999px;background:linear-gradient(180deg,rgba(214,154,62,.10),rgba(255,255,255,.025));color:var(--text);font:600 12px var(--mono);letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.16);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;} .view .app-back-menu .back-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(214,154,62,.14);color:var(--brass-light);font:700 15px/1 Inter,sans-serif;} .view .app-back-menu .back-copy{display:flex;align-items:baseline;gap:8px;white-space:nowrap;} .view .app-back-menu .back-ar{font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:var(--text-dim);direction:rtl;} .view .app-back-menu:hover{transform:translateY(-1px);border-color:rgba(214,154,62,.72);background:linear-gradient(180deg,rgba(214,154,62,.15),rgba(255,255,255,.04));box-shadow:0 10px 28px rgba(0,0,0,.22);} .view .app-back-menu:active{transform:translateY(0);} .view .app-back-menu:focus-visible{outline:2px solid var(--brass-light);outline-offset:3px;} header{position:sticky;top:0;} @media (min-width:900px){ header{padding:calc(16px + env(safe-area-inset-top,0px)) 0 16px;} .header-inner{min-height:54px;} .brand-wordmark{width:330px;height:48px;} .app-home{padding-top:42px;} .app-home-inner{max-width:900px;} .app-home-brand{margin-bottom:34px;} .app-home-brand img{width:300px;margin-bottom:14px;} .app-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} .app-menu-card{min-height:150px;padding:22px;} .app-menu-title{font-size:17px;} } @media(max-width:560px){ .app-home{padding-top:24px;} .app-home-grid{grid-template-columns:1fr;gap:10px;} .app-menu-card{min-height:108px;padding:17px 16px;gap:12px;} .app-menu-title{font-size:15px;} .app-menu-arrow{font-size:16px;} .app-home-brand img{width:min(300px,78vw);} } /* V97 — center the footer wordmark itself on desktop; the previous element was centered but its background was left-aligned. */ footer .brand-logo-footer{display:block;width:270px;height:40px;margin:0 auto 14px;background-position:center center;background-repeat:no-repeat;background-size:contain;} @media(max-width:560px){ footer .brand-logo-footer{width:230px;height:34px;margin:0 auto 10px;background-position:center center;} } /* V101 — premium mobile/desktop homepage polish: restore the stats as a structured strip and remove amateur decorative service icons. */ .app-home-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:16px 0 2px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .app-stat{ min-width:0; padding:14px 12px 13px; text-align:center; position:relative; } .app-stat + .app-stat::before{ content:""; position:absolute; left:0; top:12px; bottom:12px; width:1px; background:var(--line); } .app-stat strong{ display:block; color:var(--brass-light); font:700 24px/1.05 var(--mono); letter-spacing:-.04em; } .app-stat span{ display:block; margin-top:6px; color:var(--text); font-size:10.5px; font-weight:650; line-height:1.3; } .app-stat small{ display:block; margin-top:3px; color:var(--text-dimmer); font-family:"Noto Sans Arabic",Inter,sans-serif; font-size:9px; line-height:1.45; } /* The primary cards already have a refined bottom arrow; remove the extra top-right symbol. */ .app-home-primary .app-menu-primary{ padding-right:20px; } .app-home-primary .app-menu-primary .app-menu-copy{ padding-right:0; } @media(max-width:560px){ .app-home-stats{margin-top:13px;} .app-stat{padding:12px 6px 11px;} .app-stat strong{font-size:20px;} .app-stat span{font-size:9px;line-height:1.28;} .app-stat small{font-size:8px;line-height:1.35;} } /* V67 — crypto payment options */ .choice-card > span{flex:1 1 auto;min-width:0;} .payment-details-card{overflow:hidden;} .native-qr{overflow:hidden;} .native-qr img{object-fit:contain;} .form-status.error{white-space:normal;overflow-wrap:anywhere;} /* V69 — keep the app shell clean; legacy marketing/trust blocks no longer appear below views. */ footer{padding:28px 0 34px;margin-top:22px;} footer .footer-tagline{font-size:10px;color:var(--text-dimmer);margin:8px 0 12px;} footer .legal-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:9px;} footer .disclaimer{max-width:620px;margin:12px auto 0;text-align:center;font-size:8.5px;} @media(max-width:560px){ footer{padding:24px 16px 30px;} footer .brand-logo-footer{width:230px;height:34px;margin:0 auto 10px;background-position:center center;} } /* V96 — premium UX/UI refinement: clearer hierarchy, less visual noise, stronger actions. */ .app-home{padding:30px 0 48px;} .app-home-inner{max-width:940px;} .app-home-brand{margin-bottom:24px;} .app-home-brand img{width:min(330px,72vw);} .app-home-slogan{font-size:9.5px;letter-spacing:.13em;} .app-home-ar{font-family:"Noto Sans Arabic",Inter,sans-serif;font-size:13px;line-height:1.7;} .app-home-intro{margin:0 auto 16px;max-width:680px;text-align:center;} .app-home-eyebrow,.app-home-section-label{font:700 9px var(--mono);letter-spacing:.16em;color:var(--brass-light);} .app-home-intro h1,.app-home-intro h2{margin-top:7px;font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1.2;} .app-home-intro p{margin-top:5px;color:var(--text-dim);font-size:12px;} .app-home-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .app-home-grid{gap:10px;} .app-home-tools{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin-left:auto;margin-right:auto;} .app-home-section-label{margin:23px 0 9px;padding-left:2px;color:var(--text-dimmer);letter-spacing:.13em;} .app-menu-card{position:relative;min-height:116px;padding:18px;border-radius:14px;background:rgba(255,255,255,.018);border-color:var(--line);} .app-menu-card:hover,.app-menu-card:focus-visible{background:rgba(214,154,62,.055);border-color:rgba(214,154,62,.55);box-shadow:0 12px 28px rgba(0,0,0,.18);} .app-menu-primary{min-height:148px;padding:20px;background:linear-gradient(145deg,rgba(214,154,62,.075),rgba(255,255,255,.018));border-color:rgba(214,154,62,.28);} .app-menu-primary:first-child{border-color:rgba(240,184,90,.52);} .app-menu-icon{position:absolute;top:18px;right:18px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(240,184,90,.25);border-radius:9px;background:rgba(240,184,90,.07);color:var(--brass-light);font-size:16px;} .app-menu-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-right:36px;} .app-menu-kicker{font:700 8.5px var(--mono);letter-spacing:.13em;color:var(--brass-light);margin-bottom:8px;} .app-menu-title{font-size:16px;font-weight:750;line-height:1.25;} .app-menu-primary .app-menu-title{font-size:18px;max-width:330px;} .app-menu-ar{display:block;margin-top:5px;font-family:"Noto Sans Arabic",Inter,sans-serif;font-size:11px;line-height:1.55;color:var(--text-dim);} .app-menu-arrow{position:absolute;right:18px;bottom:16px;color:var(--brass-light);font-size:16px;} .app-home-foot{margin-top:25px;gap:18px;font-size:9.5px;} .app-home-foot a{padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08);} .view .app-back-menu{margin:18px 0 2px;padding:5px 12px 5px 7px;min-height:36px;border-color:var(--line);background:rgba(255,255,255,.018);box-shadow:none;font-size:10px;} .view .app-back-menu .back-icon{width:24px;height:24px;font-size:13px;background:rgba(214,154,62,.10);} .view .app-back-menu .back-ar{font-family:"Noto Sans Arabic",Inter,sans-serif;font-size:10px;} .view .app-back-menu:hover{box-shadow:none;background:rgba(214,154,62,.06);} .trading-hero{padding-top:6px;} .trading-title{max-width:760px;font-size:36px;letter-spacing:-.035em;} .trading-lead{max-width:720px;color:var(--text-dim);} .trading-step{border-color:var(--line);background:rgba(255,255,255,.018);} .trading-step:first-child{border-color:rgba(214,154,62,.36);background:rgba(214,154,62,.045);} .mt5-card{box-shadow:0 14px 36px rgba(0,0,0,.16);} .account-form{box-shadow:0 14px 34px rgba(0,0,0,.12);} .transaction-choice .choice-card{min-height:82px;} .transaction-choice .choice-card i{font:700 8px var(--mono);font-style:normal;color:var(--text-dimmer);border:1px solid var(--line);border-radius:999px;padding:4px 6px;} .transaction-choice .choice-card:has(input:checked) i{color:var(--brass-light);border-color:rgba(214,154,62,.35);background:rgba(214,154,62,.07);} .payments-hero{max-width:760px;} .payments-hero h2{font-size:34px;letter-spacing:-.03em;} .payments-hero p{max-width:620px;} .learn-stack{box-shadow:none;background:transparent;border-color:var(--line);} .learn-card{box-shadow:none;} footer .footer-tagline{margin:8px 0 0;font-size:9.5px;letter-spacing:.06em;} footer .footer-tagline-ar{margin:4px 0 12px;color:var(--text-dimmer);font-family:"Noto Sans Arabic",Inter,sans-serif;font-size:10px;line-height:1.7;text-align:center;} .trust-float,.telegram-float{box-shadow:0 7px 20px rgba(0,0,0,.18)!important;} @media (min-width:900px){ .app-home{padding-top:30px;} .app-home-brand{margin-bottom:22px;} .app-home-brand img{width:270px;} .app-home-intro h1,.app-home-intro h2{font-size:24px;} .app-home-tools .app-menu-card{min-height:112px;} .app-home-foot{margin-top:22px;} } @media(max-width:760px){ .app-home-primary{grid-template-columns:1fr;} .app-home-tools{grid-template-columns:1fr 1fr;max-width:none;} .app-menu-primary{min-height:128px;} .app-home-intro h1,.app-home-intro h2{font-size:21px;} } @media(max-width:560px){ .app-home{padding-top:20px;padding-bottom:36px;} .app-home-brand{margin-bottom:20px;} .app-home-brand img{width:min(285px,76vw);} .app-home-slogan{font-size:8.5px;letter-spacing:.10em;} .app-home-ar{font-size:12px;} .app-home-intro{margin-bottom:13px;} .app-home-intro h2{font-size:20px;} .app-home-intro p{font-size:11px;} .app-home-tools{grid-template-columns:1fr 1fr;gap:8px;} .app-menu-card{min-height:106px;padding:15px;} .app-menu-primary{min-height:122px;padding:17px;} .app-menu-primary .app-menu-title{font-size:16px;} .app-menu-title{font-size:14px;} .app-menu-icon{top:14px;right:14px;width:27px;height:27px;font-size:14px;} .app-menu-copy{padding-right:28px;} .app-menu-kicker{font-size:7.5px;margin-bottom:6px;} .app-menu-ar{font-size:10px;} .app-menu-arrow{right:14px;bottom:12px;font-size:14px;} .app-home-section-label{margin-top:19px;} .app-home-foot{margin-top:20px;gap:12px;} .trading-title,.payments-hero h2{font-size:28px;} .view .app-back-menu{margin-top:14px;} footer .footer-tagline{font-size:8.5px;} } @media(max-width:390px){ .app-home-tools{grid-template-columns:1fr;} } /* V102 — lock the entire footer brand block to a single centered column on desktop. */ footer > .wrap{ max-width:720px !important; margin-left:auto !important; margin-right:auto !important; padding-left:18px !important; padding-right:18px !important; text-align:center !important; } footer .brand-logo-footer{ display:block !important; width:270px !important; height:40px !important; margin:0 auto 14px !important; background-position:center center !important; background-repeat:no-repeat !important; background-size:contain !important; } footer .footer-tagline, footer .footer-tagline-ar, footer .legal-links, footer .disclaimer{ width:100% !important; text-align:center !important; margin-left:auto !important; margin-right:auto !important; } @media(max-width:560px){ footer > .wrap{max-width:none !important;padding-left:16px !important;padding-right:16px !important;} footer .brand-logo-footer{width:230px !important;height:34px !important;margin:0 auto 10px !important;} } /* V105 — the fixed header already carries the Investo Markets wordmark; remove the duplicate homepage brand block below it. */ .app-home-brand{display:none !important;} /* V106 — center the three Markets & Tools cards as a balanced desktop row. */ @media (min-width:761px){ .app-home-tools{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; max-width:720px !important; margin-left:auto !important; margin-right:auto !important; } } /* V107 — center the complete five-card secondary menu: 3 Markets & Tools + 2 Learn/Solutions. */ @media (min-width:761px){ .app-home-tools, .app-home-learn{ max-width:720px !important; margin-left:auto !important; margin-right:auto !important; } .app-home-section-label{ max-width:720px; margin-left:auto; margin-right:auto; } } /* ---- Languages (V119): EN / AR / TR ---- */ html.i18n-pending body{visibility:hidden} .i18n-dup{display:none!important} .lang-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text);font:600 12.5px/1 Inter,system-ui,sans-serif;cursor:pointer} .lang-btn:hover,.lang-btn:focus-visible{border-color:var(--brass);outline:none} .lang-btn svg{width:16px;height:16px} .flag{width:18px;height:18px;border-radius:50%;flex:none;display:inline-block;vertical-align:-3px;box-shadow:0 0 0 1px rgba(255,255,255,.12)} .lang-btn .flag{width:18px;height:18px} .qmenu-langs button{gap:6px}.qmenu-langs .flag{width:16px;height:16px} .lang-wrap{position:relative} .lang-pop{position:fixed;z-index:2147483601;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 32px));max-height:min(80vh,620px);overflow-y:auto;padding:8px 10px 12px;border:1px solid var(--line-strong);border-radius:18px;background:var(--card);box-shadow:0 24px 60px rgba(0,0,0,.55);display:none} .lang-back{position:fixed;inset:0;z-index:2147483600;background:rgba(0,0,0,.55);display:none}.lang-back.open{display:block}body.lang-lock{overflow:hidden} .lang-head{display:flex;justify-content:space-between;align-items:center;padding:8px 6px 10px;font:800 17px Inter,system-ui,sans-serif}.lang-pop .lang-x{width:34px;height:34px;flex:none;display:grid;place-items:center;place-content:center;padding:0;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--text);cursor:pointer} .lang-pop button[data-lang]{padding:13px 12px;font-size:15px;justify-content:flex-start}.lang-pop button[data-lang] span,.lang-pop button[aria-current="true"]::after{margin-inline-start:auto}.lang-pop button[data-lang] span{opacity:.55;font-size:12px}.lang-pop button[data-lang] .flag{width:22px;height:22px}.lang-pop button[aria-current="true"]::after{content:"✓";font-weight:800;color:var(--brass)}.lang-pop button[aria-current="true"] span{display:none} @media (max-width:700px){.lang-pop{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;border-radius:20px 20px 0 0;max-height:82vh;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}} .lang-pop.open{display:block} .lang-pop button,.qmenu-langs button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font:600 14px Inter,system-ui,sans-serif;cursor:pointer;text-align:start} .lang-pop button:hover,.lang-pop button[aria-current="true"]{background:rgba(214,154,62,.14);color:var(--brass-light)} .qmenu-langs{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0} /* V202.1: seven languages wrap to two rows instead of pushing the close button off-screen */ .qmenu-langs button{justify-content:center;border:1px solid var(--line);background:var(--card);min-width:0;flex:0 0 calc(25% - 5px);width:auto;padding:9px 0;border-radius:999px;font-size:13px} .qmenu-langs button[aria-current="true"]{border-color:var(--brass);color:var(--brass-light)} html[dir="rtl"] body{font-family:Inter,'Noto Sans Arabic',Tahoma,system-ui,sans-serif} /* ---- Quick menu (V115): one tap to any section ---- */ .open-pill{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:999px;background:var(--brass);color:var(--bg);font:800 13px/1 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 6px 18px rgba(214,154,62,.28)}.open-pill:hover{background:var(--brass-light)}body.on-trading .open-pill{display:none} .menu-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text);font:600 13px/1 Inter,system-ui,sans-serif;cursor:pointer} .menu-btn:hover,.menu-btn:focus-visible{border-color:var(--brass);outline:none} .menu-btn svg{width:18px;height:18px} .menu-btn .menu-ar{color:var(--text-dim);font-weight:500;font-size:12px} .qmenu{position:fixed;inset:0;z-index:100000;background:rgba(8,9,11,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;overflow-y:auto;overscroll-behavior:contain} .qmenu.open{display:block} .qmenu-inner{width:min(100% - 32px,720px);margin:0 auto;padding:18px 0 40px} .qmenu-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px} .qmenu-top b{font:700 11px var(--mono);letter-spacing:.16em;color:var(--brass-light)} .qmenu-close{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:22px;line-height:1;cursor:pointer} .qmenu-label{font:700 10px var(--mono);letter-spacing:.16em;color:var(--text-dimmer);margin:18px 0 8px} .qmenu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .home-tile,.qmenu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:94px;padding:14px 8px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--text);text-align:center;text-decoration:none;font:600 12.5px/1.3 Inter,system-ui,sans-serif;cursor:pointer} .home-tile svg,.qmenu-item svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--brass-light)} .qmenu-item.primary svg{color:var(--brass)} .home-tile:hover,.qmenu-item:hover,.qmenu-item:focus-visible{border-color:var(--brass);outline:none} .qmenu-item.primary{border-color:rgba(214,154,62,.55);background:linear-gradient(160deg,rgba(214,154,62,.16),rgba(214,154,62,.04))} #tradingAccountForm,#passwordResetCard{scroll-margin-top:96px} .home-actions{display:grid;gap:10px;margin:0 0 14px} .home-act{display:flex;align-items:center;gap:12px;min-height:62px;padding:15px 18px;border:1px solid var(--line-strong);border-radius:16px;background:rgba(255,255,255,.02);color:var(--text);font:700 15px Inter,system-ui,sans-serif;text-align:start;text-decoration:none;cursor:pointer} .home-act svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--brass-light)} .home-act.primary{min-height:70px;font-size:18px;font-weight:800;border-color:rgba(214,154,62,.55);background:linear-gradient(135deg,rgba(214,154,62,.2),rgba(214,154,62,.05))} .home-act.primary svg{width:26px;height:26px;color:var(--brass)} .home-act .go{margin-inline-start:auto;color:var(--brass-light);font-size:18px} .home-act:hover{border-color:var(--brass)} .home-sub{display:grid;grid-template-columns:1fr 1fr;gap:10px} .home-sub .home-act{justify-content:flex-start} .home-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .desk-posts{display:grid;gap:12px;margin:0 0 22px} .desk-post{padding:18px;border:1px solid var(--line-strong);border-radius:16px;background:var(--card)} .desk-post .dp-top{display:flex;align-items:center;gap:8px;font:600 10px var(--mono);letter-spacing:.12em;color:var(--brass-light);text-transform:uppercase} .desk-post .dp-top time{margin-inline-start:auto;color:var(--text-dimmer);letter-spacing:.06em} .desk-post h3{font-size:17px;line-height:1.35;margin:9px 0 0} .desk-post p{margin:8px 0 0;color:var(--text-dim);font-size:14px;line-height:1.7;white-space:pre-line} .dp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px} .dp-stat{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)} .dp-stat b{display:block;font:700 16px var(--mono)}.dp-stat span{display:block;font-size:11px;color:var(--text-dim);margin-top:2px} .dp-stat.up b{color:var(--up)}.dp-stat.down b{color:var(--down)} @media(max-width:560px){.trust-float{display:none!important}} .dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.dl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:74px;padding:12px 6px;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg);color:var(--text);text-decoration:none;font:600 12px Inter,system-ui,sans-serif}.dl-btn svg{width:22px;height:22px;color:var(--brass-light)}.dl-btn:hover{border-color:var(--brass)}.dl-note{margin-top:10px;font-size:11.5px;color:var(--text-dimmer);line-height:1.6}.dl-note b{color:var(--text-dim);font-family:var(--mono)}@media(max-width:420px){.dl-grid{grid-template-columns:repeat(2,1fr)}}.tg-strip{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:14px 16px;border:1px solid rgba(41,171,226,.35);border-radius:14px;background:rgba(41,171,226,.07);text-decoration:none;color:var(--text)}.tg-strip svg{width:26px;height:26px;flex-shrink:0;color:#29ABE2}.tg-strip b{display:block;font-size:14px}.tg-strip span{display:block;font-size:12px;color:var(--text-dim);margin-top:2px}.cr-strip{display:flex;align-items:center;gap:12px;margin:10px 0 0;padding:14px 16px;border:1px solid rgba(38,161,123,.4);border-radius:14px;background:linear-gradient(135deg,rgba(38,161,123,.12),rgba(247,147,26,.06));text-decoration:none;color:var(--text);flex-wrap:wrap}.cr-coins{display:flex;flex-shrink:0}.cr-c{width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 2px var(--bg)}.cr-c+.cr-c{margin-inline-start:-8px}.cr-c svg{width:28px;height:28px;display:block}.cr-t{flex:1;min-width:180px}.cr-t b{display:block;font-size:14px}.cr-t span{display:block;font-size:12px;color:var(--text-dim);margin-top:2px}.cr-strip .cr-go{margin-inline-start:auto;font:700 12px Inter,sans-serif;color:#3fbf7f;white-space:nowrap} .tg-strip .tg-go{margin-inline-start:auto;font:700 12px Inter,sans-serif;color:#5cc8f0;white-space:nowrap} .cal-banner{margin:6px 0 18px;padding:14px 16px;border:1px solid rgba(214,154,62,.45);border-radius:12px;background:rgba(214,154,62,.06);font-size:13.5px;line-height:1.6;color:var(--text-dim)}.cal-banner b{color:var(--text)}.cal-banner a{color:var(--brass-light);font-weight:700;text-decoration:none;white-space:nowrap} .cal-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.cal-filters button{appearance:none;border:1px solid var(--line-strong);background:transparent;color:var(--text-dim);border-radius:999px;padding:8px 14px;font:600 12.5px Inter,system-ui,sans-serif;cursor:pointer}.cal-filters button.on{background:var(--brass);border-color:var(--brass);color:var(--bg)} .cal-day{margin:0 0 22px}.cal-day-h{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;font-size:15px;font-weight:800}.cal-day-h small{font:500 11px var(--mono);color:var(--text-dimmer);letter-spacing:.06em}.cal-day-h.today{color:var(--brass-light)} .cal-row{display:grid;grid-template-columns:52px 64px minmax(0,1fr) 42px 62px 62px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}.cal-row:last-child{border-bottom:1px solid var(--line)}.cal-row.past{opacity:.45} .cal-time{font:600 12.5px var(--mono);color:var(--text-dim)}.cal-ccy{font:700 12px var(--mono);white-space:nowrap}.cal-ccy span{font-size:15px;margin-inline-end:4px}.cal-title{line-height:1.35;overflow-wrap:anywhere} .cal-imp{display:inline-flex;gap:2px}.cal-imp i{display:block;width:9px;height:12px;border-radius:2px;background:var(--line-strong)}.cal-imp.high i{background:#E0604F}.cal-imp.medium i:nth-child(-n+2){background:#E5A23B}.cal-imp.low i:first-child{background:#8A8F98}.cal-imp.holiday i{background:rgba(255,255,255,.12)} .cal-num{font:600 12.5px var(--mono);text-align:end;color:var(--text-dim)}.cal-num b{color:var(--text)}.cal-head{display:grid;grid-template-columns:52px 64px minmax(0,1fr) 42px 62px 62px;gap:8px;font:500 10px var(--mono);letter-spacing:.08em;color:var(--text-dimmer);text-transform:uppercase;padding:0 0 6px}.cal-head span:nth-child(n+5){text-align:end} @media(max-width:560px){.cal-row,.cal-head{grid-template-columns:44px 52px minmax(0,1fr) 34px 54px}.cal-row .cal-num:last-child,.cal-head span:last-child{display:none}.cal-imp i{width:7px;height:11px}.cal-row{font-size:13px}} .country-wrap,.partners-wrap{max-width:720px;padding:34px 20px 60px} footer .legal-links .foot-label{color:var(--text-dimmer);font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;align-self:center} .country-flag-img{width:26px;height:26px;border-radius:50%;object-fit:cover;vertical-align:-6px;display:inline-block} .country-kicker .country-flag:empty{display:none} .solutions-note{margin-top:22px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--card);color:var(--text-dim);font-size:12.5px;line-height:1.7}.solutions-note a{color:var(--brass-light);text-decoration:none;white-space:nowrap}.partners-wrap .account-form{margin-top:8px}.partners-wrap .country-local{margin-top:22px}.partners-wrap select,.partners-wrap textarea{width:100%;background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;color:var(--text);padding:12px;font:inherit;font-size:16px}.partners-wrap textarea{resize:vertical}.country-kicker{font:600 10px var(--mono);letter-spacing:.14em;color:var(--brass-light);text-transform:uppercase}.country-flag{font-size:16px;letter-spacing:0;margin:0 2px}.country-title{font-size:30px;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:10px 0 14px}.country-intro{color:var(--text-dim);line-height:1.7;font-size:15px}.country-cta{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 30px}.country-h2{font-size:20px;font-weight:800;margin:0 0 12px}.country-bullets{list-style:none;padding:0;margin:0 0 20px}.country-bullets li{position:relative;padding:10px 0 10px 24px;border-top:1px solid var(--line);line-height:1.5;font-size:14px}.country-bullets li::before{content:"✓";position:absolute;left:0;top:10px;color:var(--brass-light);font-weight:800}html[dir=rtl] .country-bullets li{padding:10px 24px 10px 0}html[dir=rtl] .country-bullets li::before{left:auto;right:0}.country-local{color:var(--text-dim);font-size:13px;line-height:1.6;padding:14px 16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--card)}.country-risk{margin-top:26px;font-size:11px;color:var(--text-dimmer);line-height:1.5}.country-guide{margin-top:30px}.country-guide .country-h2{margin-top:28px}.country-guide p{color:var(--text-dim);line-height:1.8;font-size:15px;margin:0 0 12px}.country-faq details{border-top:1px solid var(--line);padding:12px 0}.country-faq details:last-child{border-bottom:1px solid var(--line)}.country-faq summary{cursor:pointer;font-weight:700;font-size:15px;line-height:1.5;list-style:none}.country-faq summary::-webkit-details-marker{display:none}.country-faq summary::after{content:"+";float:right;color:var(--brass-light);font-weight:800}html[dir=rtl] .country-faq summary::after{float:left}.country-faq details[open] summary::after{content:"−"}.country-faq details p{margin:10px 0 0} body.qmenu-lock{overflow:hidden} #welcomeOffer{position:fixed;inset:0;z-index:2147483646;background:rgba(7,8,11,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));animation:woIn .25s ease} @media(min-width:600px){#welcomeOffer{align-items:center}} .wo-card{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 32px);max-height:calc(100vh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--card);border:1px solid rgba(214,154,62,.55);border-radius:18px;padding:22px 20px 16px;box-shadow:0 24px 60px rgba(0,0,0,.6)} .wo-close{position:sticky;top:0;z-index:3;display:block;margin:-10px -6px 0 auto;background:var(--card);border:0;color:var(--text-dim);font-size:28px;line-height:1;cursor:pointer;padding:6px 10px;border-radius:50%} .wo-kicker{font:600 10px var(--mono);letter-spacing:.14em;color:var(--brass-light)} /* V400.1: the pop-up opens like the Open account card; WhatsApp is offered once (its footer), not twice */ .wo-logo{display:block;height:20px;width:auto;margin:2px 0 16px}#welcomeOffer .af-facts{margin-bottom:14px;padding-inline-end:20px} #welcomeOffer .native-form-foot:has(#whatsappForm){display:none} .wo-title{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:8px 0 6px;padding-inline-end:24px} .wo-sub{font-size:13px;color:var(--text-dim);margin-bottom:14px} .wo-form{display:grid;gap:8px} .wo-form input{width:100%;background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;color:var(--text);padding:13px 12px;font:inherit;font-size:16px} /* V253: one optional tap — "Have you traded before?" — the CRM's first question, asked once here */ .exp-q{margin:6px 0 10px}.exp-q .exp-l{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;color:var(--text);margin-bottom:7px} .exp-q .exp-l small{font-weight:500;color:var(--text-dim);font-size:11.5px} .exp-chips{display:flex;flex-wrap:wrap;gap:7px} .exp-chips button{appearance:none;border:1px solid var(--line-strong,rgba(255,255,255,.16));background:var(--bg);color:var(--text);border-radius:999px;padding:8px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent} .exp-chips button[aria-pressed="true"]{border-color:var(--brass);background:rgba(214,154,62,.14);color:var(--brass-light,#f0b85a)} .wo-form input:focus{outline:none;border-color:var(--brass)} .wo-form .form-status:empty{display:none} .wo-btn{border:0;background:var(--brass);color:var(--bg);border-radius:10px;padding:14px;font:800 15px Inter,system-ui,sans-serif;cursor:pointer;margin-top:2px} .wo-btn:hover{background:var(--brass-light)} .wo-foot{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:var(--text-dimmer)} .wo-foot a{color:var(--text-dim)}.wo-later{background:none;border:0;color:var(--text-dim);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px} body.wo-lock{overflow:hidden} body.wo-lock .telegram-float,body.wo-lock .trust-float,body.wo-lock .trust-badge{display:none!important} @keyframes woIn{from{opacity:0}to{opacity:1}} body.qmenu-lock .telegram-float,body.qmenu-lock .trust-float,body.qmenu-lock .trust-badge{display:none!important} .whatsapp-float{background:#25D366!important;color:#062b17!important} /* V253: alive — an online dot, a pulse ring, a label that changes, and one nudge bubble */ .whatsapp-float .telegram-float-icon{position:relative;overflow:visible} .whatsapp-float .telegram-float-icon::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(6,43,23,.55);animation:waRing 2.2s ease-out infinite} .whatsapp-float .telegram-float-label{min-width:76px;transition:opacity .35s}.whatsapp-float .telegram-float-label.fade{opacity:0} @keyframes waRing{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.7);opacity:0}} .wa-nudge{position:fixed;right:18px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:2147483646;max-width:min(300px,calc(100vw - 36px));padding:12px 14px;border-radius:14px 14px 4px 14px;background:#12141A;border:1px solid rgba(37,211,102,.45);color:var(--text);box-shadow:0 14px 34px rgba(0,0,0,.45);font-size:13.5px;line-height:1.45;animation:waIn .35s ease-out} .wa-nudge b{display:block;font-size:14px;margin-bottom:2px}.wa-nudge .wa-nudge-row{display:flex;gap:8px;align-items:center;margin-top:9px} .wa-nudge a{flex:1;text-align:center;background:#25D366;color:#062b17;font-weight:800;border-radius:999px;padding:9px 12px;text-decoration:none} .wa-nudge button{appearance:none;background:none;border:0;color:var(--text-dim);font:inherit;font-size:12.5px;cursor:pointer;padding:6px 8px} .wa-nudge .wa-x{position:absolute;top:4px;right:6px;padding:4px 6px;font-size:16px;line-height:1} @keyframes waIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media(max-width:560px){.wa-nudge{right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px))}} @media(prefers-reduced-motion:reduce){.whatsapp-float .telegram-float-icon::after{animation:none}.wa-nudge{animation:none}} .whatsapp-float .telegram-float-icon{background:#062b17;color:#25D366} .whatsapp-float:hover{box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 30px rgba(37,211,102,.35)!important} /* V272: it steps aside while it would sit on a button (the Up / Down forecast on a phone's first screen) */ .telegram-float.whatsapp-float.wa-aside{opacity:0!important;pointer-events:none!important;transition:opacity .18s} @media(max-width:560px){ .menu-btn{padding:0 12px}.menu-btn .menu-ar{display:none} .status-pill{width:auto;min-width:0}.status-pill #statusText{display:none} .open-pill{display:none} /* phones: the logo needs the room; the first home card and the Menu open the account form */ } /* V363: a visible focus ring for keyboard users */:focus-visible{outline:2px solid var(--brass-light,#E2C27A);outline-offset:2px} /* V395 — the front page as a lit room. One warm light falls across a warm-black stage, the phone is a dark metal object that throws that light, the live price is the brightest thing on screen when it is live, and the headline is large and light. Words, facts, ids and behaviour are unchanged: decoration only. This block sits in so the welcome paints finished on its first frame with no splash in front of it (V265); selectors start with "html" so they outrank the older welcome rules further down (V209/V283). Pure CSS and one data: SVG for grain: no image, no web font, no new host. Every animation is declared only for phones that allow motion, and the still frame is the finished picture. The portal's twin is in portal.html. */ @font-face{font-family:"Inter Local";src:local("Arial"),local("Roboto");size-adjust:107.1%;ascent-override:90.4%;descent-override:22.5%;line-gap-override:0%} :root{ --lt-ink:#0D0A07; /* warm black: even the darkest pixel is warm */ --lt-ivory:#F4EEE3;--lt-muted:rgba(244,238,227,.68);--lt-champagne:#C9B38C;--lt-tab:#A39A8C; --lt-l1:214,154,62;--lt-l2:171,118,44;--lt-l3:118,80,26; /* the light: our brass, then two darker steps of it */ --lt-sans:Inter,"Inter Local",system-ui,sans-serif; --lt-sans-ar:"Noto Sans Arabic",Inter,Tahoma,system-ui,sans-serif; --lt-metal:linear-gradient(180deg,#F3CF86 0%,#E2AA55 46%,#C4893A 100%); --lt-metal-sh:inset 0 1px 0 rgba(255,246,222,.7),inset 0 -1px 0 rgba(90,55,15,.35),0 2px 6px rgba(0,0,0,.45),0 12px 30px -10px rgba(214,154,62,.62); --lt-foil:linear-gradient(100deg,#C68B3C 0%,#E9B865 30%,#F6D594 50%,#E3AC57 70%,#BE843A 100%); --lt-glint:linear-gradient(100deg,transparent 42%,rgba(255,246,222,.9) 50%,transparent 58%); --lt-rim:linear-gradient(150deg,#9A7E52 0%,#2E2921 16%,#141417 48%,#2B261F 80%,#A4834F 100%); --lt-glass:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)); --lt-glass-sh:inset 0 1px 0 rgba(255,236,200,.08),inset 0 0 0 1px rgba(255,255,255,.045); --lt-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .75 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); --lt-kx:86%; /* where the key light comes from; mirrored in Arabic */ } html[dir=rtl]{--lt-kx:14%} /* No splash in front of the welcome (V265): on the home address the page itself is the first thing on screen. Since V438.6.2 no address keeps it (investo-splash-once below) — only a link to a section of the home page. */ html:not(.deep-link) body:has(>#appHome:not([style*="none"])) #appSplash{display:none!important} /* the old floating WhatsApp button waits for the bar on phones (appbar.js hides it there), at most until app-ready */ @media (max-width:900px){html:not(.app-ready) #whatsappFloat{visibility:hidden!important}} /* ---- the stage ---- */ html #appHome{position:relative;isolation:isolate; background:linear-gradient(180deg,var(--bg) 0,var(--lt-ink) 120px,var(--lt-ink) calc(100% - 120px),var(--bg) 100%)} html #appHome::before,html #appHome::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none} html #appHome::before{background: radial-gradient(62% 300px at var(--lt-kx) 0,rgba(var(--lt-l1),.14),transparent 72%), radial-gradient(min(620px,150vw) min(560px,130vw) at 50% 560px,rgba(var(--lt-l1),.24) 0%,rgba(var(--lt-l2),.12) 30%,rgba(var(--lt-l3),.05) 56%,transparent 78%), radial-gradient(150% 100% at 50% 38%,transparent 58%,rgba(0,0,0,.45) 100%)} html #appHome::after{background:var(--lt-grain) 0 0/160px 160px} /* ---- the words: large and light ---- */ html #appHome .app-home-intro{max-width:640px;margin:2px auto 16px;text-align:start} html #appHome .app-home-eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 10.5px/1.4 var(--lt-sans);letter-spacing:.18em;color:var(--lt-champagne)} html #appHome .app-home-eyebrow::before{content:"";flex:none;width:22px;height:1px;background:linear-gradient(90deg,rgba(var(--lt-l1),0),rgba(var(--lt-l1),.9))} html #appHome .app-home-intro h1{margin:12px 0 0;font-family:var(--lt-sans);font-weight:500;font-size:clamp(28px,7.8vw,56px);line-height:1.06;letter-spacing:-.032em;color:var(--lt-ivory);text-wrap:balance;overflow-wrap:break-word} html #appHome .app-home-intro h1 .h-gold{display:block;margin-top:.02em;color:#E2AE5C} @supports ((-webkit-background-clip:text) or (background-clip:text)){ html #appHome .app-home-intro h1 .h-gold{background-image:var(--lt-glint),var(--lt-foil);background-size:250% 100%,100% 100%;background-position:0 0,0 0;background-repeat:no-repeat; -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.1em;margin-bottom:-.1em} html[dir=rtl] #appHome .app-home-intro h1 .h-gold{background-position:100% 0,0 0;padding-bottom:.18em;margin-bottom:-.18em} } html #appHome .app-home-intro p{margin:12px 0 0;max-width:36ch;font-family:var(--lt-sans);font-size:15.5px;line-height:1.5;color:var(--lt-muted)} /* ---- the phone: dark titanium lit at two corners; its last shadow is the light it throws. The server's first frame opens at the drawn card's height with the weekly forecast in it (about 770 px), and while the forecast is on its way its place is held, so the buttons below do not jump; once drawn, the card is as tall as what is in it ---- */ html #appHome .card.pulse{position:relative;overflow:hidden;max-width:340px;min-height:770px;margin:0 auto;padding:26px 18px 16px;border:1.5px solid transparent;border-radius:42px;color:var(--lt-ivory); background:radial-gradient(120% 46% at 50% -6%,rgba(var(--lt-l1),.08),transparent 62%) padding-box,linear-gradient(180deg,#0B0A08,#050505 62%) padding-box,var(--lt-rim) border-box; box-shadow:inset 0 1px 0 rgba(255,236,200,.09),inset 0 0 0 1px rgba(0,0,0,.6),0 1px 1px rgba(0,0,0,.55),0 12px 24px -8px rgba(0,0,0,.65),0 40px 80px -24px rgba(0,0,0,.8),0 30px 110px -20px rgba(var(--lt-l1),.32)} html #appHome .card.pulse::before{content:"";position:absolute;top:11px;left:50%;width:68px;height:6px;margin-left:-34px;border-radius:4px;background:#000;box-shadow:inset 0 0 0 1px rgba(226,180,104,.16)} html #appHome .card.pulse::after{content:"";position:absolute;top:0;bottom:0;left:0;width:60%;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,240,210,.07) 50%,transparent 100%);transform:translateX(-110%)} html[dir=rtl] #appHome .card.pulse::after{left:auto;right:0;transform:translateX(110%)} /* inside the phone — the card is redrawn every 20 s, so everything here is by class, never by DOM; the first group is the server's first frame (before the script draws it), the rest the drawn card */ html #sitePulse .pl-top{display:flex;align-items:center;justify-content:space-between;gap:8px 10px;flex-wrap:wrap;margin-top:4px} html #sitePulse .pl-live{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 8px;border-radius:999px;font:700 10.5px var(--mono);white-space:nowrap} html #sitePulse .pl-live i{position:relative;width:8px;height:8px;border-radius:50%} html #sitePulse .pl-live.fd-nl{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#A8ACB5;letter-spacing:.06em} html #sitePulse .pl-live.fd-nl i{background:#8A8F9A} html[dir=rtl] #sitePulse .pl-live{letter-spacing:0} html #sitePulse .pl-sym{font:600 11.5px var(--mono);letter-spacing:.04em;color:var(--lt-tab)} html #sitePulse .pl-tabs{display:flex;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:0;padding:2px;border-radius:999px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)} html #sitePulse .pl-chart+.pl-tabs{margin:4px auto 10px} html #sitePulse .pl-tabs button{position:relative;min-height:30px;padding:6px 13px;border:0;border-radius:999px;background:none;color:var(--lt-tab);font:500 12.5px var(--lt-sans);cursor:pointer} html #sitePulse .pl-tabs button::before{content:"";position:absolute;inset:-7px 0} /* a 44 px tap target, drawn at 30 */ html #sitePulse .pl-tabs button[aria-pressed="true"]{color:var(--lt-ivory);background:linear-gradient(180deg,rgba(255,228,184,.15),rgba(255,228,184,.05));box-shadow:inset 0 1px 0 rgba(255,236,200,.16),inset 0 0 0 1px rgba(226,180,104,.32)} html #sitePulse .pl-name{margin-top:12px;font-size:14px;color:var(--lt-muted)} html #sitePulse .pl-name b{color:var(--lt-ivory);font-weight:600} html #sitePulse .pl-price{margin-top:4px;font:700 34px/1.1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#FFF8EC;transition:color .6s} html #sitePulse .pl-price.flash-up{color:#3FBF7F} html #sitePulse .pl-price.flash-down{color:#E0604F} html #sitePulse .pl-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px} html #sitePulse .pl-facts span{padding:8px 13px;border:0;border-radius:999px;background:var(--lt-glass);box-shadow:var(--lt-glass-sh);font-size:12.5px;color:var(--lt-muted)} html #sitePulse .pl-facts b{color:#F0C27A;font-weight:700} html #sitePulse .pl-go{display:block;width:100%;margin-top:18px;padding:15px;border:0;border-radius:999px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(214,154,62,.55);color:var(--lt-ivory);font:600 15px var(--lt-sans);cursor:pointer} html #sitePulse .pl-risk{margin:10px 0 0;font-size:11.5px;color:var(--lt-muted);text-align:center} /* the "now" dot: no square glow; the brightest pixel on the page only while the feed says LIVE */ html #sitePulse .pl-chart svg>circle{filter:none} html #sitePulse:has(.pl-live:not(.fd-nl):not(.fd-dl)) .pl-chart svg>circle{fill:#FFF1D2;stroke:rgba(232,176,75,.32);stroke-width:9;paint-order:stroke} html #sitePulse .pl-list{display:grid;gap:4px} html #sitePulse .pl-row{min-height:48px;padding:7px 8px;padding-inline-start:12px;border:0;border-radius:16px;background:var(--lt-glass);box-shadow:var(--lt-glass-sh)} html #sitePulse .pl-row small{color:rgba(240,194,122,.85)} html #sitePulse .pl-pill{min-width:66px;border-radius:999px} html #sitePulse .pl-fc{border-radius:16px;border-color:rgba(226,180,104,.34)} html #appHome .card.pulse.pl-drawn{min-height:0} html #sitePulse .pl-fc-wait{min-height:179px;visibility:hidden} html #sitePulse .pl-news{border-radius:14px} /* ---- one gold button; the other is a hairline twin of the same size ---- */ html #appHome .wel-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:460px;margin:22px auto 12px} html #appHome .wel-cta>*{display:flex;align-items:center;justify-content:center;height:58px;border:0;border-radius:999px;font:600 16.5px/1 var(--lt-sans);letter-spacing:-.005em;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent} html #appHome .wel-up{color:#1A1206;background:var(--lt-metal);box-shadow:var(--lt-metal-sh)} html #appHome .wel-in{color:var(--lt-ivory);background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1.5px rgba(214,154,62,.62),inset 0 1px 0 rgba(255,236,200,.08)} /* V414: four facts under the buttons — 0 fees, live support, market updates, news (glass tiles, gold icons, like the game card) */ html #appHome .home-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:460px;margin:0 auto 10px} html #appHome .hf{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:11px 12px;border-radius:16px;color:inherit;text-decoration:none;background:var(--lt-glass);box-shadow:var(--lt-glass-sh);-webkit-tap-highlight-color:transparent} html #appHome .hf>i{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(214,154,62,.12);box-shadow:inset 0 0 0 1px rgba(226,180,104,.22)} html #appHome .hf>i svg{width:20px;height:20px;fill:none;stroke:#E2AA55;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} html #appHome .hf b{font-size:14px;font-weight:650;line-height:1.2} html #appHome .hf small{font-size:11.5px;opacity:.7;line-height:1.25} /* the Chart Challenge link stays where it is (V293) and steps back: glass, and no second solid gold button */ html #appHome .gcard.home-game{display:flex;align-items:center;gap:14px;max-width:460px;margin:8px auto 12px;padding:13px 14px;border:0;border-radius:20px;color:inherit;text-decoration:none;background:var(--lt-glass);box-shadow:var(--lt-glass-sh)} html #appHome .gcard>i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(214,154,62,.12);box-shadow:inset 0 0 0 1px rgba(226,180,104,.22);font-style:normal} html #appHome .gcard>i svg{width:24px;height:24px;fill:none;stroke:#E2AA55;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} html #appHome .gcard>span{flex:1;min-width:0} html #appHome .gcard b{display:block;font-size:15.5px;font-weight:600} html #appHome .gcard small{display:block;margin-top:3px;font-size:11px;letter-spacing:.06em;color:var(--lt-champagne)} html #appHome .gcard em{flex:none;padding:9px 14px;border-radius:999px;background:none;box-shadow:inset 0 0 0 1px rgba(214,154,62,.55);color:#F0C27A;font:600 13.5px var(--lt-sans);font-style:normal} html #appHome .home-cta-more{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 auto 14px;font-size:11.5px;color:var(--lt-muted);text-align:center} html #appHome .home-cb{padding:15px 8px;margin:-15px -8px;border:0;background:none;color:#F0C27A;font:500 12.5px var(--lt-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer} /* 44 px to tap, no taller on screen */ /* ---- languages ---- */ html[dir=rtl] #appHome .app-home-eyebrow{font-family:var(--lt-sans-ar);font-size:12.5px;font-weight:600;letter-spacing:0} html[dir=rtl] #appHome .app-home-eyebrow::before{background:linear-gradient(270deg,rgba(var(--lt-l1),0),rgba(var(--lt-l1),.9))} html[dir=rtl] #appHome .app-home-intro h1{font-family:var(--lt-sans-ar);font-weight:600;font-size:clamp(28px,7.6vw,52px);line-height:1.26;letter-spacing:0} html[dir=rtl] #appHome .app-home-intro p,html[dir=rtl] #appHome .wel-cta>*,html[dir=rtl] #sitePulse .pl-tabs button,html[dir=rtl] #sitePulse .pl-go{font-family:Inter,"Noto Sans Arabic",Tahoma,system-ui,sans-serif;letter-spacing:0} html[dir=rtl] #appHome .gcard small{letter-spacing:0} html[lang=zh] #appHome .app-home-intro h1{font-weight:600;font-size:clamp(26px,7.2vw,50px);letter-spacing:0;line-height:1.2} @media (max-width:400px){html #appHome .app-home-eyebrow{gap:8px;letter-spacing:.1em}html #appHome .app-home-eyebrow::before{width:14px}} @media (forced-colors:active){html #appHome .app-home-intro h1 .h-gold{background:none;color:CanvasText;-webkit-text-fill-color:currentColor}} @media (min-width:761px){html #appHome .app-home-intro{text-align:center}html #appHome .app-home-intro p{margin-inline:auto}} /* ---- motion: one slow light, once, and only where the phone allows it; still, it is the same picture ---- */ @media (prefers-reduced-motion:no-preference){ html #appHome .app-home-intro h1 .h-gold{animation:ltFoil 2.4s cubic-bezier(.3,.6,.2,1) .4s 1 both} html[dir=rtl] #appHome .app-home-intro h1 .h-gold{animation-name:ltFoilR} html #appHome .card.pulse::after{animation:ltSweep 3.2s cubic-bezier(.35,.1,.25,1) 1s 1 both} html[dir=rtl] #appHome .card.pulse::after{animation-name:ltSweepR} } @keyframes ltFoil{from{background-position:100% 0,0 0}to{background-position:0 0,0 0}} @keyframes ltFoilR{from{background-position:0 0,0 0}to{background-position:100% 0,0 0}} @keyframes ltSweep{from{transform:translateX(-110%)}to{transform:translateX(280%)}} @keyframes ltSweepR{from{transform:translateX(110%)}to{transform:translateX(-280%)}} @media (prefers-reduced-motion:reduce){html #appHome .app-home-intro h1 .h-gold,html #appHome .card.pulse::after{animation:none!important}} /* V402 — the site in the portal's design language (the owner's ChatGPT mock-ups, step 2). Pages other than the front page (which keeps its lit room, V395): plain cards with a hairline, one hero card with a gold edge and a warm glow, gold-outlined icon tiles, one button system (a gold gradient with a glow; an outline for the second), bold titles. Scoped to .view with html body so it wins over the older blocks further down; what each page says is unchanged. */ html body .view .contact-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;font-weight:800;background:linear-gradient(180deg,#E2B25C,#C98A2F);color:#1A1200;border-color:transparent;box-shadow:0 12px 28px -12px rgba(214,154,62,.6)} html body .view .contact-btn.secondary{background:transparent;color:var(--text);border:1px solid rgba(214,154,62,.42);box-shadow:none} html body .view .contact-card,html body .view .sf-block,html body .view .feat,html body .view .convert-card,html body .view .usdt-card{border-radius:18px;border-color:rgba(255,255,255,.075);background:linear-gradient(180deg,#14161C,#111318)} html body .view .mt5-card,html body .view #tradingAccountForm{border-radius:18px;border-color:rgba(214,154,62,.42);background:radial-gradient(120% 70% at 85% -10%,rgba(214,154,62,.14),transparent 60%),linear-gradient(180deg,#17150F,#111318);box-shadow:0 18px 50px -24px rgba(214,154,62,.35),inset 0 1px 0 rgba(255,236,200,.06)} html body .view .feat .feat-i{border:1px solid rgba(214,154,62,.42);background:rgba(214,154,62,.07);border-radius:14px} html body .view .country-title,html body .view .trading-title{font-weight:800;letter-spacing:-.02em} html body .view .mk-row{border-top-color:rgba(255,255,255,.075)} html body .view .tc-tabs button[aria-pressed="true"]{color:#1A1200;background:var(--gold,#D69A3E);border-color:transparent} /* V438.20: one pill look — gold when chosen, as the Markets tabs */ html body .cmp-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}html body .cmp-q{padding:16px 18px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,#14161C,#111318)} html body .cmp-q h3{margin:0 0 6px;font-size:16px;font-weight:800;color:var(--text)}html body .cmp-q p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-dim)}html body .cmp-own{font-size:12.5px;color:var(--text-dimmer)} /* V419: the "price today" pages — one gold-edged hero (the price), plain boxes for the rest */ html body .pt-wrap [hidden]{display:none!important} html body .pt-card{margin:16px 0 8px;padding:16px 18px 14px;border-radius:18px;border:1px solid rgba(214,154,62,.42);background:radial-gradient(120% 70% at 85% -10%,rgba(214,154,62,.14),transparent 60%),linear-gradient(180deg,#17150F,#111318);box-shadow:0 18px 50px -24px rgba(214,154,62,.35),inset 0 1px 0 rgba(255,236,200,.06)} html[dir=rtl] body .pt-card{background:radial-gradient(120% 70% at 15% -10%,rgba(214,154,62,.14),transparent 60%),linear-gradient(180deg,#17150F,#111318)} html body .pt-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap} html body .pt-card .pl-live{padding:4px 10px;border-radius:999px;border:1px solid rgba(63,191,127,.4);background:rgba(63,191,127,.08)} html body .pt-sym{font-size:12.5px;color:var(--text-dim)}html body .pt-sym b{font-family:var(--mono);color:var(--brass-light);font-weight:700} html body .pt-price{margin-top:12px;font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text);direction:ltr;text-align:start;unicode-bidi:isolate} html[dir=rtl] body .pt-price{text-align:right} html body .pt-unit{font-size:12.5px;color:var(--text-dimmer);margin-top:2px} html body .pt-chg{margin-top:8px;font-weight:700;font-size:15px;color:var(--text-dim)}html body .pt-chg.up{color:#3FBF7F}html body .pt-chg.down{color:#E0604F} html body .pt-spark svg{display:block;width:100%;height:72px;margin-top:10px} html body .pt-time{margin-top:8px;font-size:12.5px;color:var(--text-dim)} html body .pt-box{padding:14px 16px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,#14161C,#111318)} html body .pt-table{width:100%;border-collapse:collapse;font-size:14.5px} html body .pt-table th{font-weight:500;color:var(--text-dim);text-align:start;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)} html body .pt-table td{font-family:var(--mono);font-weight:700;color:var(--text);text-align:end;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);direction:ltr;unicode-bidi:isolate} html body .pt-table tr:first-child th,html body .pt-table tr:first-child td{border-top:0} html body .pt-gnote{margin-top:8px} html body .pt-next{margin-top:14px}html body .pt-next-k{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-light)} html[lang=ar] body .pt-next-k,html[lang=ckb] body .pt-next-k,html[lang=zh] body .pt-next-k{letter-spacing:0} html body .pt-next-v{margin-top:4px;font-size:14.5px;color:var(--text);line-height:1.5}html body .pt-next-v .pt-cd{color:var(--brass-light);font-weight:600} html body .pt-list{list-style:none;margin:0;padding:0} html body .pt-list li{position:relative;padding:7px 0;padding-inline-start:22px;font-size:14.5px;color:var(--text);border-top:1px solid rgba(255,255,255,.06)} html body .pt-list li:first-child{border-top:0} html body .pt-list li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--brass-light);font-weight:700} html body .pt-more{margin:10px 0 22px}html body .pt-more a{color:var(--text-dim);text-decoration:underline;text-underline-offset:3px} html body .pt-links{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 12px} html body .pt-links a{padding:7px 12px;border-radius:999px;border:1px solid rgba(214,154,62,.42);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;background:rgba(214,154,62,.05)} /* V438.5: Kurdish (Sorani) — an Arabic-script font that has ڕ ڵ ۆ ێ */ html[lang=ckb] body{font-family:"Noto Sans Arabic",Inter,system-ui,sans-serif} /* V438.17 (speed and conversion audit): the welcome buttons stand between the headline and the live phone — Open account on the first screen in every language — so the phone gets its gap from the buttons and the fact tiles get theirs from the phone. */ html #appHome .app-home-intro+.wel-cta{margin:18px auto 22px} html #appHome .card.pulse+.home-facts{margin-top:18px} /* V438.17: at 320 px a long word in a fact tile (Marktaktualisierungen, Поддержка онлайн) widened its grid column past the screen — German, Turkish, Russian, Spanish and Italian scrolled sideways. A column may now shrink below its longest word, and the word breaks (hyphenated where the language allows). */ html #appHome .home-facts{grid-template-columns:repeat(2,minmax(0,1fr))} html #appHome .hf{grid-template-columns:auto minmax(0,1fr);min-width:0} html #appHome .hf b,html #appHome .hf small{min-width:0;overflow-wrap:anywhere;hyphens:auto} /* V362: help & guides — the steps beside a phone that plays them */ .hg-index{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px} .hg-index a{font-size:13px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);text-decoration:none;background:var(--card)} .hg{margin-top:34px;scroll-margin-top:80px} .hg-row{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start} .hg-steps{margin:0;padding:0;list-style:none;counter-reset:hgs} .hg-steps li{counter-increment:hgs;position:relative;padding:10px 12px;padding-inline-start:44px;margin:0 0 8px;border:1px solid var(--line);border-radius:12px;color:var(--text-dim);line-height:1.6;font-size:15px;transition:border-color .25s,color .25s,background .25s} .hg-steps li::before{content:counter(hgs);position:absolute;inset-inline-start:12px;top:10px;width:22px;height:22px;border-radius:50%;background:var(--card);border:1px solid var(--line-strong);font-size:12px;font-weight:800;display:grid;place-items:center;color:var(--text)} .hg-steps li.on{border-color:var(--brass-light);color:var(--text);background:rgba(201,162,74,.07)} .hg-steps li.on::before{background:var(--brass-light);color:#0A0B0D;border-color:var(--brass-light)} .hg-cta{display:inline-block;margin-top:6px;padding:12px 18px;border-radius:12px;background:var(--brass-light);color:#0A0B0D;font-weight:800;text-decoration:none} .hg-stuck{margin-top:34px} /* V438.12: a guide's video (only where the owner set one) — an outlined second button; the player comes only after the tap */ .hg-video{display:inline-block;vertical-align:top;margin-top:6px;margin-inline-start:8px} .hg-vid{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:11px 16px;border-radius:12px;border:1px solid var(--brass-light);background:transparent;color:var(--text);font:inherit;font-weight:800;cursor:pointer} .hg-vid::before{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--brass-light)} .hg-video.on{display:block;margin:14px 0 0;width:100%} .hg-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--line-strong);background:#000} .hg-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0} @media (max-width:640px){.hg-video{display:block;margin-inline-start:0;margin-top:10px}.hg-vid{width:100%;justify-content:center}} .hp{width:230px} .hp-phone{position:relative;height:380px;border-radius:30px;border:2px solid var(--line-strong);background:#0A0B0D;padding:14px 12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.35)} .hp-notch{width:70px;height:6px;border-radius:6px;background:var(--line-strong);margin:0 auto 12px} .hp-title{font-weight:800;font-size:15px;margin:0 2px 10px;color:#F1F0EC} .hp-row{margin:0 0 9px;opacity:0;transform:translateY(6px);animation:hpIn .35s ease forwards} .hp-row:nth-child(2){animation-delay:.06s}.hp-row:nth-child(3){animation-delay:.12s}.hp-row:nth-child(4){animation-delay:.18s}.hp-row:nth-child(5){animation-delay:.24s}.hp-row:nth-child(6){animation-delay:.3s} @keyframes hpIn{to{opacity:1;transform:none}} .hp-lbl{font-size:10.5px;color:#9A9FA8;margin:0 2px 4px;text-transform:uppercase;letter-spacing:.04em} .hp-seg{display:flex;gap:4px}.hp-seg span,.hp-chip{flex:1;text-align:center;font-size:10.5px;padding:7px 4px;border-radius:9px;border:1px solid #2A2D35;color:#C9CCD3;background:#12141A;position:relative} .hp-chips{display:flex;gap:5px;flex-wrap:wrap}.hp-chip{flex:0 0 auto;padding:7px 10px} .hp-field{font-size:11.5px;padding:9px 10px;border-radius:9px;border:1px solid #2A2D35;background:#12141A;color:#F1F0EC;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .hp-btn{font-size:12px;font-weight:800;text-align:center;padding:10px;border-radius:11px;background:linear-gradient(180deg,#E2C27A,#C9A24A);color:#0A0B0D;position:relative} .hp-btn.ghost{background:#12141A;border:1px solid #2A2D35;color:#F1F0EC;font-weight:700} .hp-note{font-size:10.5px;color:#9A9FA8;line-height:1.5} .hp-ok{font-size:11.5px;color:#4ADE80;font-weight:700} .hp-qr{width:86px;height:86px;margin:0 auto;border-radius:8px;background:repeating-conic-gradient(#F1F0EC 0 25%,#0A0B0D 0 50%) 0 0/12px 12px;border:5px solid #F1F0EC} .hp-steps{display:flex;gap:6px;align-items:center;font-size:10px;color:#9A9FA8}.hp-steps b{color:#4ADE80} .hp-on{border-color:#E2C27A!important;color:#F1F0EC!important;box-shadow:0 0 0 2px rgba(226,194,122,.35)} .hp-tap::after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.55);right:12%;top:50%;margin-top:-13px;animation:hpTap 1.4s ease .5s infinite} @keyframes hpTap{0%{transform:scale(.4);opacity:0}30%{opacity:1}70%{transform:scale(1.25);opacity:0}100%{opacity:0}} .hp-bar{display:flex;align-items:center;gap:8px;margin-top:10px} .hp-bar button{border:1px solid var(--line-strong);background:var(--card);color:var(--text);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;min-height:36px} .hp-dots{display:flex;gap:5px;flex:1}.hp-dots i{flex:1;height:4px;border-radius:4px;background:var(--line-strong);overflow:hidden;position:relative} .hp-dots i.done{background:var(--brass-light)}.hp-dots i.now::after{content:"";position:absolute;inset:0;background:var(--brass-light);transform-origin:left;animation:hpProg var(--hp-ms,3600ms) linear forwards} [dir="rtl"] .hp-dots i.now::after{transform-origin:right} @keyframes hpProg{from{transform:scaleX(0)}to{transform:scaleX(1)}} .hp-paused .hp-dots i.now::after{animation-play-state:paused} @media (max-width:640px){.hg-row{grid-template-columns:1fr;gap:14px}.hp{margin:0 auto;width:210px}.hp-phone{height:320px}} @media (prefers-reduced-motion:reduce){.hp-row{animation:none;opacity:1;transform:none}.hp-tap::after{animation:none;opacity:.6;transform:none}.hp-dots i.now::after{animation:none;transform:none}} /* V12 converter typography pass — calmer, more app-like, easier to scan */ .convert-card, .ledger-row{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;} .convert-label{font-size:12px;font-weight:500;letter-spacing:0;color:var(--text-dimmer);} .picker-btn .pcode{font-family:Inter,system-ui,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.01em;} .base-amount{ font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums; font-weight:650;font-size:32px;letter-spacing:-.025em; } .ledger-section{padding-top:24px;} .ledger-head h2{font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.045em;} .ledger-list{gap:8px;} .ledger-row{ min-height:78px; padding:14px 16px; border-radius:13px; background:#15171B; } .ledger-left{gap:11px;} .ledger-left .flag{font-size:24px;} .ledger-left .flag.pic{width:32px;height:32px;} .ledger-left .flag.glyph{width:32px;height:32px;font-family:Inter,system-ui,sans-serif;font-size:11px;} .ledger-name{ font-family:Inter,system-ui,sans-serif; font-size:16px; line-height:1.18; font-weight:600; letter-spacing:-.012em; } .ledger-code{ font-family:Inter,system-ui,sans-serif; font-size:11px; line-height:1.2; font-weight:500; letter-spacing:.01em; color:rgba(245,244,241,.34); margin-top:4px; } .ledger-right{gap:8px;} .ledger-value-wrap{min-width:112px;} .ledger-value{ font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; font-size:18px; line-height:1.12; font-weight:650; letter-spacing:-.018em; } .ledger-rate{ font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums; font-size:10.5px; line-height:1.2; font-weight:450; color:rgba(245,244,241,.30); margin-top:5px; white-space:nowrap; } .fixed-tag{font-family:Inter,system-ui,sans-serif;font-size:8px;font-weight:700;letter-spacing:.035em;} .reorder-toggle,.order-reset{font-family:Inter,system-ui,sans-serif;font-size:9.5px;} .drag-handle{font-family:Inter,system-ui,sans-serif;} @media (max-width:520px){ .ledger-row{padding:14px 12px;} .ledger-left{gap:10px;} .ledger-name{font-size:15px;} .ledger-value{font-size:18px;} .ledger-value-wrap{min-width:102px;} .ledger-rate{font-size:10px;} } @media (max-width:390px){ .ledger-left{gap:9px;} .ledger-name{font-size:15px;} .ledger-value{font-size:17px;} .ledger-value-wrap{min-width:100px;} .ledger-rate{font-size:9.5px;} } /* V13 — XE-inspired converter card hierarchy and mobile readability */ .hero{padding:22px 0 34px;} .hero h1{display:none;} .convert-card{ border-radius:18px; background:#15171B; box-shadow:0 8px 30px rgba(0,0,0,.12); } .convert-head{padding:17px 18px 4px;} .convert-label{ font-family:Inter,system-ui,sans-serif; font-size:12px; line-height:1.2; font-weight:500; color:rgba(245,244,241,.48); } .base-row{padding:5px 18px 17px;min-height:72px;} .picker-btn{gap:9px;padding:5px 2px;} .picker-btn .flag{font-size:25px;} .picker-btn .flag.pic{width:33px;height:33px;} .picker-btn .pcode{font-size:17px;font-weight:650;letter-spacing:-.01em;} .picker-btn .chev{font-size:10px;} .base-amount{ font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; font-weight:650; font-size:31px; line-height:1; letter-spacing:-.035em; width:180px; } .ledger-section{padding-top:24px;} .ledger-head{padding:0 2px 11px;} .ledger-head h2{ font-family:Inter,system-ui,sans-serif; font-size:11px; line-height:1.2; letter-spacing:.015em; text-transform:none; color:rgba(245,244,241,.45); font-weight:550; } .reorder-toggle,.order-reset{ border-color:transparent; padding:5px 7px; font-family:Inter,system-ui,sans-serif; font-size:10px; font-weight:600; color:var(--brass-light); } .reorder-toggle:hover,.order-reset:hover{border-color:transparent;background:rgba(240,184,90,.08);} .reorder-toggle.active{color:#17110A;background:var(--brass);border-color:var(--brass);} .ledger-list{gap:8px;} .ledger-item{isolation:isolate;} .ledger-row{ min-height:76px; padding:13px 14px; border-radius:15px; border:1px solid rgba(255,255,255,.105); background:#15171B; box-shadow:0 1px 0 rgba(255,255,255,.02) inset; } .ledger-left{gap:11px;} .ledger-left .flag{font-size:25px;width:31px;text-align:center;} .ledger-left .flag.pic{width:31px;height:31px;} .ledger-left .flag.glyph{width:31px;height:31px;font-size:11px;} .ledger-name{ font-family:Inter,system-ui,sans-serif; font-size:15.5px; line-height:1.2; font-weight:550; letter-spacing:-.012em; color:#F3F2EF; } .ledger-code{ font-family:Inter,system-ui,sans-serif; font-size:10.5px; line-height:1.2; font-weight:500; color:rgba(245,244,241,.33); margin-top:3px; letter-spacing:.015em; } .ledger-right{gap:7px;} .ledger-value-wrap{min-width:120px;} .ledger-value{ font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; font-size:20px; line-height:1.05; font-weight:650; letter-spacing:-.025em; color:#F5F4F1; } .ledger-rate{ font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; font-size:9.5px; line-height:1.2; font-weight:450; color:rgba(245,244,241,.28); margin-top:4px; white-space:nowrap; } .fixed-tag{font-family:Inter,system-ui,sans-serif;font-size:7.5px;font-weight:700;} .drag-handle{font-size:17px;color:rgba(245,244,241,.38);} body.reorder-mode .ledger-row{box-shadow:0 5px 18px rgba(0,0,0,.14);} .drag-placeholder{min-height:76px;border-radius:15px;} .rate-footer-note{ font-family:Inter,system-ui,sans-serif; font-size:10px; line-height:1.4; color:rgba(245,244,241,.30); padding:15px 2px 0; } @media (max-width:520px){ .hero{padding-top:18px;} .base-amount{font-size:30px;width:155px;} .ledger-row{min-height:74px;padding:12px 13px;} .ledger-name{font-size:15px;} .ledger-value{font-size:19px;} .ledger-value-wrap{min-width:112px;} .ledger-rate{font-size:9px;} } @media (max-width:390px){ .base-amount{font-size:28px;width:135px;} .ledger-left{gap:8px;} .ledger-left .flag,.ledger-left .flag.glyph,.ledger-left .flag.pic{width:29px;} .ledger-left .flag.pic{height:29px;} .ledger-name{font-size:14.5px;} .ledger-value{font-size:18px;} .ledger-value-wrap{min-width:100px;} .ledger-rate{font-size:8.5px;} } /* V14 — unified eye-friendly typography across every tab */ :root{ --app-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } body, button, input, select, textarea{font-family:var(--app-font);} /* Shared navigation */ .tab-btn{font-family:var(--app-font);font-size:13px;font-weight:600;letter-spacing:-.01em;} .tabnav{box-shadow:0 2px 18px rgba(0,0,0,.08);} /* Shared page rhythm */ .view .wrap{padding-left:18px;padding-right:18px;} .view h1,.view h2,.view h3,.view strong{letter-spacing:-.015em;} /* USDT — make the rate/fee hierarchy feel like a consumer finance app */ .usdt-hero{padding:22px 0 36px;} .usdt-hero > .wrap > h1{ font-family:var(--app-font) !important;font-size:25px !important;line-height:1.18; font-weight:650 !important;letter-spacing:-.03em;color:var(--text) !important;margin-bottom:18px; } .usdt-grid{gap:10px;margin-top:0;} .usdt-card{ border-radius:16px;padding:19px 18px;background:#15171B; box-shadow:0 5px 22px rgba(0,0,0,.10); } .usdt-card-head{margin-bottom:8px;} .usdt-label{font-family:var(--app-font);font-size:11px;line-height:1.25;letter-spacing:.01em;font-weight:600;color:rgba(245,244,241,.48);text-transform:none;} .usdt-value{font-family:var(--app-font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:31px;line-height:1.05;font-weight:650;letter-spacing:-.035em;} .usdt-value .cur{font-family:var(--app-font);font-size:15px;font-weight:600;color:rgba(245,244,241,.42);margin-left:4px;} .usdt-sub{font-family:var(--app-font);font-size:11px;line-height:1.25;color:rgba(245,244,241,.30);margin-top:5px;} .usdt-calculator{ margin-top:12px;border-radius:17px;padding:19px 18px; background:linear-gradient(160deg,#17130d 0%,#100e0a 100%); box-shadow:0 8px 28px rgba(0,0,0,.14); } .usdt-calc-title{font-family:var(--app-font);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:14px;} .usdt-calc-action{font-family:var(--app-font);font-size:14px;font-weight:550;margin-bottom:10px;} .usdt-calc-action select{font-family:var(--app-font);font-size:14px;font-weight:600;border-radius:11px;padding:11px 34px 11px 12px;} .usdt-amount-box{border-radius:12px;padding:13px 14px;} .usdt-amount-box input{font-family:var(--app-font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:27px;font-weight:650;letter-spacing:-.025em;} .usdt-amount-box span{font-family:var(--app-font);font-size:13px;font-weight:650;} .usdt-result{margin-top:16px;padding-top:16px;} .usdt-result-label{font-family:var(--app-font);font-size:14px;font-weight:550;color:rgba(245,244,241,.55);} .usdt-result-value{font-family:var(--app-font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:27px;font-weight:650;letter-spacing:-.025em;} .usdt-fee-summary{font-family:var(--app-font);font-variant-numeric:tabular-nums;font-size:10px;color:rgba(245,244,241,.30);} .usdt-request-btn{border-radius:11px;font-family:var(--app-font);font-size:14px;min-height:48px;} .usdt-request-note,.usdt-note{font-family:var(--app-font);} .usdt-request-note{font-size:10.5px;line-height:1.5;color:rgba(245,244,241,.32);} .usdt-note{font-size:11px;line-height:1.6;color:rgba(245,244,241,.38);border-radius:13px;margin-top:12px;} /* MT5 — less dense, clearer reading order */ .trading-hero{padding:24px 0 38px;} .trading-kicker{font-family:var(--app-font);font-size:10px;font-weight:700;letter-spacing:.14em;} .trading-title{ font-family:var(--app-font);font-size:30px;line-height:1.13;font-weight:700; letter-spacing:-.04em;margin-bottom:14px;max-width:560px; } .trading-lead{font-family:var(--app-font);font-size:14px;line-height:1.65;color:rgba(245,244,241,.50);max-width:550px;} .trading-steps{gap:10px;margin-top:20px;} .trading-step{border-radius:15px;padding:16px;background:#15171B;box-shadow:0 4px 18px rgba(0,0,0,.08);} .trading-step-num{font-family:var(--app-font);font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:9px;} .trading-step strong{font-family:var(--app-font);font-size:14px;font-weight:650;line-height:1.25;margin-bottom:6px;} .trading-step span{font-family:var(--app-font);font-size:11px;line-height:1.55;color:rgba(245,244,241,.36);} .mt5-card{border-radius:17px;padding:21px;margin-top:12px;box-shadow:0 8px 28px rgba(0,0,0,.14);} .mt5-badge{font-family:var(--app-font);font-size:9px;font-weight:700;letter-spacing:.07em;padding:6px 9px;margin-bottom:13px;} .mt5-card h2{font-family:var(--app-font);font-size:22px;line-height:1.18;font-weight:700;letter-spacing:-.03em;margin-bottom:9px;} .mt5-card p{font-family:var(--app-font);font-size:12px;line-height:1.65;color:rgba(245,244,241,.48);} .mt5-features{gap:8px;margin:16px 0;} .mt5-feature{border-radius:11px;padding:12px;font-family:var(--app-font);font-size:11px;line-height:1.5;color:rgba(245,244,241,.42);} .mt5-feature b{font-weight:650;color:var(--text);} .platform-links a{font-family:var(--app-font);font-size:11px;font-weight:650;} .account-form{border-radius:17px;padding:19px;margin-top:12px;box-shadow:0 5px 22px rgba(0,0,0,.09);} .account-form h2{font-family:var(--app-font);font-size:19px;line-height:1.2;font-weight:650;letter-spacing:-.025em;} .account-form-head p{font-family:var(--app-font);font-size:11px;line-height:1.55;color:rgba(245,244,241,.34);} .form-badge{font-family:var(--app-font);font-size:8px;font-weight:700;letter-spacing:.05em;} .account-field label{font-family:var(--app-font);font-size:10.5px;font-weight:550;color:rgba(245,244,241,.45);} .account-field input,.account-field select{font-family:var(--app-font);font-size:13px;font-variant-numeric:tabular-nums;border-radius:10px;padding:11px 12px;} .account-check{font-family:var(--app-font);font-size:10.5px;line-height:1.55;color:rgba(245,244,241,.34);} .account-submit,.platform-btn{font-family:var(--app-font);font-size:12.5px;font-weight:700;border-radius:10px;min-height:46px;} .account-note{font-family:var(--app-font);font-size:10px;line-height:1.6;color:rgba(245,244,241,.32);} /* Solutions — card-based and scannable */ .contact-hero{padding:24px 0 38px;} .contact-card{ border-radius:18px;padding:25px 21px; background:linear-gradient(160deg,#15120C 0%,#0D0B08 100%); box-shadow:0 8px 30px rgba(0,0,0,.15); } .contact-eyebrow{font-family:var(--app-font);font-size:10px;font-weight:700;letter-spacing:.14em;margin-bottom:12px;} .contact-card h2{font-family:var(--app-font);font-size:28px;line-height:1.16;font-weight:700;letter-spacing:-.035em;margin-bottom:12px;} .contact-card > p{font-family:var(--app-font);font-size:13.5px;line-height:1.62;color:rgba(245,244,241,.48);max-width:500px;margin-bottom:20px;} .solutions-grid{gap:9px;margin-bottom:20px;} .solution-item{padding:15px;border-radius:13px;background:rgba(255,255,255,.025);transition:transform .18s ease,border-color .18s ease,background .18s ease;} .solution-item:hover{transform:translateY(-1px);border-color:rgba(240,184,90,.32);background:rgba(255,255,255,.035);} .solution-item strong{font-family:var(--app-font);font-size:14px;line-height:1.25;font-weight:650;margin-bottom:5px;} .solution-item span{font-family:var(--app-font);font-size:10.5px;line-height:1.55;color:rgba(245,244,241,.35);} .about-strip{border-radius:13px;padding:16px;margin-top:16px;} .about-strip strong{font-family:var(--app-font);font-size:14px;font-weight:650;line-height:1.3;} .about-strip p{font-family:var(--app-font);font-size:11px;line-height:1.6;color:rgba(245,244,241,.34);} .contact-meta{font-family:var(--app-font);font-size:11px;line-height:1.9;color:rgba(245,244,241,.34);margin-top:20px;} .contact-actions,.inline-contact{gap:8px;} .inline-contact a,.contact-actions .contact-btn{font-family:var(--app-font);font-size:11px;font-weight:700;border-radius:10px;min-height:42px;} /* Footer and system UI should use the same readable type */ .footer-tagline{font-family:var(--app-font);} footer .disclaimer{font-family:var(--app-font);font-size:9.5px;line-height:1.6;} .lock-box h3,.lock-box button{font-family:var(--app-font);} .lock-box input{font-family:var(--app-font);} @media(max-width:560px){ .trading-title{font-size:27px;} .contact-card h2{font-size:26px;} .usdt-value{font-size:29px;} .usdt-result-value{font-size:25px;} } /* ===== V209: the portal's app look on the website home ===== */ .app-home .home-act.primary{background:var(--brass);border-color:var(--brass);color:#1A1200;justify-content:center;min-height:58px;font-size:16.5px;box-shadow:0 8px 22px rgba(201,149,61,.28)} .app-home .home-act.primary svg{color:#1A1200}.app-home .home-act.primary .go{color:#1A1200} .app-home .home-act{border-radius:14px;background:var(--card)} .app-home .card.pulse{position:relative;overflow:hidden;margin:0 0 14px;padding:18px;border:1px solid rgba(201,149,61,.45);border-radius:18px;background:radial-gradient(120% 90% at 100% 0%,rgba(201,149,61,.16),transparent 60%),linear-gradient(180deg,#15171d,#101216);color:var(--text)} .pl-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .pl-live{display:inline-flex;align-items:center;gap:7px;font:700 10.5px var(--mono);letter-spacing:.14em;color:#3FBF7F} .pl-live i{width:8px;height:8px;border-radius:50%;background:#3FBF7F;animation:plPing 1.6s infinite} @keyframes plPing{0%{box-shadow:0 0 0 0 rgba(63,191,127,.6)}70%{box-shadow:0 0 0 9px rgba(63,191,127,0)}100%{box-shadow:0 0 0 0 rgba(63,191,127,0)}} .pl-tabs{display:flex;gap:6px}.pl-tabs button{padding:7px 12px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text-dim);font:600 12.5px Inter,system-ui,sans-serif;cursor:pointer} .pl-tabs button[aria-pressed="true"]{border-color:var(--brass);color:var(--brass-light);background:rgba(201,149,61,.12)} .pl-name{margin-top:16px;color:var(--text-dim);font-size:13px}.pl-name b{color:var(--text)} .pl-price{font:700 44px/1.1 var(--mono);letter-spacing:-.02em;margin-top:4px;transition:color .6s} .pl-price.flash-up{color:#3FBF7F}.pl-price.flash-down{color:#E0604F} .pl-chg{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;border-radius:8px;font:700 13px var(--mono)} .pl-chg.up{background:rgba(63,191,127,.14);color:#3FBF7F}.pl-chg.down{background:rgba(224,96,79,.14);color:#E0604F}.pl-chg.flat{background:var(--card-raised);color:var(--text-dim)} .pl-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px} /* V253: "Up or down by Friday?" — two taps that lead to the weekly prize. Free, nothing staked. */ .pl-fc{margin-top:14px;padding:12px 12px 12px;border-radius:12px;border:1px solid rgba(214,154,62,.38);background:radial-gradient(120% 90% at 100% 0%,rgba(214,154,62,.14),transparent 60%),rgba(214,154,62,.05)} .pl-fc-q{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;font-weight:800;font-size:15px;color:var(--text)} .pl-fc-q small{font-weight:600;font-size:12px;color:var(--brass-light,#f0b85a)} .pl-fc-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px} .pl-fc-btns button{appearance:none;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-weight:800;font-size:15px;padding:12px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,background .12s,border-color .12s} .pl-fc-btns button[data-fc="up"]{border-color:rgba(63,191,127,.45);color:#5FD59A} .pl-fc-btns button[data-fc="down"]{border-color:rgba(224,96,79,.45);color:#F08A7B} .pl-fc-btns button:active{transform:scale(.97)} .pl-fc-btns button[data-fc="up"]:hover{background:rgba(63,191,127,.12)}.pl-fc-btns button[data-fc="down"]:hover{background:rgba(224,96,79,.12)} .pl-fc-foot{margin-top:8px;font-size:12px;color:var(--text-dim)} /* V264: "install our web app" — the same offer the big consumer sites make, in our own clothes. Never shown to someone already using the app, never more than once a fortnight. */ .pwa-bar{position:fixed;z-index:2147483000;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px)); max-width:520px;margin:0 auto;padding:13px 14px;border-radius:18px;border:1px solid rgba(214,154,62,.45); background:rgba(18,20,26,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); box-shadow:0 18px 50px rgba(0,0,0,.55);display:flex;gap:12px;align-items:center;flex-wrap:wrap;animation:pwaIn .35s ease-out} .pwa-bar img{width:42px;height:42px;border-radius:11px;flex:0 0 auto} .pwa-t{flex:1;min-width:150px} .pwa-t b{display:block;font-size:14.5px;font-weight:800;line-height:1.3} .pwa-t span{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--text-dim,#A8ACB5)} .pwa-a{display:flex;gap:8px;align-items:center;margin-inline-start:auto} .pwa-a button{appearance:none;font:inherit;font-size:13px;font-weight:700;border-radius:999px;cursor:pointer;white-space:nowrap} .pwa-yes{background:transparent;color:#E2B25C;border:1px solid rgba(214,154,62,.5);padding:8px 14px} /* V416.7: outlined — a quiet offer, not a second main button */ .pwa-no{background:none;border:0;color:var(--text-dim,#A8ACB5);padding:9px 6px} .pwa-steps{flex-basis:100%;margin-top:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08); font-size:13px;line-height:1.7;color:var(--text-dim,#A8ACB5)} .pwa-steps ol{margin:0;padding-inline-start:20px} @keyframes pwaIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){.pwa-bar{animation:none}} body.pwa-open .telegram-float{bottom:calc(96px + env(safe-area-inset-bottom,0px))!important} /* V263: the page someone reads when they are deciding whether to trust us at all */ .safety-page .sf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:6px 0 18px} .sf-card{padding:18px;border:1px solid var(--line-strong,rgba(255,255,255,.14));border-radius:16px;background:var(--card,#12141A)} .sf-card h3{margin:0 0 8px;font-size:16px;font-weight:800;letter-spacing:-.01em} .sf-card p{margin:0 0 12px;font-size:14px;line-height:1.65;color:var(--text-dim)} .sf-block{padding:18px;border:1px solid var(--line-strong,rgba(255,255,255,.14));border-radius:16px;background:var(--card,#12141A);margin-bottom:14px} .sf-block h3{margin:0 0 10px;font-size:16px;font-weight:800} .sf-block p{margin:0 0 10px;font-size:14px;line-height:1.7;color:var(--text-dim)} .sf-block ul{margin:0;padding-inline-start:20px} .sf-block li{margin-bottom:10px;font-size:14px;line-height:1.7;color:var(--text-dim)} .sf-block li b{color:var(--text)} .sf-warn{border-color:rgba(214,154,62,.42);background:radial-gradient(120% 90% at 100% 0%,rgba(214,154,62,.09),transparent 60%),var(--card,#12141A)} .sf-go{display:inline-block;font-size:13px;font-weight:700;color:var(--brass-light,#f0b85a);text-decoration:none} .sf-go:hover{text-decoration:underline} .sf-risk{margin:16px 0 0;font-size:12.5px;line-height:1.6;color:var(--text-dimmer,#6E737E)} /* V254: the payout proof board — the one trust signal nobody can buy */ .pf{border:1px solid var(--line-strong,rgba(255,255,255,.14));border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02)} .pf-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap} .pf-live{display:inline-flex;align-items:center;gap:7px;font:700 11px Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#3FBF7F} .pf-live i{width:8px;height:8px;border-radius:50%;background:#3FBF7F;box-shadow:0 0 0 0 rgba(63,191,127,.6);animation:pfPulse 1.8s infinite} @keyframes pfPulse{0%{box-shadow:0 0 0 0 rgba(63,191,127,.55)}70%{box-shadow:0 0 0 8px rgba(63,191,127,0)}100%{box-shadow:0 0 0 0 rgba(63,191,127,0)}} .pf-tabs{display:flex;gap:4px;background:rgba(255,255,255,.05);padding:3px;border-radius:999px} .pf-tabs button{border:0;background:transparent;color:var(--text-dim,#A8ACB5);font:600 12.5px Inter,system-ui,sans-serif;padding:6px 12px;border-radius:999px;cursor:pointer} .pf-tabs button[aria-pressed="true"]{background:var(--brass,#D69A3E);color:#0A0B0D} .pf-list{max-height:560px;overflow-y:auto} .pf-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text,#fff);text-decoration:none} .pf-row:last-child{border-bottom:0} a.pf-row:hover{background:rgba(255,255,255,.04)} .pf-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center} .pf-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .pf-row.in .pf-ic{background:rgba(63,191,127,.13);color:#3FBF7F} .pf-row.out .pf-ic{background:rgba(214,154,62,.14);color:#F0B85A} .pf-what b,.pf-amt b{display:block;font:700 14px Inter,system-ui,sans-serif} .pf-what small,.pf-amt small{display:block;font:500 11.5px Inter,system-ui,sans-serif;color:var(--text-dimmer,#8A8F9A);margin-top:2px} .pf-amt{text-align:right}.pf-amt b{font-family:var(--mono,ui-monospace,monospace)} .pf-row.in .pf-amt b{color:#3FBF7F} .pf-hash{font:500 11.5px var(--mono,ui-monospace,monospace);color:var(--text-dimmer,#8A8F9A);white-space:nowrap} .pf-go{color:var(--brass-light,#F0B85A);font-weight:700} .pf-row.new{animation:pfIn .7s ease-out,pfGlow 2.4s ease-out} @keyframes pfIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}} @keyframes pfGlow{from{background:rgba(214,154,62,.16)}to{background:transparent}} @media(max-width:520px){.pf-row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:11px 12px}.pf-hash{grid-column:2/4;margin-top:-4px}} @media(prefers-reduced-motion:reduce){.pf-live i,.pf-row.new{animation:none}} .proof-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin:0 0 18px} .proof-stat{padding:14px 12px;border:1px solid var(--line-strong,rgba(255,255,255,.14));border-radius:14px;background:var(--card,#12141A);text-align:center} .proof-stat b{display:block;font-size:24px;font-weight:900;letter-spacing:-.02em;color:var(--brass-light,#f0b85a);line-height:1.1} .proof-stat small{display:block;margin-top:5px;font-size:11.5px;color:var(--text-dim);line-height:1.35} .proof-list{border:1px solid var(--line-strong,rgba(255,255,255,.14));border-radius:14px;overflow:hidden;background:var(--card,#12141A)} .proof-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:wrap} .proof-row:last-child{border-bottom:0} .proof-amt{font-weight:800;font-size:16px;min-width:88px} .proof-meta{flex:1;min-width:150px;font-size:12.5px;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline} .proof-fast{color:#5FD59A;font-weight:700} .proof-chip{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:2px 8px;font-size:11px;letter-spacing:.02em} .proof-go{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(214,154,62,.5);color:var(--brass-light,#f0b85a);border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap} .proof-go:hover{background:rgba(214,154,62,.12)} .proof-hash{width:100%;font-family:var(--mono,ui-monospace,monospace);font-size:11px;color:var(--text-dimmer,#6E737E);word-break:break-all} .proof-note{margin:16px 0 0;font-size:12.5px;line-height:1.6;color:var(--text-dim)} .proof-empty{padding:26px 16px;text-align:center;color:var(--text-dim);font-size:13.5px;line-height:1.6} @media(max-width:560px){.proof-amt{min-width:72px;font-size:15px}.proof-row{padding:12px}} .pl-facts span{padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--line-strong);font-size:12px;color:var(--text-dim)} .pl-facts b{color:var(--brass-light)} .pl-news{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(92,168,255,.08);border:1px solid rgba(92,168,255,.25);font-size:13px;color:var(--text-dim);text-decoration:none;-webkit-tap-highlight-color:transparent} .pl-news:active{background:rgba(92,168,255,.16)} .pl-news>span{flex:1;min-width:0} .pl-news-go{flex:none;font-style:normal;font-size:17px;line-height:1;color:#5CA8FF;opacity:.8} [dir="rtl"] .pl-news-go{transform:scaleX(-1)} .pl-news b{color:var(--text)}.pl-news .mono{color:#5CA8FF;font-family:var(--mono)} .pl-go{display:block;width:100%;margin-top:16px;padding:15px;border:0;border-radius:12px;background:var(--brass);color:#1A1200;font:700 15.5px Inter,system-ui,sans-serif;cursor:pointer;text-align:center;text-decoration:none} .pl-risk{margin:8px 0 0;font-size:11px;color:var(--text-dimmer);text-align:center} .official-only{margin-top:8px;font-size:11.5px;line-height:1.55;color:var(--text-dimmer,#8A8F9A)} .nf-note{position:relative;z-index:5;margin:0;padding:10px 16px;background:rgba(214,154,62,.12);border-bottom:1px solid rgba(214,154,62,.35);color:#F0B85A;font:600 13px Inter,system-ui,sans-serif;text-align:center} .pl-live.fd-nl,.wel-live.fd-nl{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.16)!important;color:#A8ACB5!important;text-shadow:none!important;letter-spacing:.06em} .pl-live.fd-nl i,.wel-live.fd-nl i{background:#8A8F9A!important;box-shadow:none!important} .pl-live.fd-nl i:after,.wel-live.fd-nl i:after{display:none} .pl-live.fd-dl,.wel-live.fd-dl{background:rgba(227,179,65,.1)!important;border-color:rgba(227,179,65,.4)!important;color:#E3B341!important;text-shadow:none!important} .pl-live.fd-dl i,.wel-live.fd-dl i{background:#E3B341!important;box-shadow:none!important} .pl-live.fd-dl i:after,.wel-live.fd-dl i:after{border-color:#E3B341} .explore-more{margin-top:30px} .gcard{display:flex;align-items:center;gap:14px;width:100%;padding:15px 16px;margin:0 0 14px;border-radius:18px;border:1px solid rgba(214,154,62,.5);background:linear-gradient(135deg,rgba(214,154,62,.16),rgba(214,154,62,.03));color:inherit;text-decoration:none;text-align:start;cursor:pointer;box-shadow:0 10px 30px rgba(214,154,62,.10)} .gcard>i{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(214,154,62,.16);font-style:normal} .gcard>i svg{width:26px;height:26px;fill:none;stroke:#D69A3E;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .gcard>span{flex:1;min-width:0}.gcard b{display:block;font-size:16.5px;font-weight:800}.gcard small{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;opacity:.72} .gcard em{flex:none;padding:9px 14px;border-radius:999px;background:#D69A3E;color:#1A1200;font:800 13.5px Inter,system-ui,sans-serif;font-style:normal;box-shadow:0 6px 18px rgba(214,154,62,.35)} .home-game{max-width:460px;margin:4px auto 12px} .home-game small{letter-spacing:.06em;font-size:11px} /* V292: Chart Challenge */ .game-wrap{max-width:560px;padding-top:18px;padding-bottom:30px} .game-h{font-size:clamp(28px,7.6vw,40px);font-weight:850;letter-spacing:-.03em;margin:6px 0 6px} .game-lead{color:var(--text-dim);font-size:15px;margin:0 0 16px} .game-card{border:1px solid rgba(214,154,62,.35);border-radius:22px;background:#050607;padding:14px 14px 16px;box-shadow:0 24px 60px rgba(214,154,62,.08)} .game-msg{padding:60px 10px;text-align:center;color:var(--text-dim)} .gm-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px} .gm-tabs{display:flex;gap:6px}.gm-tabs button{padding:7px 12px;border-radius:999px;border:0;background:transparent;color:var(--text-dim);font:600 12.5px Inter,system-ui,sans-serif;cursor:pointer} .gm-tabs button[aria-pressed="true"]{background:rgba(255,255,255,.08);color:var(--text)} .gm-stat{font:600 11.5px var(--mono);color:var(--brass-light);text-align:end} .gm-chart{position:relative;height:230px;margin:0 -4px} .gm-chart svg{width:100%;height:100%;display:block} .gm-row{display:flex;align-items:center;gap:8px;margin:10px 0 0} .gm-row>span{font-size:12.5px;color:var(--text-dim);margin-inline-end:4px} .gm-row button{flex:1;padding:9px 6px;border-radius:10px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font:700 13px var(--mono);cursor:pointer} .gm-row button[aria-pressed="true"]{border-color:var(--brass);color:var(--brass);background:rgba(214,154,62,.1)} .gm-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px} .gm-acts button{height:56px;border-radius:16px;border:0;font:800 18px Inter,system-ui,sans-serif;cursor:pointer} .gm-buy{background:#3FBF7F;color:#04160D}.gm-sell{background:#E0604F;color:#1C0603} .gm-skip{display:block;margin:10px auto 0;background:none;border:0;color:var(--text-dim);font:600 13px Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer} .gm-note{margin:10px 0 0;font-size:12px;color:var(--text-dimmer);text-align:center;line-height:1.45} .gm-res{margin-top:12px;padding:14px;border-radius:16px;text-align:center;border:1px solid var(--line-strong)} .gm-res b{display:block;font-size:20px;font-weight:850}.gm-res span{display:block;margin-top:4px;font:700 14px var(--mono)} .gm-res.tp{border-color:rgba(63,191,127,.5);background:rgba(63,191,127,.08)}.gm-res.tp b{color:#3FBF7F} .gm-res.sl{border-color:rgba(224,96,79,.5);background:rgba(224,96,79,.08)}.gm-res.sl b{color:#E0604F} .gm-res small{display:block;margin-top:8px;font-size:12.5px;color:var(--text-dim);line-height:1.45} .gm-res small a{color:var(--brass-light)} .gm-timer{position:relative;height:22px;margin:10px 0 0;border-radius:11px;background:rgba(255,255,255,.07);overflow:hidden} .gm-timer i{position:absolute;top:0;bottom:0;left:0;width:100%;background:linear-gradient(90deg,#B9822F,#F0B85A);transition:width 1s linear} html[dir=rtl] .gm-timer i{left:auto;right:0} .gm-timer b{position:relative;display:block;text-align:center;font:800 12.5px/22px var(--mono);color:#1A1200} .gm-timer.hot i{background:#E0604F;animation:gmHot .5s ease-in-out infinite alternate} .gm-timer.hot b{color:#fff} @keyframes gmHot{to{opacity:.65}} .gm-res.big{padding:20px 14px;animation:gmPop .45s cubic-bezier(.2,1.4,.4,1);box-shadow:0 0 0 1px rgba(63,191,127,.5),0 0 44px rgba(63,191,127,.28)} .gm-res.big b{font-size:28px;letter-spacing:-.02em} @keyframes gmPop{0%{transform:scale(.86);opacity:.4}100%{transform:scale(1);opacity:1}} .gm-mult{display:inline-block;margin-bottom:6px;padding:4px 10px;border-radius:999px;background:#D69A3E;color:#1A1200;font:800 12px var(--mono);font-style:normal;letter-spacing:.06em;box-shadow:0 0 18px rgba(214,154,62,.5)} @media (prefers-reduced-motion:reduce){.gm-res.big,.gm-timer.hot i{animation:none}} .gm-next{display:block;width:100%;margin-top:10px;height:54px;border-radius:999px;border:0;background:var(--brass);color:#1A1200;font:800 16px Inter,system-ui,sans-serif;cursor:pointer} .game-board{margin-top:16px;border:1px solid var(--line-strong);border-radius:18px;padding:14px} .game-board h3{margin:0 0 8px;font-size:15px} .gb-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-top:1px solid rgba(255,255,255,.05);font-size:14px} .gb-row:first-of-type{border-top:0}.gb-row i{width:22px;font-style:normal;font:700 12px var(--mono);color:var(--text-dimmer)} .gb-row span{flex:1}.gb-row b{font:700 13px var(--mono);color:var(--brass-light)}.gb-row.me{background:rgba(214,154,62,.08);border-radius:8px} .game-risk{margin:14px 0 0;text-align:center;font-size:11.5px;color:var(--text-dimmer)} .explore-more .site-feats{margin-top:0} /* V283: the front page opens like the app — a two-tone headline, a phone showing the live market with today's line glowing in gold, and two big buttons (after OKX's welcome, in our words and facts). */ #appHome .app-home-brand{display:none} /* V287: the home page is only the welcome now — it ends where the buttons end (no full-screen reserve) */ #appHome{min-height:0!important;padding-bottom:6px!important} /* V287 (the owner: "LIVE, Up, Down — live, attracting words so people press them"): a radar ring on LIVE, a breathing glow and a moving arrow on Up / Down, a light sweep every few seconds. Calm when the phone asks for less motion. */ .pl-live,.wel-live{padding:4px 10px 4px 8px;border-radius:999px;background:rgba(63,191,127,.12);border:1px solid rgba(63,191,127,.38);color:#3FBF7F!important;font-weight:800;text-shadow:0 0 10px rgba(63,191,127,.45)} .pl-live i,.wel-live i{position:relative;width:8px;height:8px;border-radius:50%;background:#3FBF7F;box-shadow:0 0 8px #3FBF7F;animation:none!important} .pl-live i:after,.wel-live i:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #3FBF7F;animation:liveRing 1.6s ease-out infinite} @keyframes liveRing{0%{transform:scale(.45);opacity:.95}100%{transform:scale(2.2);opacity:0}} .pl-fc-btns button,.pl-fc .fc-btn:not(.on){position:relative;overflow:hidden} .pl-fc-btns button[data-fc="up"],.pl-fc .fc-btn.up:not(.on){animation:fcGlowUp 2.4s ease-in-out infinite} .pl-fc-btns button[data-fc="down"],.pl-fc .fc-btn.down:not(.on){animation:fcGlowDown 2.4s ease-in-out 1.2s infinite} @keyframes fcGlowUp{0%,100%{box-shadow:0 0 0 0 rgba(63,191,127,0)}50%{box-shadow:0 0 20px 1px rgba(63,191,127,.38),inset 0 0 12px rgba(63,191,127,.12)}} @keyframes fcGlowDown{0%,100%{box-shadow:0 0 0 0 rgba(224,96,79,0)}50%{box-shadow:0 0 20px 1px rgba(224,96,79,.38),inset 0 0 12px rgba(224,96,79,.12)}} .pl-fc-btns button:after,.pl-fc .fc-btn:not(.on):after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);animation:fcShine 4.8s ease-in-out infinite;pointer-events:none} .pl-fc-btns button[data-fc="down"]:after,.pl-fc .fc-btn.down:after{animation-delay:.35s} @keyframes fcShine{0%,72%{left:-60%}100%{left:135%}} .fc-ar{display:inline-block;font-style:normal} [data-fc="up"] .fc-ar,.fc-btn.up .fc-ar{animation:arUp 1.3s ease-in-out infinite} [data-fc="down"] .fc-ar,.fc-btn.down .fc-ar{animation:arDown 1.3s ease-in-out infinite} @keyframes arUp{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}} @keyframes arDown{0%,100%{transform:translateY(-1px)}50%{transform:translateY(3px)}} @media (prefers-reduced-motion:reduce){.pl-live i:after,.wel-live i:after,.pl-fc-btns button,.pl-fc .fc-btn,.pl-fc-btns button:after,.pl-fc .fc-btn:after,.fc-ar{animation:none!important}} #appHome .app-home-intro{margin:4px auto 20px} #appHome .app-home-intro h1{font-size:clamp(28px,7.9vw,46px);font-weight:850;line-height:1.04;letter-spacing:-.035em;margin-top:10px} #appHome .app-home-intro h1 .h-gold{display:block;color:var(--brass)} #appHome .app-home-intro p{font-size:15.5px;line-height:1.5;margin:12px auto 0;max-width:360px} #appHome .card.pulse{position:relative;max-width:340px;margin:0 auto;border:2.5px solid rgba(238,237,234,.88);border-radius:42px;padding:26px 18px 16px;background:#050607;box-shadow:0 30px 80px rgba(214,154,62,.10)} #appHome .card.pulse:before{content:"";position:absolute;top:10px;left:50%;width:74px;height:6px;margin-left:-37px;border-radius:4px;background:rgba(255,255,255,.12)} #sitePulse .pl-top{flex-wrap:nowrap;margin-top:4px} #sitePulse .pl-sym{font:600 11.5px var(--mono);color:var(--text-dimmer)} #sitePulse .pl-name{margin-top:10px;font-size:14px} #sitePulse .pl-price{font-size:34px;font-weight:800;margin-top:4px} #sitePulse .pl-chg{display:block;margin:2px 0 0;padding:0;background:none!important;font:600 13.5px Inter,system-ui,sans-serif;min-height:18px} #sitePulse .pl-chg.up{color:#3FBF7F}#sitePulse .pl-chg.down{color:#E0604F}#sitePulse .pl-chg.flat{color:var(--text-dim)} #sitePulse .pl-chart{height:132px;margin:8px -4px 6px} #sitePulse .pl-chart svg{width:100%;height:100%;display:block;overflow:visible} #sitePulse .pl-tabs{justify-content:center;margin:4px 0 12px} #sitePulse .pl-tabs button{border:0;padding:6px 12px;font-size:12px} #sitePulse .pl-tabs button[aria-pressed="true"]{background:rgba(255,255,255,.08);color:var(--text)} #sitePulse .pl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 2px;border:0;border-top:1px solid rgba(255,255,255,.05);background:none;color:inherit;text-align:start;cursor:pointer} #sitePulse .pl-row b{font-size:14px}#sitePulse .pl-row small{display:block;color:var(--text-dimmer);font-size:11.5px;margin-top:2px} #sitePulse .pl-row .sym{font:600 11.5px var(--mono);color:var(--text-dimmer)} #sitePulse .pl-pill{min-width:72px;text-align:center;padding:7px 8px;border-radius:7px;font:700 12.5px var(--mono)} #sitePulse .pl-pill.up{background:rgba(63,191,127,.14);color:#3FBF7F}#sitePulse .pl-pill.down{background:rgba(224,96,79,.14);color:#E0604F}#sitePulse .pl-pill.flat{background:rgba(255,255,255,.06);color:var(--text-dim)} #sitePulse .pl-fc{margin-top:12px} .wel-cta{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:22px auto 8px} .wel-cta>*{display:flex;align-items:center;justify-content:center;height:58px;border-radius:999px;font:800 17px Inter,system-ui,sans-serif;text-decoration:none;border:0;cursor:pointer} .wel-in{background:#2A2110;color:var(--brass)} .wel-up{background:var(--brass);color:#1A1200;box-shadow:0 10px 28px rgba(214,154,62,.28)} .home-cta-more{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 auto 12px;font-size:11.5px;color:var(--text-dimmer);text-align:center} .home-cb{background:none;border:0;padding:0;color:var(--brass-light);font:600 12.5px Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer} .site-feats{margin:14px 0 0} .feat{display:flex;align-items:center;gap:14px;width:100%;text-align:start;padding:15px 16px;border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(135deg,rgba(201,149,61,.09),transparent 60%),var(--card);margin-bottom:10px;color:var(--text);text-decoration:none} .feat-i{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(201,149,61,.14)} .feat-i svg{width:23px;height:23px;fill:none;stroke:var(--brass-light);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .feat-i.tg{background:rgba(41,171,226,.12)}.feat-i.tg svg{fill:#29ABE2;stroke:none} .feat-i.cr-coins{display:flex;gap:0;background:transparent;width:auto;padding:0 4px} .feat-i.cr-coins .cr-c{width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 2px var(--bg)}.feat-i.cr-coins .cr-c+.cr-c{margin-inline-start:-8px}.feat-i.cr-coins svg{width:26px;height:26px;display:block;stroke:none} .feat-t{flex:1;min-width:0}.feat-t b{display:block;font-size:15px;font-weight:700} .feat-t small{display:block;color:var(--text-dimmer);font-size:12.5px;line-height:1.45;margin-top:2px} .feat-go{flex:none;color:var(--text-dimmer);font-size:24px;line-height:1} html[dir=rtl] .feat-go{transform:scaleX(-1)} .app-home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 0;padding:0;border:0} .app-stat{background:var(--card);border:1px solid var(--line-strong);border-radius:12px;padding:12px 10px;text-align:center} .app-stat strong{display:block;font:700 22px var(--mono);color:var(--brass-light)} .app-stat span{display:block;font-size:11.5px;color:var(--text-dim);margin-top:2px}.app-stat small{display:none} .home-tile{border-radius:16px} .faq-item{border-radius:14px} /* ===== V214: Products & conditions in the portal's app look (the owner) ===== Style only — every word on the page is unchanged, so no dictionary moves. Scoped to the view, so nothing else on the site shifts. */ #view-products .payments-hero h2{font-weight:800;letter-spacing:-.02em} #view-products .cond-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} @media(min-width:760px){#view-products .cond-grid{grid-template-columns:repeat(4,1fr)}} #view-products .cond{padding:16px 14px;border:1px solid var(--line-strong);border-radius:16px;text-align:start; background:linear-gradient(135deg,rgba(201,149,61,.09),transparent 60%),var(--card)} #view-products .cond .k{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dimmer);line-height:1.35} #view-products .cond .v{font:700 30px/1.05 var(--mono);color:var(--brass-light);margin-top:9px;letter-spacing:-.02em} #view-products .cond .v small{font:600 13px var(--mono);color:var(--text-dim);margin-inline-start:4px} #view-products .cond .d{font-size:12px;color:var(--text-dim);margin-top:9px;line-height:1.5} #view-products .cond-list{display:grid;gap:10px;margin-top:16px} #view-products .cond-item{position:relative;padding:15px 16px;padding-inline-start:54px;border:1px solid var(--line-strong);border-radius:16px;background:var(--card)} #view-products .cond-item::before{content:"\2713";position:absolute;inset-inline-start:14px;top:15px;width:28px;height:28px;border-radius:9px; background:rgba(201,149,61,.14);color:var(--brass-light);display:grid;place-items:center;font-size:14px} #view-products .cond-item.hi{border-color:rgba(201,149,61,.45);background:linear-gradient(135deg,rgba(201,149,61,.1),transparent 60%),var(--card)} #view-products .cond-item b{font-size:15px;font-weight:700} #view-products .cond-item p{margin:3px 0 0;font-size:13px;color:var(--text-dim);line-height:1.5} #view-products .calc{margin-top:18px;padding:18px;border:1px solid rgba(201,149,61,.45);border-radius:18px; background:radial-gradient(120% 90% at 100% 0%,rgba(201,149,61,.16),transparent 60%),linear-gradient(180deg,#15171d,#101216)} #view-products .calc h3{margin:0;font-weight:800;font-size:19px;letter-spacing:-.01em} #view-products .calc-out b{font:700 34px var(--mono);color:var(--brass-light);letter-spacing:-.02em} #view-products .calc input{border-radius:11px} #view-products .calc-actions .primary{border-radius:12px;padding:14px 18px;font-weight:700;background:var(--brass);border-color:var(--brass);color:#1A1200;box-shadow:0 8px 22px rgba(201,149,61,.28)} #view-products .prod-head h3{font-weight:800;font-size:17px;letter-spacing:-.01em} #view-products .prod-head span{font:600 10.5px var(--mono);letter-spacing:.1em;color:var(--text-dimmer);border:1px solid var(--line-strong);border-radius:999px;padding:5px 10px} #view-products .prod{padding:12px 13px;border:1px solid var(--line-strong);border-radius:13px;background:var(--card)} #view-products .prod.hi{border-color:rgba(201,149,61,.45);background:linear-gradient(135deg,rgba(201,149,61,.1),transparent 60%),var(--card)} #view-products .prod b{font-weight:700} #view-products .prod.hi b{color:var(--brass-light)} #view-products .prod-note{border-radius:14px} #view-products .risk-line{border-radius:14px} body.kyc-form-active .telegram-float, body.kyc-form-active .trust-float{opacity:0!important;pointer-events:none!important;transform:translateY(12px)!important;} /* V305: live charts (/trade) */ .tc-card{border:1px solid var(--line-strong,rgba(255,255,255,.12));border-radius:16px;background:rgba(255,255,255,.02);padding:14px;margin:16px 0} .tc-top{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px} .tc-tabs{display:flex;gap:6px;flex-wrap:wrap} .tc-tabs button{padding:7px 12px;border-radius:999px;border:1px solid var(--line-strong,rgba(255,255,255,.14));background:transparent;color:var(--text-dim,#A7ABB3);font:600 12.5px Inter,system-ui,sans-serif;cursor:pointer;min-height:34px} .tc-tabs button[aria-pressed="true"]{border-color:var(--brass,#C9953D);color:var(--brass-light,#E2B866);background:rgba(201,149,61,.12)} .tc-head{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:14px} .tc-badge{font:700 10.5px Inter,system-ui,sans-serif;letter-spacing:.06em;color:var(--brass-light,#E2B866)} .tc-badge.tc-lv{color:#3CCF8E}.tc-badge.tc-dl{color:#E8B04A}.tc-badge.tc-nl{color:var(--text-dim,#A7ABB3)} /* V438.20: the Markets list's freshness colours */ .tc-price{font:800 28px Inter,system-ui,sans-serif;margin:4px 0 8px;font-variant-numeric:tabular-nums} .tc-price small{font-size:13px;font-weight:600;color:var(--text-dim,#A7ABB3)} .tc-price small.up{color:#3DDC97}.tc-price small.down{color:#FF6B6B} .tc-chart{position:relative;height:280px;touch-action:pan-y;user-select:none} .tc-chart svg{display:block;width:100%;height:100%} .tc-ohlc{min-height:18px;font:500 12px "JetBrains Mono",ui-monospace,monospace;color:var(--text-dim,#A7ABB3);margin-top:6px} .tc-src{font-size:12px;color:var(--text-dimmer,#6E737E);margin:6px 0 0;line-height:1.5} /* V108 — force the five secondary homepage cards to share one centered desktop canvas. */ @media (min-width:761px){ .app-home-tools, .app-home-learn{ width:720px !important; max-width:calc(100% - 36px) !important; margin-left:auto !important; margin-right:auto !important; justify-content:center !important; position:relative; left:auto !important; transform:none !important; } .app-home-section-label{ width:720px !important; max-width:calc(100% - 36px) !important; margin-left:auto !important; margin-right:auto !important; } } .form-ar-label,span.ar,.app-menu-ar,.menu-ar,.app-home-ar,.footer-tagline-ar,.qmenu-item small,.app-stat small,.native-submit span+span{display:none!important}