/* ========================================================================== aitradesig — Vision 2026 A warm, editorial interface: stone paper, deep ink, liquid violet and sky. ========================================================================== */ html, body { overflow-x: clip; } :root { --v2-paper: #ece8df; --v2-paper-2: #f5f2eb; --v2-ink: #17191d; --v2-ink-soft: #3f4247; --v2-muted: #71736f; --v2-violet: #5237e6; --v2-violet-deep: #2c1b91; --v2-sky: #b7d7ec; --v2-lime: #d9ff63; --v2-line: rgba(23, 25, 29, .12); --v2-line-strong: rgba(23, 25, 29, .22); --v2-glass: rgba(255, 255, 255, .62); --v2-glass-2: rgba(255, 255, 255, .4); --v2-radius: 36px; --v2-shadow: 0 32px 90px rgba(49, 43, 33, .14); --v2-shadow-soft: 0 14px 40px rgba(49, 43, 33, .09); --v2-header: rgba(249, 247, 242, .74); --v2-header-scroll: rgba(249, 247, 242, .9); --v2-footer: #17191d; --v2-footer-text: #f4f1e9; } /* ============================================================================ AI Forecast — single-screen terminal redesign ============================================================================ */ html[data-theme='dark'] body[data-page='ai'] .ai-page-intro { padding:1.5rem 0 1rem; } html[data-theme='dark'] body[data-page='ai'] .ai-page-intro .container { display:flex; align-items:end; justify-content:space-between; gap:2rem; } html[data-theme='dark'] body[data-page='ai'] .ai-page-intro__eyebrow { display:inline-flex; align-items:center; gap:.45rem; color:#61f5bb; font-size:.65rem; font-weight:900; letter-spacing:.13em; } html[data-theme='dark'] body[data-page='ai'] .ai-page-intro__eyebrow i { width:7px; height:7px; border-radius:50%; background:#3af5ac; box-shadow:0 0 12px #3af5ac; } html[data-theme='dark'] body[data-page='ai'] .ai-page-intro h1 { margin:.45rem 0 0; color:#f7f6ff; font:600 clamp(2rem,4.4vw,4.2rem)/.95 'Unbounded',sans-serif; letter-spacing:-.08em; } html[data-theme='dark'] body[data-page='ai'] .ai-page-intro h1 b { color:#67f6bd; font-weight:600; } html[data-theme='dark'] body[data-page='ai'] .ai-page-intro p { max-width:330px; margin:0; color:#9b9aaa; font-size:.8rem; line-height:1.55; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal { max-width:1120px; margin-inline:auto; padding:1rem; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top { margin:0 0 .8rem; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__grid { align-items:stretch; } html[data-theme='dark'] body[data-page='ai'] .ai-upload, html[data-theme='dark'] body[data-page='ai'] .ai-result { min-height:460px; } html[data-theme='dark'] body[data-page='ai'] .ai-upload { display:flex; flex-direction:column; } html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview { position:relative; flex:1; display:flex; align-items:center; justify-content:center; overflow:hidden; max-height:none; min-height:300px; border-radius:18px; background:#0c0e18; } html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview img { display:block; width:100%; height:340px; max-height:340px; object-fit:contain; object-position:center; background:#0c0e18; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result { flex:1; min-height:290px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; padding:1.1rem; border:1px solid rgba(146,126,255,.3); border-radius:20px; background:radial-gradient(circle at 85% 5%,rgba(109,85,255,.27),transparent 40%),linear-gradient(145deg,#13142a,#171526); animation:ai-stage-in .5s cubic-bezier(.2,.8,.2,1); } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result::after { content:''; position:absolute; right:-80px; bottom:-90px; width:250px; height:250px; border:1px solid rgba(86,247,180,.12); border-radius:50%; box-shadow:0 0 0 35px rgba(86,247,180,.035),0 0 0 75px rgba(86,247,180,.02); } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; color:#54efb1; font-size:.62rem; font-weight:900; letter-spacing:.08em; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top span i { display:inline-block; width:7px; height:7px; margin-right:.3rem; border-radius:50%; background:#4df0ad; box-shadow:0 0 12px #4df0ad; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top span.wait { color:#ffe071; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top span.wait i { background:#ffe071; box-shadow:0 0 12px #ffe071; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top button { border:0; background:transparent; color:#b0a7ff; font-size:.68rem; font-weight:800; cursor:pointer; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__direction { position:relative; z-index:1; margin:.75rem 0 .05rem; color:#ffe071; font:700 clamp(2.7rem,6vw,4.6rem)/.95 'Unbounded',sans-serif; letter-spacing:-.1em; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__direction.up { color:#52f4b1; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__direction.down { color:#ff7494; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.65rem; margin:.75rem 0 .35rem; color:#8d8aa4; font-size:.55rem; font-weight:900; letter-spacing:.08em; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail > div { position:relative; height:7px; border-radius:99px; background:linear-gradient(90deg,#ff6888 0%,#ffcf68 38%,#8e83ff 50%,#55efb2 64%,#20f3a4 100%); box-shadow:0 0 14px rgba(124,111,255,.35); } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail > div::before { content:''; position:absolute; inset:-4px 0; border:1px solid rgba(255,255,255,.18); border-radius:99px; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail i { position:absolute; top:50%; width:18px; height:18px; border:3px solid #fff; border-radius:50%; background:#ffe071; box-shadow:0 0 0 4px rgba(255,224,113,.18),0 0 18px #ffe071; transform:translate(-50%,-50%); transition:left .65s cubic-bezier(.2,.8,.2,1),background .3s; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail i.up { background:#54f2b1; box-shadow:0 0 0 4px rgba(84,242,177,.18),0 0 18px #54f2b1; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail i.down { background:#ff718f; box-shadow:0 0 0 4px rgba(255,113,143,.18),0 0 18px #ff718f; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__meta { position:relative; z-index:1; display:flex; gap:.7rem; color:#a19eff; font-size:.7rem; font-weight:800; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__meta span + span { color:#9491a8; font-weight:600; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__scenario { position:relative; z-index:1; margin-top:1.2rem; padding:.8rem .9rem; border:1px solid rgba(159,139,255,.18); border-radius:13px; background:rgba(91,73,205,.13); } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__scenario small { display:block; color:#aaa4cf; font-size:.55rem; font-weight:900; letter-spacing:.12em; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__scenario strong { display:block; margin-top:.35rem; color:#faf9ff; font-size:.88rem; line-height:1.42; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__scenario span { display:block; margin-top:.45rem; color:#61f2b6; font-size:.67rem; line-height:1.35; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result > p { position:relative; z-index:1; margin:.75rem 0 0; color:#d1cede; font-size:.78rem; line-height:1.45; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__reason { position:relative; z-index:1; display:flex; gap:.45rem; align-items:flex-start; margin-top:.7rem; color:#9390a4; font-size:.68rem; line-height:1.4; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__reason i { display:grid; flex:0 0 24px; place-items:center; width:24px; height:24px; border-radius:7px; background:rgba(85,243,177,.15); color:#56f2b5; font-size:.52rem; font-style:normal; font-weight:900; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay { position:absolute; inset:0; z-index:8; display:flex; flex-direction:column; justify-content:space-between; padding:1rem; border-radius:18px; border:1px solid rgba(144,121,255,.28); background:linear-gradient(180deg,rgba(7,9,20,.18),rgba(7,9,20,.78) 78%,rgba(7,9,20,.92)); overflow:hidden; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame { position:absolute; inset:14px; border-radius:14px; pointer-events:none; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span { position:absolute; width:28px; height:28px; border-color:#6df3bd; border-style:solid; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span:nth-child(1) { top:0; left:0; border-width:2px 0 0 2px; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span:nth-child(2) { top:0; right:0; border-width:2px 2px 0 0; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span:nth-child(3) { bottom:0; left:0; border-width:0 0 2px 2px; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span:nth-child(4) { bottom:0; right:0; border-width:0 2px 2px 0; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-line { position:absolute; left:8%; right:8%; height:2px; background:#6df3bd; box-shadow:0 0 18px 4px rgba(109,243,189,.7); animation:ai-scan 1.8s ease-in-out infinite; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__top { position:absolute; inset:1rem 1.1rem auto; display:flex; justify-content:space-between; color:#a79bff; font-size:.6rem; font-weight:900; letter-spacing:.09em; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__top i { display:inline-block; width:7px; height:7px; margin-right:.25rem; border-radius:50%; background:#54f3b2; box-shadow:0 0 11px #54f3b2; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__core { display:grid; place-items:center; align-content:center; gap:.35rem; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__core strong { font:700 1.2rem 'Unbounded',sans-serif; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:.35rem; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages b { display:flex; flex-direction:column; align-items:center; gap:.15rem; padding:.5rem .2rem; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(8,10,20,.55); color:#8d8aa0; font-size:.58rem; text-align:center; backdrop-filter:blur(8px); } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages em { font-style:normal; font-size:.48rem; letter-spacing:.08em; color:#6df3bd; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages b.is-active { border-color:rgba(82,242,177,.35); background:rgba(82,242,177,.09); color:#59f0b3; } html[data-theme='dark'] body[data-page='ai'] .ai-risk { position:relative; display:flex; flex-direction:column; gap:.8rem; min-height:0; padding:1.3rem 1.25rem; border:1px solid rgba(109,243,189,.24); border-radius:24px; background:radial-gradient(circle at 92% 8%,rgba(109,243,189,.08),transparent 48%),linear-gradient(145deg,rgba(13,14,28,.55),rgba(8,10,20,.68)); box-shadow:0 20px 55px rgba(0,0,0,.22),0 0 32px rgba(109,243,189,.06),inset 0 1px 0 rgba(255,255,255,.03); overflow:hidden; } html[data-theme='dark'] body[data-page='ai'] .ai-risk::after { content:''; position:absolute; right:-60px; top:-50px; width:140px; height:140px; border:1px solid rgba(109,243,189,.12); border-radius:50%; box-shadow:0 0 0 22px rgba(109,243,189,.04),0 0 0 50px rgba(109,243,189,.02); pointer-events:none; } html[data-theme='dark'] body[data-page='ai'] .ai-risk__head { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; } html[data-theme='dark'] body[data-page='ai'] .ai-risk__head .chip { border:1px solid rgba(109,243,189,.3); background:rgba(109,243,189,.08); color:#6df3bd; font-size:.62rem; font-weight:900; } html[data-theme='dark'] body[data-page='ai'] .ai-risk h3 { position:relative; z-index:1; margin:0; color:#f0fff9; font:700 1.35rem 'Unbounded',sans-serif; letter-spacing:-.05em; } html[data-theme='dark'] body[data-page='ai'] .ai-risk p { position:relative; z-index:1; margin:0; color:#a0b9b5; font-size:.78rem; line-height:1.5; } html[data-theme='dark'] body[data-page='ai'] .ai-risk label { position:relative; z-index:1; color:#d0e8e4; font-size:.7rem; font-weight:800; letter-spacing:.02em; } html[data-theme='dark'] body[data-page='ai'] .ai-risk input { position:relative; z-index:1; width:100%; box-sizing:border-box; margin-top:.4rem; padding:.88rem 1rem; border:1px solid rgba(109,243,189,.25); border-radius:14px; background:rgba(8,10,20,.45); color:#f0fff9; font:700 1rem inherit; transition:.25s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-risk input:focus { border-color:#6df3bd; background:rgba(109,243,189,.06); outline:none; box-shadow:0 0 0 3px rgba(109,243,189,.12); } html[data-theme='dark'] body[data-page='ai'] .ai-risk__modes { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; } html[data-theme='dark'] body[data-page='ai'] .ai-risk__modes button { min-height:44px; border:1px solid rgba(109,243,189,.2); border-radius:12px; background:rgba(8,10,20,.3); color:#c0d8d4; font-size:.82rem; font-weight:800; cursor:pointer; transition:.2s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-risk__modes button:hover { border-color:rgba(109,243,189,.4); background:rgba(109,243,189,.06); } html[data-theme='dark'] body[data-page='ai'] .ai-risk__modes button.is-selected { border-color:#6df3bd; background:linear-gradient(135deg,rgba(109,243,189,.2),rgba(77,241,175,.15)); color:#6df3bd; box-shadow:0 0 18px rgba(109,243,189,.15); } html[data-theme='dark'] body[data-page='ai'] .ai-risk__stake { position:relative; z-index:1; padding:1.05rem 1.15rem; border:1px solid rgba(109,243,189,.3); border-radius:16px; background:linear-gradient(145deg,rgba(109,243,189,.12),rgba(77,241,175,.08)); box-shadow:0 0 24px rgba(109,243,189,.08),inset 0 1px 0 rgba(255,255,255,.06); } html[data-theme='dark'] body[data-page='ai'] .ai-risk__stake span { display:block; color:#9cb9b5; font-size:.64rem; font-weight:800; letter-spacing:.05em; } html[data-theme='dark'] body[data-page='ai'] .ai-risk__stake strong { display:block; margin-top:.3rem; color:#6df3bd; font:700 1.65rem 'Unbounded',sans-serif; letter-spacing:-.04em; text-shadow:0 0 18px rgba(109,243,189,.3); } /* Калькулятор распределения депозита внутри RISK MANAGER */ html[data-theme='dark'] body[data-page='ai'] .risk-calc { position:relative; z-index:1; display:flex; flex-direction:column; gap:.7rem; } html[data-theme='dark'] body[data-page='ai'] .risk-calc label { display:block; } html[data-theme='dark'] body[data-page='ai'] .risk-calc .ai-risk__modes { margin-top:.05rem; } html[data-theme='dark'] body[data-page='ai'] .risk-calc .ai-risk__modes button { min-height:38px; padding:.3rem .15rem; font-size:.6rem; line-height:1.15; letter-spacing:-.01em; } html[data-theme='dark'] body[data-page='ai'] .risk-calc__rows { display:grid; gap:.3rem; } html[data-theme='dark'] body[data-page='ai'] .risk-calc__row { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:.5rem; min-height:34px; padding:.35rem .6rem; border:1px solid rgba(109,243,189,.14); border-radius:11px; background:rgba(8,10,20,.28); color:#9fb9b4; font-size:.64rem; } html[data-theme='dark'] body[data-page='ai'] .risk-calc__row em { min-width:34px; padding:.18rem .3rem; border-radius:7px; background:rgba(109,243,189,.08); color:#8fdcc2; font-style:normal; text-align:center; } html[data-theme='dark'] body[data-page='ai'] .risk-calc__row b { color:#eaf7f2; font-size:.72rem; } html[data-theme='dark'] body[data-page='ai'] .risk-calc__total { display:flex; align-items:center; justify-content:space-between; padding:.7rem .8rem; border:1px solid rgba(109,243,189,.3); border-radius:13px; background:linear-gradient(145deg,rgba(109,243,189,.12),rgba(77,241,175,.06)); color:#9cb9b5; font-size:.66rem; font-weight:800; } html[data-theme='dark'] body[data-page='ai'] .risk-calc__total b { color:#6df3bd; font:700 1.1rem 'Unbounded',sans-serif; letter-spacing:-.03em; } /* Перетаскивание фото в зону анализа */ html[data-theme='dark'] body[data-page='ai'] .ai-upload.dragover { outline:2px dashed #6df3bd; outline-offset:-10px; background:rgba(109,243,189,.06); } html[data-theme='dark'] body[data-page='ai'] .ai-upload.dragover .ai-drop-empty { border-color:rgba(109,243,189,.65); } /* Центрирование оверлея сканирования: старое flex-правило оставляло justify-content: space-between и прижимало сетку влево. */ html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay { grid-template-columns:minmax(0,1fr); justify-content:center; justify-items:center; align-content:center; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__core { justify-self:center; text-align:center; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages { left:auto; right:auto; top:auto; bottom:auto; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty { flex:1; min-height:0; } html[data-theme='dark'] body[data-page='ai'] .ai-result__body { flex:1; overflow:auto; } html[data-theme='dark'] body[data-page='ai'] .ai-level { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.55rem; margin:.85rem 0 .2rem; color:#8f8ca3; font-size:.58rem; font-weight:900; letter-spacing:.08em; } html[data-theme='dark'] body[data-page='ai'] .ai-level__track { position:relative; height:8px; overflow:hidden; border-radius:99px; background:linear-gradient(90deg,#ff7494 0%,#ffe071 50%,#52f4b1 100%); opacity:.85; } html[data-theme='dark'] body[data-page='ai'] .ai-level__track b { position:absolute; top:0; height:100%; border-radius:99px; background:rgba(255,255,255,.22); transition:left .6s ease, width .6s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-level__track i { position:absolute; top:50%; width:14px; height:14px; border:2px solid #0d0f1b; border-radius:50%; background:#ffe071; box-shadow:0 0 16px #ffe071; transform:translate(-50%,-50%); transition:left .6s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-level__track i.up { background:#52f4b1; box-shadow:0 0 16px #52f4b1; } html[data-theme='dark'] body[data-page='ai'] .ai-level__track i.down { background:#ff7494; box-shadow:0 0 16px #ff7494; } html[data-theme='dark'] body[data-page='ai'] .ai-history { max-width:1120px; margin:1rem auto 0; } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions { display:inline-flex; gap:.35rem; } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button { width:34px; height:34px; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.04); color:#d8d5e8; font-size:.9rem; font-weight:800; cursor:pointer; transition:.2s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button.yes:hover { border-color:#52f4b1; background:rgba(82,244,177,.14); color:#52f4b1; } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button.no:hover { border-color:#ff7494; background:rgba(255,116,148,.14); color:#ff7494; } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button.skip:hover { border-color:#b0a7ff; background:rgba(176,167,255,.14); color:#b0a7ff; } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button:disabled { opacity:.45; cursor:wait; } @keyframes ai-stage-in { from { opacity:0; transform:scale(.96) translateY(12px); } to { opacity:1; transform:scale(1) translateY(0); } } @keyframes ai-drop-scan { 0%,100% { left:0%; opacity:.3; } 50% { left:100%; opacity:1; } } @media (max-width:760px) { html[data-theme='dark'] body[data-page='ai'] .ai-page-intro { padding:.8rem 0 .45rem; } html[data-theme='dark'] body[data-page='ai'] .ai-page-intro .container { display:block; } html[data-theme='dark'] body[data-page='ai'] .ai-page-intro h1 { font-size:2rem; } html[data-theme='dark'] body[data-page='ai'] .ai-page-intro p { display:none; } html[data-theme='dark'] body[data-page='ai'] .section.section--tight { padding-top:.6rem; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal { padding:.55rem; } html[data-theme='dark'] body[data-page='ai'] .ai-upload, html[data-theme='dark'] body[data-page='ai'] .ai-result { min-height:0; } html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview { min-height:240px; } html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview img { height:240px; max-height:240px; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result { min-height:330px; padding:.9rem; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__direction { font-size:2.9rem; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail { gap:.4rem; font-size:.46rem; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail i { width:15px; height:15px; border-width:2px; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay { inset:0; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages b { font-size:.46rem; } html[data-theme='dark'] body[data-page='ai'] .ai-history { display:block; } } /* ============================================================================ AI TRADEBOT NEON SYSTEM — homepage visual direction ============================================================================ */ html[data-theme='dark'] body.v2-home { --v2-paper: #041017; --v2-paper-2: #071923; --v2-ink: #f2fbf8; --v2-ink-soft: #b7d2cd; --v2-muted: #71908d; --v2-violet: #20f3a4; --v2-violet-deep: #0ba776; --v2-lime: #45ffb0; --v2-line: rgba(103, 235, 194, .15); --v2-line-strong: rgba(103, 235, 194, .3); --v2-glass: rgba(8, 30, 38, .78); --v2-glass-2: rgba(50, 240, 177, .06); --v2-shadow: 0 32px 90px rgba(0, 0, 0, .48); --v2-shadow-soft: 0 18px 50px rgba(0, 0, 0, .32); --v2-header: rgba(3, 18, 25, .78); --v2-header-scroll: rgba(3, 18, 25, .96); --brand: #20f3a4; --green: #20f3a4; --grad-brand: linear-gradient(135deg, #20f3a4, #8affca); --grad-text: linear-gradient(100deg, #f4fffc 0%, #5fffb9 58%, #baffd8 100%); --grad-panel: linear-gradient(145deg, rgba(14, 52, 59, .9), rgba(5, 24, 32, .68)); } html[data-theme='dark'] body.v2-home, html[data-theme='dark'] body.v2-home .v2-main { background: #041017; } html[data-theme='dark'] body.v2-home .page-bg { opacity: 1; background: radial-gradient(900px 650px at 75% -12%, rgba(0, 255, 166, .13), transparent 64%), radial-gradient(760px 600px at -12% 32%, rgba(0, 160, 190, .12), transparent 66%), linear-gradient(180deg, #041017 0%, #06151d 54%, #031016 100%); } html[data-theme='dark'] body.v2-home .page-bg::before { opacity: .1; } html[data-theme='dark'] body.v2-home .site-header--future { top: 12px; } html[data-theme='dark'] body.v2-home .site-header--future .header-inner { background: rgba(3, 20, 27, .82); border-color: rgba(66, 242, 181, .18); box-shadow: 0 16px 50px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(137, 255, 215, .08); backdrop-filter: blur(20px); } html[data-theme='dark'] body.v2-home .site-header--future .brand-mark { box-shadow: 0 0 22px rgba(32, 243, 164, .35); } html[data-theme='dark'] body.v2-home .site-header--future .nav-link:hover, html[data-theme='dark'] body.v2-home .site-header--future .nav-link.is-active { color: #20f3a4; background: rgba(32, 243, 164, .1); box-shadow: inset 0 0 0 1px rgba(32, 243, 164, .14); } html[data-theme='dark'] body.v2-home .site-header--future .btn--primary { color: #032118; background: #20f3a4; border-color: #20f3a4; box-shadow: 0 0 24px rgba(32, 243, 164, .2); } html[data-theme='dark'] body.v2-home .site-header--future .btn--primary:hover { box-shadow: 0 0 34px rgba(32, 243, 164, .4); } html[data-theme='dark'] body.v2-home .v2-hero { padding-bottom: 36px; } html[data-theme='dark'] body.v2-home .v2-hero__stage { min-height: min(760px, calc(100svh - 92px)); overflow: hidden; border: 1px solid rgba(55, 243, 177, .18); border-radius: 30px; background: linear-gradient(125deg, #061720 0%, #06252a 48%, #031218 100%); box-shadow: 0 35px 100px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(140, 255, 220, .08); } html[data-theme='dark'] body.v2-home .v2-hero__photo { opacity: .18; filter: saturate(.7) hue-rotate(90deg) contrast(1.2); mix-blend-mode: screen; } html[data-theme='dark'] body.v2-home .v2-hero__veil { background: linear-gradient(90deg, rgba(4, 16, 23, .97) 0%, rgba(4, 19, 25, .82) 42%, rgba(4, 16, 23, .16) 100%); } html[data-theme='dark'] body.v2-home .v2-hero__grain { opacity: .12; } html[data-theme='dark'] body.v2-home .v2-hero__top { border-bottom-color: rgba(76, 238, 184, .15); } html[data-theme='dark'] body.v2-home .v2-pill--glass, html[data-theme='dark'] body.v2-home .v2-chip--glass { border-color: rgba(32, 243, 164, .26); background: rgba(32, 243, 164, .08); color: #8effc9; } html[data-theme='dark'] body.v2-home .v2-hero__eyebrow, html[data-theme='dark'] body.v2-home .v2-kicker { color: #5df5b4; } html[data-theme='dark'] body.v2-home .v2-hero__title { max-width: 680px; font-size: clamp(3rem, 6.5vw, 6.4rem); line-height: .94; letter-spacing: -.085em; } html[data-theme='dark'] body.v2-home .v2-hero__title span, html[data-theme='dark'] body.v2-home .v2-title span { color: #20f3a4; background: none; -webkit-text-fill-color: currentColor; } html[data-theme='dark'] body.v2-home .v2-hero__lead { max-width: 470px; color: #afccc6; font-size: 1rem; } html[data-theme='dark'] body.v2-home .v2-btn-glow, html[data-theme='dark'] body.v2-home .btn--light { color: #032118; background: #20f3a4; border-color: #20f3a4; box-shadow: 0 0 28px rgba(32, 243, 164, .25); } html[data-theme='dark'] body.v2-home .v2-btn-glow:hover, html[data-theme='dark'] body.v2-home .btn--light:hover { box-shadow: 0 0 42px rgba(32, 243, 164, .5); transform: translateY(-2px); } html[data-theme='dark'] body.v2-home .btn--glass { border-color: rgba(93, 239, 190, .27); background: rgba(12, 44, 48, .52); color: #d8f9ee; } html[data-theme='dark'] body.v2-home .v2-hero__visual { filter: drop-shadow(0 28px 38px rgba(0, 0, 0, .48)); } html[data-theme='dark'] body.v2-home .v2-dash { border-color: rgba(32, 243, 164, .3); background: linear-gradient(145deg, rgba(7, 36, 43, .95), rgba(3, 18, 26, .94)); box-shadow: 0 28px 80px rgba(0, 0, 0, .48), 0 0 55px rgba(32, 243, 164, .08), inset 0 1px 0 rgba(157, 255, 222, .12); } html[data-theme='dark'] body.v2-home .v2-dash__mark, html[data-theme='dark'] body.v2-home .v2-signal-tag { background: #20f3a4; color: #032118; } html[data-theme='dark'] body.v2-home .v2-live-badge { color: #5dffc0; border-color: rgba(32, 243, 164, .25); background: rgba(32, 243, 164, .08); } html[data-theme='dark'] body.v2-home .v2-live-badge i { background: #20f3a4; box-shadow: 0 0 12px #20f3a4; } html[data-theme='dark'] body.v2-home .v2-float-card { border-color: rgba(32, 243, 164, .25); background: rgba(5, 30, 37, .82); box-shadow: 0 18px 45px rgba(0, 0, 0, .38); backdrop-filter: blur(16px); } html[data-theme='dark'] body.v2-home .v2-mini-ring { border-color: #20f3a4; color: #20f3a4; } html[data-theme='dark'] body.v2-home .v2-hero__scroll span { border-color: rgba(32, 243, 164, .55); } html[data-theme='dark'] body.v2-home .v2-ticker { border-block-color: rgba(32, 243, 164, .12); background: rgba(1, 14, 20, .72); } html[data-theme='dark'] body.v2-home .v2-ticker em { color: #20f3a4; } html[data-theme='dark'] body.v2-home .v2-section { border-color: rgba(72, 210, 175, .08); } html[data-theme='dark'] body.v2-home .v2-title { color: #f0fbf8; } html[data-theme='dark'] body.v2-home .v2-bento { gap: 1rem; } html[data-theme='dark'] body.v2-home .v2-tile, html[data-theme='dark'] body.v2-home .v2-calc, html[data-theme='dark'] body.v2-home .v2-plan, html[data-theme='dark'] body.v2-home .v2-step, html[data-theme='dark'] body.v2-home .v2-faq__item { border-color: rgba(77, 221, 181, .14); background: linear-gradient(145deg, rgba(10, 39, 47, .8), rgba(4, 22, 30, .76)); box-shadow: 0 20px 60px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(135, 255, 221, .05); } html[data-theme='dark'] body.v2-home .v2-tile:hover, html[data-theme='dark'] body.v2-home .v2-plan:hover, html[data-theme='dark'] body.v2-home .v2-step:hover { border-color: rgba(32, 243, 164, .4); transform: translateY(-4px); } html[data-theme='dark'] body.v2-home .v2-tile h3, html[data-theme='dark'] body.v2-home .v2-plan h3, html[data-theme='dark'] body.v2-home .v2-step h3 { color: #effff9; } html[data-theme='dark'] body.v2-home .v2-tile p, html[data-theme='dark'] body.v2-home .v2-plan__desc, html[data-theme='dark'] body.v2-home .v2-step p { color: #8eada8; } html[data-theme='dark'] body.v2-home .v2-scan-row b.is-lime, html[data-theme='dark'] body.v2-home .v2-signal-list small, html[data-theme='dark'] body.v2-home .v2-plan__ai b, html[data-theme='dark'] body.v2-home .v2-step__meta { color: #20f3a4; } html[data-theme='dark'] body.v2-home .v2-signal-tag.is-down { background: #ff6682; color: #210611; } html[data-theme='dark'] body.v2-home .v2-gauge { border-color: rgba(32, 243, 164, .55); box-shadow: 0 0 32px rgba(32, 243, 164, .12); } html[data-theme='dark'] body.v2-home .v2-ai, html[data-theme='dark'] body.v2-home .v2-cta { border-color: rgba(32, 243, 164, .22); background: linear-gradient(120deg, #063239, #061b27 58%, #05201e); box-shadow: 0 30px 90px rgba(0, 0, 0, .36); } html[data-theme='dark'] body.v2-home .v2-ai__photo { opacity: .26; filter: saturate(.7) hue-rotate(80deg); } html[data-theme='dark'] body.v2-home .v2-ai__veil { background: linear-gradient(90deg, rgba(3, 25, 30, .98), rgba(3, 30, 34, .72), rgba(2, 18, 25, .24)); } html[data-theme='dark'] body.v2-home .v2-ai__panel { border-color: rgba(32, 243, 164, .3); background: rgba(4, 24, 31, .85); box-shadow: 0 0 50px rgba(32, 243, 164, .1); } html[data-theme='dark'] body.v2-home .v2-ai__dir { color: #20f3a4; } html[data-theme='dark'] body.v2-home .v2-ai__meter i { background: #20f3a4; box-shadow: 0 0 14px rgba(32, 243, 164, .7); } html[data-theme='dark'] body.v2-home .v2-path::before { background: linear-gradient(90deg, transparent, rgba(32, 243, 164, .45), transparent); } html[data-theme='dark'] body.v2-home .v2-step__num { color: #20f3a4; border-color: rgba(32, 243, 164, .4); background: rgba(32, 243, 164, .08); } html[data-theme='dark'] body.v2-home .v2-calc__widget { border-color: rgba(32, 243, 164, .24); background: rgba(4, 26, 33, .9); } html[data-theme='dark'] body.v2-home .calc-range__fill { background: #20f3a4; } html[data-theme='dark'] body.v2-home .calc-range__knob { background: #20f3a4; box-shadow: 0 0 16px #20f3a4; } html[data-theme='dark'] body.v2-home .v2-plan--featured { border-color: rgba(32, 243, 164, .55); box-shadow: 0 0 45px rgba(32, 243, 164, .12); } html[data-theme='dark'] body.v2-home .v2-cta__orb { background: #20f3a4; box-shadow: 0 0 100px 40px rgba(32, 243, 164, .24); } html[data-theme='dark'] body.v2-home .v2-cta__mark { color: rgba(32, 243, 164, .14); } @media (max-width: 760px) { html[data-theme='dark'] body.v2-home .v2-hero__stage { min-height: 720px; border-radius: 22px; } html[data-theme='dark'] body.v2-home .v2-hero__veil { background: linear-gradient(180deg, rgba(4, 16, 23, .94), rgba(4, 16, 23, .76)); } html[data-theme='dark'] body.v2-home .v2-hero__title { font-size: clamp(2.55rem, 13vw, 4rem); } html[data-theme='dark'] body.v2-home .v2-hero__lead { font-size: .86rem; } html[data-theme='dark'] body.v2-home .v2-hero__visual { transform: scale(.82); transform-origin: center top; margin-top: -1rem; } } /* Final homepage palette overrides: keep the reference dark on first load. */ html[data-theme='dark'] body.v2-home { --v2-paper: #041017; --v2-paper-2: #071923; --v2-ink: #f2fbf8; --v2-ink-soft: #b7d2cd; --v2-muted: #71908d; --v2-violet: #20f3a4; --v2-violet-deep: #0ba776; --v2-lime: #45ffb0; --v2-line: rgba(103,235,194,.15); --v2-line-strong: rgba(103,235,194,.3); --v2-glass: rgba(8,30,38,.78); --v2-glass-2: rgba(50,240,177,.06); --brand: #20f3a4; --green: #20f3a4; --grad-brand: linear-gradient(135deg,#20f3a4,#8affca); --grad-text: linear-gradient(100deg,#f4fffc 0%,#5fffb9 58%,#baffd8 100%); } html[data-theme='dark'] body.v2-home .v2-hero__title span, html[data-theme='dark'] body.v2-home .v2-title span { color:#20f3a4; background:none; -webkit-text-fill-color:currentColor; } /* AI Forecast terminal */ html[data-theme='dark'] body[data-page='ai'] { background:#0d0f1b; color:#f5f4ff; } html[data-theme='dark'] body[data-page='ai'] .page-bg { background:radial-gradient(800px 600px at 80% 0%,rgba(89,57,230,.2),transparent 65%),linear-gradient(180deg,#0d0f1b,#141426 55%,#0d0f1b); } html[data-theme='dark'] body[data-page='ai'] .page-hero { padding-bottom:2rem; } html[data-theme='dark'] body[data-page='ai'] .page-hero__copy .eyebrow { color:#62f4bc; } html[data-theme='dark'] body[data-page='ai'] .page-title { color:#fff; } html[data-theme='dark'] body[data-page='ai'] .text-gradient { color:#72f4b4; background:none; -webkit-text-fill-color:currentColor; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal, html[data-theme='dark'] body[data-page='ai'] .ai-history { border:1px solid rgba(166,153,255,.24); background:linear-gradient(145deg,#171828,#202039); box-shadow:0 25px 75px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06); } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top h2 { color:#fff; font-size:clamp(1.45rem,3vw,2rem); } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top p { color:#a7a6ba; } html[data-theme='dark'] body[data-page='ai'] .ai-upload, html[data-theme='dark'] body[data-page='ai'] .ai-result { border:1px solid rgba(188,176,255,.2); border-radius:28px; background:rgba(13,14,28,.38); padding:1.25rem; } html[data-theme='dark'] body[data-page='ai'] .ai-upload { position:relative; } html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview { position:relative; overflow:hidden; max-height:390px; border-radius:4px; background:#e9eeeb; } html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview img { display:block; width:100%; max-height:390px; object-fit:contain; } html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview.is-analyzing::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 43%,rgba(112,91,255,.08) 48%,#9f8cff 50%,rgba(112,91,255,.08) 52%,transparent 57%); animation:ai-scan 1.35s ease-in-out infinite; pointer-events:none; } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty { position:relative; display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:90px; padding:1rem 1.1rem; border:1px solid rgba(109,243,189,.28); border-radius:20px; color:#efedff; background:radial-gradient(circle at 5% 50%,rgba(109,243,189,.08),transparent 55%),linear-gradient(145deg,rgba(82,68,255,.05),rgba(13,14,28,.4)); box-shadow:0 0 28px rgba(109,243,189,.08),inset 0 1px 0 rgba(255,255,255,.04); overflow:hidden; } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty::before { content:''; position:absolute; inset:-100px 0; width:1px; background:linear-gradient(180deg,transparent,#6df3bd,transparent); box-shadow:0 0 18px 3px #6df3bd; animation:ai-drop-scan 3.2s ease-in-out infinite; } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty .ai-upload__icon { position:relative; z-index:1; display:grid; flex:0 0 52px; place-items:center; width:52px; height:52px; border:1px solid rgba(109,243,189,.35); border-radius:14px; background:linear-gradient(145deg,rgba(109,243,189,.12),rgba(82,244,177,.08)); color:#6df3bd; font-size:1.35rem; box-shadow:0 0 20px rgba(109,243,189,.2),inset 0 0 16px rgba(109,243,189,.05); } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty div { position:relative; z-index:1; flex:1; min-width:0; } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty strong { display:block; color:#f2fef8; font-size:1rem; font-weight:700; } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty small { display:block; margin-top:.25rem; color:#9db9b5; font-size:.7rem; } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty .btn { position:relative; z-index:1; flex:0 0 auto; min-height:42px; padding-inline:1.15rem; border:0; border-radius:13px; background:linear-gradient(135deg,#6df3bd,#4df1af); color:#041f17; font-size:.82rem; font-weight:900; box-shadow:0 0 22px rgba(109,243,189,.25); transition:.25s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty .btn:hover { box-shadow:0 0 32px rgba(109,243,189,.45); transform:translateY(-2px); } html[data-theme='dark'] body[data-page='ai'] .ai-upload__loaded { display:flex; align-items:center; justify-content:space-between; margin:.7rem auto; width:min(100%,390px); padding:.7rem 1rem; border:1px solid rgba(58,240,172,.22); border-radius:14px; color:#54eeb1; background:rgba(28,195,139,.06); } html[data-theme='dark'] body[data-page='ai'] .ai-change-image { border:0; background:none; color:#9b84ff; font-weight:800; cursor:pointer; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn { margin:.85rem 0 .2rem; position:relative; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result[hidden] #aiNewAnalysis { display:none; } html[data-theme='dark'] body[data-page='ai'] #aiNewAnalysis { display:none; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result:not([hidden]) #aiNewAnalysis { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; width:auto; min-width:185px; min-height:44px; margin:.75rem 0 .2rem; padding-inline:1rem; border:0; border-radius:14px; background:linear-gradient(135deg,#38bdf8,#06b6d4); color:#0c1b2a; font-size:.8rem; font-weight:900; box-shadow:0 8px 20px rgba(56,189,248,.18),0 0 26px rgba(6,182,212,.12); transition:.25s ease; cursor:pointer; } html[data-theme='dark'] body[data-page='ai'] #aiNewAnalysis:hover { box-shadow:0 10px 28px rgba(56,189,248,.3),0 0 38px rgba(6,182,212,.2); transform:translateY(-2px); } /* Mobile: full-width analyze button, drop card keeps compact */ @media (max-width:760px) { html[data-theme='dark'] body[data-page='ai'] .ai-upload .ai-analyze-btn { width:100%; } } html[data-theme='dark'] body[data-page='ai'] .ai-duration { margin-top:.85rem; } html[data-theme='dark'] body[data-page='ai'] .ai-duration__title { color:#e7e5f7; font-size:.9rem; } html[data-theme='dark'] body[data-page='ai'] .ai-duration__options { display:grid; grid-template-columns:repeat(7,1fr); gap:.45rem; } html[data-theme='dark'] body[data-page='ai'] .ai-duration__option { min-height:52px; border:1px solid rgba(203,196,255,.16); border-radius:14px; background:rgba(255,255,255,.045); color:#d4d1e2; font-weight:800; white-space:nowrap; transition:.2s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-duration__option:hover { border-color:#8a6dff; transform:translateY(-2px); } html[data-theme='dark'] body[data-page='ai'] .ai-duration__option.is-selected { border-color:#8167ff; background:linear-gradient(135deg,#5641d7,#7661ff); color:#fff; box-shadow:0 0 20px rgba(118,97,255,.3); } html[data-theme='dark'] body[data-page='ai'] .ai-result__head { padding-bottom:1rem; border-bottom:1px solid rgba(215,207,255,.12); } html[data-theme='dark'] body[data-page='ai'] .ai-result__body { padding-top:1rem; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty { min-height:330px; display:grid; place-items:center; align-content:center; gap:.8rem; padding:1.4rem; text-align:center; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal { position:relative; display:grid; place-items:center; width:142px; height:142px; border:1px solid rgba(255,224,113,.3); border-radius:50%; background:radial-gradient(circle,rgba(255,224,113,.16),rgba(255,224,113,.02) 60%,transparent 61%); box-shadow:0 0 50px rgba(255,224,113,.08),inset 0 0 35px rgba(255,224,113,.08); } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal::before, html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal::after { content:''; position:absolute; border:1px solid rgba(143,120,255,.3); border-radius:50%; animation:ai-ring 2.4s ease-out infinite; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal::before { inset:-12px; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal::after { inset:-28px; animation-delay:1.2s; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal span { position:absolute; width:10px; height:10px; border-radius:50%; background:#ffe071; box-shadow:0 0 22px #ffe071; animation:ai-pulse 1.5s ease-in-out infinite; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal b { color:#ffe071; font:700 1.35rem 'Unbounded',sans-serif; letter-spacing:-.08em; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty > strong { color:#f7f4ff; font-size:1.05rem; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty > p { max-width:300px; margin:0; color:#9694aa; font-size:.8rem; line-height:1.55; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__status { color:#5deeb2; font-size:.68rem; font-weight:800; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__status i { display:inline-block; width:7px; height:7px; margin-right:.3rem; border-radius:50%; background:#20f3a4; box-shadow:0 0 10px #20f3a4; } html[data-theme='dark'] body[data-page='ai'] .ai-result__meta { color:#8d8aa3; font-size:.8rem; } html[data-theme='dark'] body[data-page='ai'] .ai-direction { margin:.75rem 0; color:#ffe071; font-size:clamp(2.2rem,5vw,4.3rem); letter-spacing:-.08em; } html[data-theme='dark'] body[data-page='ai'] .ai-direction.up { color:#50f4ad; } html[data-theme='dark'] body[data-page='ai'] .ai-direction.down { color:#ff7595; } html[data-theme='dark'] body[data-page='ai'] .ai-recommendation { padding:1rem 1.1rem; border:1px solid rgba(118,97,255,.22); border-radius:16px; background:rgba(91,71,205,.11); } html[data-theme='dark'] body[data-page='ai'] .ai-recommendation span { color:#8e8ca1; } html[data-theme='dark'] body[data-page='ai'] .ai-recommendation strong { display:block; margin-top:.5rem; color:#f5f4ff; font-size:1rem; white-space:normal; line-height:1.45; } html[data-theme='dark'] body[data-page='ai'] .ai-answer { color:#f5f4ff; font-size:1rem; line-height:1.5; } html[data-theme='dark'] body[data-page='ai'] .ai-reason { color:#aaa7bc; font-size:.85rem; line-height:1.45; } html[data-theme='dark'] body[data-page='ai'] .ai-outcome { display:block; padding-top:1rem; border-top:1px solid rgba(215,207,255,.12); color:#aaa7bc; } html[data-theme='dark'] body[data-page='ai'] .ai-outcome > div { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.65rem; } html[data-theme='dark'] body[data-page='ai'] .ai-outcome button { padding:.65rem 1rem; border:1px solid rgba(203,196,255,.2); border-radius:13px; background:transparent; color:#e1deef; font-size:.8rem; } html[data-theme='dark'] body[data-page='ai'] .ai-outcome button:hover { border-color:#8e78ff; background:rgba(118,97,255,.14); } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:.4rem; width:auto; min-width:195px; min-height:44px; margin:.75rem 0 .2rem; padding-inline:1.05rem; border:0; border-radius:14px; background:linear-gradient(135deg,#b8ff39,#4df1af); color:#0a2118; font-size:.8rem; font-weight:900; box-shadow:0 8px 20px rgba(99,243,144,.18),0 0 26px rgba(77,241,175,.12); transition:.25s ease; overflow:hidden; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform:translateX(-100%); transition:transform .6s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn:hover { box-shadow:0 10px 28px rgba(99,243,144,.3),0 0 38px rgba(77,241,175,.2); transform:translateY(-2px); } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn:hover::before { transform:translateX(200%); } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn:disabled { opacity:.55; cursor:not-allowed; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn span { position:relative; z-index:1; font-size:.95rem; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-icon { position:relative; display:inline-block; width:1.05rem; height:1.05rem; border:2px solid currentColor; border-radius:50%; z-index:1; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-icon::before, html[data-theme='dark'] body[data-page='ai'] .ai-analyze-icon::after { content:''; position:absolute; background:currentColor; opacity:.9; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-icon::before { width:5px; height:2px; right:-4px; bottom:-2px; transform:rotate(45deg); border-radius:2px; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-icon::after { width:4px; height:4px; inset:3px; border-radius:50%; background:#0a2118; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn:hover .ai-analyze-icon { transform:rotate(18deg) scale(1.08); transition:transform .25s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-loader { display:grid; place-items:center; min-height:300px; text-align:center; } html[data-theme='dark'] body[data-page='ai'] .ai-loader strong { color:#f5f4ff; font-size:1.1rem; } html[data-theme='dark'] body[data-page='ai'] .ai-loader__steps span { display:block; margin-top:.6rem; color:#a7a4bb; font-size:.75rem; } html[data-theme='dark'] body[data-page='ai'] .ai-loader__bar { width:80%; height:5px; margin-top:1rem; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.1); } html[data-theme='dark'] body[data-page='ai'] .ai-loader__bar i { display:block; width:45%; height:100%; background:#9c82ff; box-shadow:0 0 15px #9c82ff; animation:ai-progress 1.4s ease-in-out infinite; } html[data-theme='dark'] body[data-page='ai'] .ai-upload { position:relative; overflow:hidden; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay { position:absolute; z-index:20; inset:0; display:grid; place-items:center; align-content:center; gap:.5rem; overflow:hidden; border-radius:20px; background:rgba(8,10,22,.74); backdrop-filter:blur(5px); text-align:center; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay strong { color:#fff; font-size:1.15rem; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay span { color:#aaa7bf; font-size:.75rem; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__orb { color:#9e86ff; font-size:3rem; text-shadow:0 0 30px #8f75ff; animation:ai-orb 1.2s ease-in-out infinite; } html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay i { position:absolute; left:0; right:0; height:2px; background:#9e86ff; box-shadow:0 0 20px 5px #9e86ff; animation:ai-scan 1.4s ease-in-out infinite; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide { position:absolute; z-index:3; inset:0; pointer-events:none; opacity:0; transition:opacity .5s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide.is-visible { opacity:1; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__beam { position:absolute; left:58%; top:18%; bottom:12%; width:2px; background:linear-gradient(180deg,transparent,#ffe071 35%,#ffe071 70%,transparent); box-shadow:0 0 14px #ffe071; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__entry, html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__target { position:absolute; padding:.55rem .8rem; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(17,20,30,.88); box-shadow:0 10px 24px rgba(0,0,0,.3); color:#edf7f2; font-size:.72rem; font-weight:800; white-space:nowrap; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__entry { left:52%; top:45%; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__entry i { display:inline-block; width:9px; height:9px; margin-right:.35rem; border-radius:50%; background:#b8ff44; box-shadow:0 0 12px #b8ff44; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__target { right:7%; top:12%; color:#ffe071; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__arrow { position:absolute; left:calc(58% - 10px); top:35%; color:#b8ff44; font-size:2rem; text-shadow:0 0 14px currentColor; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide--down .ai-chart-guide__beam { background:linear-gradient(180deg,transparent,#ff7595 35%,#ff7595 70%,transparent); box-shadow:0 0 14px #ff7595; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide--down .ai-chart-guide__target { color:#ff9cb2; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide--down .ai-chart-guide__arrow { color:#ff7595; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide--wait .ai-chart-guide__beam { background:linear-gradient(180deg,transparent,#ffe071 35%,#ffe071 70%,transparent); } html[data-theme='dark'] body[data-page='ai'] .ai-history { margin-top:1rem; padding:1.2rem; } html[data-theme='dark'] body[data-page='ai'] .ai-history .card__title { display:flex; align-items:center; justify-content:space-between; color:#f3f1ff; font:700 1rem 'Unbounded',sans-serif; } html[data-theme='dark'] body[data-page='ai'] .ai-history .card__title::after { content:'LIVE DATA'; padding:.3rem .55rem; border:1px solid rgba(32,243,164,.25); border-radius:99px; color:#55edb2; font:700 .55rem 'Manrope',sans-serif; letter-spacing:.12em; } html[data-theme='dark'] body[data-page='ai'] .ai-history-row { display:grid; grid-template-columns:auto auto auto 1fr auto; align-items:center; gap:.8rem; margin-top:.7rem; padding:.8rem .9rem; border:1px solid rgba(170,157,255,.13); border-radius:15px; background:rgba(255,255,255,.035); } html[data-theme='dark'] body[data-page='ai'] .ai-history-row b { min-width:70px; color:#ffe071; font:700 .72rem 'Unbounded',sans-serif; } html[data-theme='dark'] body[data-page='ai'] .ai-history-row b.up { color:#50f4ad; } html[data-theme='dark'] body[data-page='ai'] .ai-history-row b.down { color:#ff7595; } html[data-theme='dark'] body[data-page='ai'] .ai-history-row__duration { color:#a38cff; font:700 .7rem 'Unbounded',sans-serif; } html[data-theme='dark'] body[data-page='ai'] .ai-history-row__text { overflow:hidden; color:#c5c2d5; font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; } html[data-theme='dark'] body[data-page='ai'] .ai-history-row__date { color:#77758b; font-size:.65rem; white-space:nowrap; } html[data-theme='dark'] body[data-page='ai'] .ai-history-outcome { padding:.28rem .45rem; border-radius:7px; font-size:.6rem; font-style:normal; font-weight:800; white-space:nowrap; } html[data-theme='dark'] body[data-page='ai'] .ai-history-outcome.yes { color:#5ef0b3; background:rgba(32,243,164,.1); } html[data-theme='dark'] body[data-page='ai'] .ai-history-outcome.no { color:#ff8aa1; background:rgba(255,117,149,.1); } html[data-theme='dark'] body[data-page='ai'] .ai-history-outcome.skipped { color:#aaa7bd; background:rgba(255,255,255,.08); } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions { display:flex; align-items:center; gap:.35rem; } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid rgba(203,196,255,.2); border-radius:10px; background:rgba(255,255,255,.035); color:#aaa7bd; font-size:.9rem; font-weight:900; cursor:pointer; transition:.2s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button:hover { transform:translateY(-2px); } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button[data-history-outcome='yes']:hover { border-color:#55efb2; color:#55efb2; background:rgba(85,239,178,.12); box-shadow:0 0 16px rgba(85,239,178,.18); } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button[data-history-outcome='no']:hover { border-color:#ff718f; color:#ff718f; background:rgba(255,113,143,.12); box-shadow:0 0 16px rgba(255,113,143,.18); } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button[data-history-outcome='skipped']:hover { border-color:#aaa7bd; color:#e8e5f1; background:rgba(255,255,255,.1); } @keyframes ai-ring { 0% { transform:scale(.75); opacity:.8; } 100% { transform:scale(1.25); opacity:0; } } @keyframes ai-scan { 0%,100% { transform:translateY(-130px); opacity:.25; } 50% { transform:translateY(130px); opacity:1; } } @keyframes ai-progress { 0% { transform:translateX(-120%); } 100% { transform:translateX(250%); } } @keyframes ai-orb { 0%,100% { transform:scale(.85) rotate(0deg); opacity:.6; } 50% { transform:scale(1.12) rotate(90deg); opacity:1; } } @media (max-width:760px) { html[data-theme='dark'] body[data-page='ai'] .page-hero { padding-top:1rem; padding-bottom:1rem; } html[data-theme='dark'] body[data-page='ai'] .page-hero__copy { display:none; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal { padding:.7rem; border-radius:22px; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top { margin-bottom:.7rem; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top p { display:none; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__grid { display:block; } html[data-theme='dark'] body[data-page='ai'] .ai-upload, html[data-theme='dark'] body[data-page='ai'] .ai-result { padding:.85rem; border-radius:22px; } html[data-theme='dark'] body[data-page='ai'] .ai-upload { min-height:0; } html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview, html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview img { max-height:390px; } html[data-theme='dark'] body[data-page='ai'] .ai-duration__options { gap:.3rem; } html[data-theme='dark'] body[data-page='ai'] .ai-duration__option { min-height:44px; font-size:.66rem; padding:4px 2px; white-space:nowrap; } html[data-theme='dark'] body[data-page='ai'] .ai-risk { min-height:0; margin-top:.8rem; } html[data-theme='dark'] body[data-page='ai'] .ai-result-empty { min-height:280px; } html[data-theme='dark'] body[data-page='ai'] .ai-history-row { grid-template-columns:auto auto 1fr; gap:.45rem; } html[data-theme='dark'] body[data-page='ai'] .ai-history-row__text { grid-column:1 / -1; white-space:normal; } html[data-theme='dark'] body[data-page='ai'] .ai-history-row__date { justify-self:end; } html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button { width:30px; height:30px; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__entry { left:42%; top:45%; } html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__target { right:4%; top:10%; } html[data-theme='dark'] body[data-page='ai'] .ai-result__head { gap:.4rem; } html[data-theme='dark'] body[data-page='ai'] .ai-direction { font-size:3.1rem; } html[data-theme='dark'] body[data-page='ai'] .ai-recommendation strong { font-size:.9rem; } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty { flex-direction:column; min-height:auto; padding:1rem; } html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty .btn { width:100%; } html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn { width:100%; min-height:46px; font-size:.85rem; } html[data-theme='dark'] body[data-page='ai'] .ai-history { max-height:220px; overflow-y:auto; margin-top:1rem; } html[data-theme='dark'] body[data-page='ai'] .ai-history .card__title { position:relative; } /* History scroll indicator */ } html[data-theme='light'] { --bg: #ece8df; --bg-2: #f2efe8; --bg-elev: #f8f6f1; --surface: rgba(255, 255, 255, .5); --surface-2: rgba(255, 255, 255, .38); --surface-3: rgba(255, 255, 255, .72); --surface-solid: #f8f6f1; --line: rgba(23, 25, 29, .12); --line-strong: rgba(23, 25, 29, .24); --text: #17191d; --text-soft: #3f4247; --muted: #71736f; --brand: #5237e6; --brand-2: #7f6bff; --brand-3: #b49dff; --green: #2f7d54; --red: #bd4560; --lime: #9db52f; --grad-brand: linear-gradient(135deg, #6b52ff 0%, #9b8bff 100%); --grad-text: linear-gradient(100deg, #17191d 0%, #5145a7 55%, #8b7bdc 100%); --grad-panel: linear-gradient(145deg, rgba(255,255,255,.7), rgba(255,255,255,.36)); --shadow-sm: 0 18px 44px rgba(49, 43, 33, .1); --shadow-md: 0 32px 90px rgba(49, 43, 33, .15); --shadow-glow: 0 0 0 1px rgba(255,255,255,.7), 0 30px 90px rgba(82,55,230,.16); --radius-xs: 14px; --radius-sm: 20px; --radius-md: 28px; --radius-lg: 38px; --radius-xl: 52px; } html[data-theme='dark'] { --v2-paper: #0a0c12; --v2-paper-2: #10131b; --v2-ink: #f4f1e9; --v2-ink-soft: #c9c7c1; --v2-muted: #96959a; --v2-line: rgba(244, 241, 233, .13); --v2-line-strong: rgba(244, 241, 233, .26); --v2-glass: rgba(22, 25, 34, .66); --v2-glass-2: rgba(255, 255, 255, .055); --v2-shadow: 0 32px 90px rgba(0, 0, 0, .42); --v2-shadow-soft: 0 14px 40px rgba(0, 0, 0, .28); --v2-header: rgba(12, 15, 22, .68); --v2-header-scroll: rgba(12, 15, 22, .9); --bg: #0a0c12; --bg-2: #10131b; --bg-elev: #151923; --surface: rgba(255, 255, 255, .055); --surface-2: rgba(255, 255, 255, .04); --surface-3: rgba(255, 255, 255, .09); --surface-solid: #151923; --line: rgba(255, 255, 255, .12); --line-strong: rgba(255, 255, 255, .25); --text: #f4f1e9; --text-soft: #cfcdc6; --muted: #96959a; --brand: #8d7bff; --brand-2: #b2a5ff; --brand-3: #d3c9ff; --green: #6ee7a8; --red: #ff8aa0; --lime: #d9ff63; --grad-brand: linear-gradient(135deg, #8d7bff 0%, #d3c9ff 100%); --grad-text: linear-gradient(100deg, #ffffff 0%, #b9adff 60%, #d9ff63 100%); --grad-panel: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); --shadow-sm: 0 18px 44px rgba(0, 0, 0, .28); --shadow-md: 0 32px 90px rgba(0, 0, 0, .42); --shadow-glow: 0 0 0 1px rgba(255,255,255,.14), 0 30px 90px rgba(82,55,230,.24); --radius-xs: 14px; --radius-sm: 20px; --radius-md: 28px; --radius-lg: 38px; --radius-xl: 52px; } html { background: var(--v2-paper); scroll-behavior: smooth; } body { background: var(--v2-paper); color: var(--v2-ink); font-family: 'Manrope', system-ui, sans-serif; letter-spacing: -.018em; -webkit-font-smoothing: antialiased; } body.menu-open { overflow: hidden; } ::selection { background: var(--v2-violet); color: #fff; } h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .hero-title { font-family: 'Unbounded', 'Manrope', sans-serif; } .container { width: min(1320px, calc(100% - 44px)); margin-inline: auto; } @media (max-width: 700px) { .container { width: min(100% - 28px, 1320px); } } .page-bg { background: radial-gradient(1000px 780px at 78% -8%, rgba(255,255,255,.85), transparent 62%), radial-gradient(820px 680px at -10% 22%, rgba(180, 215, 235, .3), transparent 68%), radial-gradient(900px 700px at 55% 112%, rgba(177, 159, 244, .16), transparent 68%), linear-gradient(180deg, #f3f0ea 0%, #ece8df 54%, #e8e4da 100%); opacity: 1; } html[data-theme='dark'] .page-bg { background: radial-gradient(900px 700px at 80% -10%, rgba(82,55,230,.2), transparent 64%), radial-gradient(800px 600px at 0% 30%, rgba(55, 110, 150, .14), transparent 65%), linear-gradient(180deg, #0a0c12 0%, #0d1017 58%, #090b10 100%); } .page-bg::before { opacity: .22; background-size: 120px 120px; } /* ---------- shared chrome ---------- */ .v2-kicker { display: inline-flex; align-items: center; gap: .6rem; color: var(--v2-muted); font-size: .68rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; } .v2-kicker span { display: inline-grid; place-items: center; min-width: 28px; height: 22px; padding: 0 .4rem; border: 1px solid var(--v2-line-strong); border-radius: 999px; font-size: .58rem; } .v2-kicker--light { color: rgba(255,255,255,.68); } .v2-kicker--light span { border-color: rgba(255,255,255,.28); } .v2-muted { color: var(--v2-muted); } .v2-title { margin: .65rem 0 0; font-size: clamp(2.3rem, 5vw, 4.9rem); line-height: .97; letter-spacing: -.072em; font-weight: 500; } .v2-section { position: relative; padding: clamp(4.8rem, 9vw, 9rem) 0; } .v2-section--flush { padding-top: 0; } .v2-section--last { padding-bottom: clamp(4.5rem, 8vw, 8rem); } .v2-section__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 3rem; margin-bottom: clamp(2.2rem, 4vw, 4rem); } .v2-section__aside { max-width: 390px; padding-bottom: .5rem; } .v2-section__aside p { margin: 0 0 1.1rem; color: var(--v2-muted); font-size: .94rem; line-height: 1.75; } .v2-text-link { display: inline-flex; align-items: center; gap: .5rem; color: var(--v2-ink); font-size: .8rem; font-weight: 800; letter-spacing: -.01em; border-bottom: 1px solid var(--v2-line-strong); padding-bottom: .22rem; transition: gap .3s ease, border-color .3s ease; } .v2-text-link span { color: var(--v2-violet); font-size: 1rem; } .v2-text-link:hover { gap: .8rem; border-color: var(--v2-violet); } /* ---------- header ---------- */ .site-header--future { position: sticky; top: 14px; z-index: 110; background: transparent; border: 0; padding: 0; } .site-header--future::before { display: none; } .site-header--future .header-inner { min-height: 68px; padding: 9px 12px 9px 18px; border: 1px solid rgba(23, 25, 29, .12); border-radius: 999px; background: var(--v2-header); box-shadow: 0 12px 40px rgba(45, 40, 31, .1), inset 0 1px 0 rgba(255,255,255,.66); backdrop-filter: blur(24px) saturate(1.45); -webkit-backdrop-filter: blur(24px) saturate(1.45); transition: background .35s ease, box-shadow .35s ease, transform .35s ease; } html[data-theme='dark'] .site-header--future .header-inner { border-color: rgba(255,255,255,.11); box-shadow: 0 16px 44px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08); } .site-header--future.is-scrolled .header-inner { background: var(--v2-header-scroll); box-shadow: 0 18px 54px rgba(45, 40, 31, .16), inset 0 1px 0 rgba(255,255,255,.7); } html[data-theme='dark'] .site-header--future.is-scrolled .header-inner { box-shadow: 0 18px 54px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.09); } .site-header--future .brand-mark { width: 38px; height: 38px; } .site-header--future .brand-mark img { border-radius: 12px; } .site-header--future .brand-name { font-size: .92rem; } .site-header--future .brand-sub { font-size: .5rem; letter-spacing: .2em; color: var(--v2-muted); } .site-header--future .main-nav { gap: .1rem; } .site-header--future .nav-link { padding: .62rem .85rem; color: var(--v2-muted); font-size: .78rem; } .site-header--future .nav-link:hover { color: var(--v2-ink); background: rgba(255,255,255,.5); } html[data-theme='dark'] .site-header--future .nav-link:hover { background: rgba(255,255,255,.07); } .site-header--future .nav-link.is-active { color: var(--v2-ink); background: rgba(255,255,255,.55); box-shadow: inset 0 0 0 1px rgba(23,25,29,.08); } html[data-theme='dark'] .site-header--future .nav-link.is-active { background: rgba(255,255,255,.09); box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); } .site-header--future .nav-link.is-active::after { display: none; } .site-header--future .header-theme { width: 38px; height: 38px; border-color: var(--v2-line); background: rgba(255,255,255,.36); } html[data-theme='dark'] .site-header--future .header-theme { background: rgba(255,255,255,.06); } .site-header--future .header-actions { gap: .45rem; } .site-header--future .btn--sm { min-height: 38px; padding-inline: 1rem; font-size: .72rem; } .site-header--future .btn--ghost { background: transparent; border-color: transparent; box-shadow: none; color: var(--v2-ink-soft); } .site-header--future .btn--ghost:hover { background: rgba(255,255,255,.5); } html[data-theme='dark'] .site-header--future .btn--ghost:hover { background: rgba(255,255,255,.08); } .site-header--future .btn--primary { color: #fff; background: var(--v2-ink); border-color: var(--v2-ink); box-shadow: 0 8px 22px rgba(23,25,29,.2); } html[data-theme='dark'] .site-header--future .btn--primary { color: #121318; background: #f4f1e9; border-color: #f4f1e9; } .site-header--future .btn--primary:hover { filter: none; transform: translateY(-1px); box-shadow: 0 12px 28px rgba(23,25,29,.26); } .auth-slot { display: flex; align-items: center; } .auth-guest { display: flex; align-items: center; gap: .25rem; } .auth-guest[hidden], .account-pill[hidden], [data-auth-user][hidden], [data-auth-guest][hidden] { display: none !important; } .account-pill { display: flex; align-items: center; gap: .55rem; padding: .28rem .4rem .28rem .3rem; border: 1px solid var(--v2-line); border-radius: 999px; background: rgba(255,255,255,.4); color: var(--v2-ink); transition: background .25s ease, transform .25s ease; } html[data-theme='dark'] .account-pill { background: rgba(255,255,255,.06); } .account-pill:hover { background: rgba(255,255,255,.7); transform: translateY(-1px); } html[data-theme='dark'] .account-pill:hover { background: rgba(255,255,255,.1); } .account-pill__avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--v2-violet); color: #fff; font-family: 'Unbounded'; font-size: .76rem; } .account-pill__copy { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; } .account-pill__copy small { color: var(--v2-muted); font-size: .5rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; } .account-pill__copy b { max-width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .74rem; } .account-pill__arrow { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(23,25,29,.08); } .account-pill__arrow svg { width: 12px; height: 12px; } html[data-theme='dark'] .account-pill__arrow { background: rgba(255,255,255,.1); } .site-header--future .burger { border-color: var(--v2-line); background: rgba(255,255,255,.5); color: var(--v2-ink); } html[data-theme='dark'] .site-header--future .burger { background: rgba(255,255,255,.06); } /* mobile menu */ .mobile-menu__panel { background: var(--v2-paper-2); color: var(--v2-ink); border-left: 1px solid var(--v2-line); } .mobile-menu__backdrop { background: rgba(16,17,21,.48); backdrop-filter: blur(8px); } .mobile-nav a { color: var(--v2-ink-soft); } .mobile-nav a.is-active { color: var(--v2-violet); } .mobile-nav a span { color: var(--v2-muted); } .mobile-menu__label { color: var(--v2-muted); } /* ---------- buttons ---------- */ .btn { border-radius: 999px; font-family: 'Manrope', sans-serif; font-weight: 800; letter-spacing: -.01em; box-shadow: none; transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, background .3s ease, color .3s ease; } .btn--primary { color: #fff; background: var(--v2-violet); border: 1px solid var(--v2-violet); box-shadow: 0 10px 30px rgba(82,55,230,.25); } .btn--primary:hover { color: #fff; background: var(--v2-violet-deep); border-color: var(--v2-violet-deep); transform: translateY(-2px); box-shadow: 0 16px 40px rgba(82,55,230,.3); } html[data-theme='dark'] .btn--primary { color: #111218; background: var(--v2-lime); border-color: var(--v2-lime); } html[data-theme='dark'] .btn--primary:hover { background: #e6ff92; border-color: #e6ff92; } .btn--light { color: #17191d; background: #f8f6f0; border: 1px solid rgba(255,255,255,.65); box-shadow: 0 12px 32px rgba(0,0,0,.16); } .btn--light:hover { background: #fff; transform: translateY(-2px); } .btn--glass { color: #fff; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.38); backdrop-filter: blur(18px); } .btn--glass:hover { background: rgba(255,255,255,.22); transform: translateY(-2px); } .btn--ghost { color: var(--v2-ink); background: transparent; border: 1px solid var(--v2-line-strong); box-shadow: none; } .btn--ghost:hover { background: rgba(255,255,255,.5); transform: translateY(-2px); } html[data-theme='dark'] .btn--ghost:hover { background: rgba(255,255,255,.07); } .btn--lg { min-height: 56px; padding-inline: 1.6rem; font-size: .82rem; } .btn--block { width: 100%; justify-content: space-between; } .btn .arrow, .btn > svg { width: 17px; height: 17px; } .v2-btn-glow { box-shadow: 0 16px 46px rgba(82,55,230,.38), 0 0 0 1px rgba(255,255,255,.14) inset; } .v2-pill { display: inline-flex; align-items: center; gap: .5rem; min-height: 32px; padding: 0 .8rem; border: 1px solid var(--v2-line); border-radius: 999px; font-size: .64rem; font-weight: 800; letter-spacing: .03em; color: var(--v2-ink-soft); background: rgba(255,255,255,.4); } .v2-pill--glass { color: rgba(255,255,255,.9); background: rgba(255,255,255,.13); border-color: rgba(255,255,255,.26); backdrop-filter: blur(14px); } .v2-pill--dark { color: rgba(255,255,255,.85); background: rgba(0,0,0,.18); border-color: rgba(255,255,255,.2); } .v2-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--v2-lime); box-shadow: 0 0 0 4px rgba(217,255,99,.14); animation: v2Pulse 2.4s ease-in-out infinite; } .v2-live-badge { display: inline-flex; align-items: center; gap: .4rem; padding: .36rem .62rem; border-radius: 999px; background: rgba(217,255,99,.12); color: #7d941f; font-size: .56rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; } html[data-theme='dark'] .v2-live-badge { color: var(--v2-lime); background: rgba(217,255,99,.1); } .v2-live-badge i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; animation: v2Pulse 2s infinite; } .v2-chip { display: inline-flex; align-items: center; min-height: 28px; padding: 0 .68rem; border: 1px solid var(--v2-line); border-radius: 999px; color: var(--v2-muted); font-size: .58rem; font-weight: 800; letter-spacing: .02em; white-space: nowrap; } .v2-chip--glass { color: rgba(255,255,255,.84); border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.1); backdrop-filter: blur(12px); } .v2-chip--dark { color: #d9ff63; border-color: rgba(217,255,99,.3); background: rgba(217,255,99,.08); } .v2-chip--light { color: #17191d; border-color: rgba(255,255,255,.75); background: rgba(255,255,255,.72); } .v2-chip--violet { color: var(--v2-violet); border-color: rgba(82,55,230,.24); background: rgba(82,55,230,.08); } /* ---------- hero ---------- */ .v2-hero { padding: 0 0 18px; } .v2-hero__stage { position: relative; isolation: isolate; overflow: hidden; min-height: min(830px, 91vh); border-radius: clamp(28px, 4vw, 52px); background: #182131; box-shadow: 0 40px 110px rgba(44, 40, 30, .2); } .v2-hero__photo { position: absolute; inset: -7%; width: 114%; height: 114%; object-fit: cover; object-position: center 56%; z-index: -3; will-change: transform; transform: translate3d(0,0,0) scale(1.02); animation: v2HeroDrift 26s ease-in-out infinite alternate; } .v2-hero__veil { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(9, 15, 24, .78) 0%, rgba(9, 15, 24, .44) 42%, rgba(9, 15, 24, .06) 68%, rgba(9, 15, 24, .2) 100%), linear-gradient(180deg, rgba(9, 15, 24, .24) 0%, rgba(9, 15, 24, .04) 36%, rgba(9, 15, 24, .8) 100%), radial-gradient(70% 90% at 82% 12%, rgba(89, 64, 217, .28), transparent 66%); } .v2-hero__grain { position: absolute; inset: 0; z-index: -1; opacity: .2; pointer-events: none; mix-blend-mode: soft-light; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); } .v2-hero__top { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 26px clamp(1.4rem, 3.3vw, 2.8rem) 0; } .v2-hero__top-note { color: rgba(255,255,255,.54); font-size: .58rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } .v2-hero__grid { position: relative; z-index: 4; display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(380px, .94fr); align-items: end; gap: clamp(1.5rem, 3vw, 3.4rem); min-height: 690px; padding: clamp(2.6rem, 5vw, 4.2rem) clamp(1.4rem, 3.3vw, 2.8rem) clamp(1.6rem, 3vw, 2.6rem); } .v2-hero__copy { padding-bottom: .4rem; max-width: 690px; } .v2-hero__eyebrow { display: inline-flex; align-items: center; gap: .55rem; color: rgba(255,255,255,.7); font-size: .64rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .v2-hero__eyebrow::before { content: ''; width: 24px; height: 1px; background: rgba(255,255,255,.5); } .v2-hero__title { margin: .85rem 0 1.25rem; color: #fff; font-size: clamp(3rem, 6.3vw, 6.4rem); font-weight: 400; line-height: .9; letter-spacing: -.08em; text-wrap: balance; } .v2-hero__title span { background: linear-gradient(100deg, #ffffff 4%, #d5e6f7 44%, #d9ff63 105%); -webkit-background-clip: text; background-clip: text; color: transparent; } .v2-hero__lead { max-width: 530px; margin: 0 0 1.8rem; color: rgba(255,255,255,.74); font-size: clamp(.94rem, 1.1vw, 1.08rem); line-height: 1.7; } .v2-hero__actions { display: flex; flex-wrap: wrap; gap: .65rem; } .v2-hero__proof { display: flex; align-items: center; gap: .8rem; margin-top: 1.9rem; color: #fff; } .v2-avatars { display: flex; align-items: center; } .v2-avatars img, .v2-avatars span { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; display: grid; place-items: center; border: 2px solid rgba(255,255,255,.72); margin-left: -10px; background: rgba(18,22,30,.7); font-size: .56rem; font-weight: 900; color: #fff; } .v2-avatars img:first-child { margin-left: 0; } .v2-proof-copy { display: flex; flex-direction: column; line-height: 1.25; } .v2-proof-copy b { font-size: .78rem; } .v2-proof-copy span { color: rgba(255,255,255,.58); font-size: .66rem; } .v2-hero__visual { position: relative; display: flex; align-items: flex-end; justify-content: flex-end; min-height: 520px; perspective: 1200px; } .v2-orb { position: absolute; right: 8%; top: 0; width: clamp(190px, 22vw, 310px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 33% 26%, #fff 0%, #d5e4f6 11%, #8a9fe3 30%, #4a3ac6 58%, #16123d 82%, #090b18 100%); box-shadow: inset -28px -30px 70px rgba(4, 5, 15, .75), inset 18px 16px 44px rgba(255,255,255,.42), 0 50px 90px rgba(23, 15, 70, .44); animation: v2OrbFloat 9s ease-in-out infinite; z-index: 0; } .v2-orb::before { content: ''; position: absolute; inset: -17%; border-radius: 50%; border: 1px solid rgba(255,255,255,.2); transform: rotateX(68deg) rotateZ(-16deg); box-shadow: 0 0 0 22px rgba(255,255,255,.035); } .v2-orb::after { content: ''; position: absolute; left: 18%; top: 12%; width: 35%; height: 22%; border-radius: 50%; background: radial-gradient(ellipse, rgba(255,255,255,.82), transparent 70%); filter: blur(8px); transform: rotate(-24deg); } .v2-orb i { position: absolute; inset: 12%; border-radius: 50%; border: 1px solid rgba(255,255,255,.24); transform: rotateX(70deg) rotateZ(28deg); box-shadow: 0 0 32px rgba(141,123,255,.32); } .v2-orb b { position: absolute; right: 4%; top: 22%; width: 14px; height: 14px; border-radius: 50%; background: var(--v2-lime); box-shadow: 0 0 0 7px rgba(217,255,99,.16), 0 0 34px rgba(217,255,99,.8); } .v2-dash { position: relative; z-index: 2; width: min(440px, 100%); padding: 16px; border-radius: 28px; color: #17191d; background: rgba(250, 249, 245, .8); border: 1px solid rgba(255,255,255,.72); box-shadow: 0 32px 90px rgba(5, 8, 17, .34), inset 0 1px 0 rgba(255,255,255,.8); backdrop-filter: blur(30px) saturate(1.2); transform-style: preserve-3d; } .v2-dash__head, .v2-dash__pair, .v2-dash__foot { display: flex; align-items: center; justify-content: space-between; gap: .8rem; } .v2-dash__brand { display: flex; align-items: center; gap: .55rem; } .v2-dash__mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: #17191d; color: #fff; font-family: 'Unbounded'; font-size: .68rem; } .v2-dash__brand b { display: block; font-size: .72rem; letter-spacing: -.02em; } .v2-dash__brand small { display: block; color: #74767a; font-size: .52rem; } .v2-dash .v2-live-badge { background: rgba(129, 151, 48, .12); color: #6c811f; } .v2-dash__pair { margin: 1.15rem 0 .55rem; } .v2-dash__pair > div > span { display: block; font-family: 'Unbounded'; font-size: .92rem; letter-spacing: -.04em; } .v2-dash__pair > div > small { display: block; margin-top: .2rem; color: #74767a; font-size: .53rem; } .v2-dash__price { text-align: right; } .v2-dash__price b { display: block; font-size: 1.18rem; font-variant-numeric: tabular-nums; letter-spacing: -.04em; } .v2-dash__price span { color: #3b8d64; font-size: .65rem; font-weight: 800; } .v2-dash__chart { height: 172px; margin: 0 -2px; } .v2-dash__chart svg { width: 100%; height: 100%; overflow: visible; } .v2-dash__signal { display: flex; align-items: center; gap: .6rem; margin-top: .35rem; padding: .7rem .75rem; border-radius: 16px; background: #17191d; color: #f7f4ed; } .v2-signal-tag { display: inline-grid; place-items: center; min-width: 44px; height: 27px; padding: 0 .5rem; border-radius: 8px; background: var(--v2-lime); color: #17191d; font-size: .57rem; font-weight: 900; letter-spacing: .08em; } .v2-signal-tag.is-down { background: #ffb1bc; } .v2-dash__signal div:nth-child(2) { flex: 1; } .v2-dash__signal b { display: block; font-size: .68rem; } .v2-dash__signal small { display: block; margin-top: .12rem; color: rgba(255,255,255,.55); font-size: .5rem; } .v2-dash__confidence { text-align: right; } .v2-dash__confidence b { color: var(--v2-lime); font-size: .92rem; } .v2-dash__foot { margin-top: .8rem; padding: .15rem .2rem 0; } .v2-dash__foot div { display: flex; flex-direction: column; gap: .12rem; } .v2-dash__foot small { color: #85878a; font-size: .5rem; text-transform: uppercase; letter-spacing: .08em; } .v2-dash__foot b { font-size: .67rem; } .v2-dash__foot b.is-ok { color: #317a55; } .v2-float-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: .6rem; padding: .7rem .78rem; border-radius: 18px; color: #17191d; background: rgba(250,249,245,.76); border: 1px solid rgba(255,255,255,.7); box-shadow: 0 18px 50px rgba(6,9,17,.24); backdrop-filter: blur(20px); animation: v2Float 7s ease-in-out infinite; } .v2-float-card b { display: block; font-size: .62rem; } .v2-float-card span { display: block; margin-top: .08rem; color: #74767a; font-size: .52rem; } .v2-float-card--ai { left: -1.5rem; top: 22%; } .v2-float-card--risk { left: 1.5rem; bottom: 2%; animation-delay: -3s; } .v2-float-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: rgba(82,55,230,.1); color: var(--v2-violet); } .v2-float-icon svg { width: 16px; height: 16px; } .v2-mini-ring { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: conic-gradient(var(--v2-violet) 0 22%, rgba(23,25,29,.1) 22% 100%); position: relative; } .v2-mini-ring::before { content: ''; position: absolute; inset: 4px; border-radius: 50%; background: #f8f6f0; } .v2-mini-ring span { position: relative; font-size: .5rem; font-weight: 900; } .v2-hero__scroll { position: absolute; left: 50%; bottom: 16px; z-index: 5; translate: -50% 0; width: 28px; height: 44px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; } .v2-hero__scroll span { position: absolute; left: 50%; top: 9px; translate: -50% 0; width: 3px; height: 8px; border-radius: 3px; background: #fff; animation: v2Scroll 2s ease-in-out infinite; } /* ---------- ticker ---------- */ .v2-ticker { position: relative; overflow: hidden; border-top: 1px solid var(--v2-line); border-bottom: 1px solid var(--v2-line); padding: 17px 0; margin-top: 8px; background: rgba(255,255,255,.16); } html[data-theme='dark'] .v2-ticker { background: rgba(255,255,255,.025); } .v2-ticker__track { display: flex; align-items: center; gap: 3.4rem; width: max-content; animation: v2Marquee 46s linear infinite; } .v2-ticker:hover .v2-ticker__track { animation-play-state: paused; } .v2-ticker__track > span { display: inline-flex; align-items: center; gap: .7rem; white-space: nowrap; } .v2-ticker__track i { color: var(--v2-muted); font-size: .6rem; font-style: normal; font-weight: 800; letter-spacing: .08em; } .v2-ticker__track b { font-size: .72rem; font-variant-numeric: tabular-nums; } .v2-ticker__track em { color: #3b8d64; font-size: .62rem; font-style: normal; font-weight: 800; } html[data-theme='dark'] .v2-ticker__track em { color: var(--v2-lime); } /* ---------- bento ---------- */ .v2-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; } .v2-tile { position: relative; overflow: hidden; isolation: isolate; border: 1px solid var(--v2-line); border-radius: var(--v2-radius); background: var(--v2-glass-2); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .55s ease; } .v2-tile:hover { transform: translateY(-6px); box-shadow: var(--v2-shadow-soft); } html[data-theme='dark'] .v2-tile { box-shadow: inset 0 1px 0 rgba(255,255,255,.07); } .v2-tile__top { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: .5rem; } .v2-tile h3 { position: relative; z-index: 3; margin: 0 0 .6rem; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.1; letter-spacing: -.05em; font-weight: 500; } .v2-tile p { position: relative; z-index: 3; margin: 0; color: var(--v2-muted); font-size: .82rem; line-height: 1.65; } .v2-tile--scanner { grid-column: span 7; min-height: 500px; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; color: #fff; border-color: rgba(255,255,255,.18); } .v2-tile--live { grid-column: span 5; min-height: 500px; padding: 22px; display: flex; flex-direction: column; background: #17191d; color: #fff; border-color: rgba(255,255,255,.09); } .v2-tile--live p { color: rgba(255,255,255,.55); } .v2-tile--risk { grid-column: span 4; min-height: 380px; padding: 22px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; border-color: rgba(255,255,255,.18); } .v2-tile--risk p { color: rgba(255,255,255,.64); } .v2-tile--trader { grid-column: span 4; min-height: 380px; padding: 22px; display: flex; flex-direction: column; } .v2-tile--community { grid-column: span 4; min-height: 380px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; background: #22184d; color: #fff; border-color: rgba(255,255,255,.12); } .v2-tile__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1s cubic-bezier(.22,1,.36,1); } .v2-tile:hover .v2-tile__photo { transform: scale(1.04); } .v2-tile__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(11,15,23,.08) 0%, rgba(11,15,23,.22) 40%, rgba(11,15,23,.88) 100%); } .v2-tile__scan { position: relative; align-self: flex-end; width: min(285px, 88%); margin-top: auto; padding: 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 20px; background: rgba(12,16,25,.46); backdrop-filter: blur(18px); overflow: hidden; } .v2-scan-line { position: absolute; left: 0; right: 0; height: 1px; top: 20%; background: linear-gradient(90deg, transparent, var(--v2-lime), transparent); box-shadow: 0 0 16px rgba(217,255,99,.7); animation: v2Scan 4s ease-in-out infinite; } .v2-scan-row { display: flex; justify-content: space-between; gap: 1rem; padding: .42rem 0; border-bottom: 1px solid rgba(255,255,255,.1); font-size: .58rem; } .v2-scan-row:last-child { border-bottom: 0; } .v2-scan-row span { color: rgba(255,255,255,.55); } .v2-scan-row b { font-weight: 800; } .v2-scan-row b.is-lime { color: var(--v2-lime); } .v2-tile__body { position: relative; z-index: 3; max-width: 490px; margin-top: 1.5rem; } .v2-tile--scanner .v2-chip { align-self: flex-start; } .v2-live-chart { position: relative; margin: 1.4rem -4px .2rem; height: 140px; } .v2-live-chart svg { width: 100%; height: 100%; } .v2-line-draw { stroke-dasharray: 520; stroke-dashoffset: 520; animation: v2Draw 3.6s cubic-bezier(.4,0,.2,1) forwards; } .v2-live-chart__tag { position: absolute; right: 6%; top: 4%; padding: .32rem .55rem; border-radius: 999px; background: var(--v2-lime); color: #17191d; font-size: .52rem; font-weight: 900; } .v2-signal-list { display: grid; gap: .4rem; margin-top: auto; } .v2-signal-list > div { display: flex; align-items: center; gap: .6rem; padding: .55rem .6rem; border-radius: 12px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.07); } .v2-signal-list b { font-size: .62rem; } .v2-signal-list small { margin-left: auto; color: rgba(255,255,255,.45); font-size: .52rem; } .v2-signal-list .v2-signal-tag { min-width: 40px; height: 24px; font-size: .5rem; } .v2-tile__bg { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center; } .v2-tile--risk::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(20,15,60,.1), rgba(16,12,42,.86)); } .v2-gauge { position: absolute; right: 20px; top: 64px; width: 132px; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(var(--v2-lime) 0 26%, rgba(255,255,255,.12) 26% 100%); display: grid; place-items: center; transform: rotate(-30deg); } .v2-gauge::before { content: ''; position: absolute; inset: 9px; border-radius: 50%; background: #1b1740; } .v2-gauge__inner { position: relative; display: flex; flex-direction: column; align-items: center; transform: rotate(30deg); } .v2-gauge__inner b { font-family: 'Unbounded'; font-size: 1.25rem; letter-spacing: -.06em; } .v2-gauge__inner span { color: rgba(255,255,255,.5); font-size: .54rem; } .v2-tile--risk h3 { max-width: 210px; } .v2-trader { display: flex; align-items: center; gap: .8rem; margin: 1.4rem 0 1rem; padding: .8rem; border: 1px solid var(--v2-line); border-radius: 18px; background: rgba(255,255,255,.45); } html[data-theme='dark'] .v2-trader { background: rgba(255,255,255,.045); } .v2-trader__avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; } .v2-trader__avatar img { width: 100%; height: 100%; object-fit: cover; } .v2-trader small { display: block; color: var(--v2-muted); font-size: .52rem; text-transform: uppercase; letter-spacing: .06em; } .v2-trader b { display: block; margin-top: .12rem; font-size: .8rem; } .v2-trader b i { color: #2f7d54; font-style: normal; } .v2-trader span { display: block; margin-top: .1rem; color: var(--v2-muted); font-size: .54rem; } .v2-trader__rows { display: grid; gap: .35rem; margin-bottom: auto; } .v2-trader__rows > div { display: flex; justify-content: space-between; gap: .6rem; padding: .46rem 0; border-bottom: 1px dashed var(--v2-line); font-size: .6rem; } .v2-trader__rows span { color: var(--v2-muted); } .v2-trader__rows b { font-weight: 800; } .v2-tile--trader h3 { margin-top: 1.2rem; font-size: 1.2rem; } .v2-community__faces { display: flex; margin: 1rem 0 auto; } .v2-community__faces img, .v2-community__faces span { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2px solid #22184d; margin-left: -12px; display: grid; place-items: center; background: var(--v2-lime); color: #17191d; font-size: .58rem; font-weight: 900; } .v2-community__faces img:first-child { margin-left: 0; } .v2-tile--community blockquote { margin: 1.2rem 0 .8rem; font-family: 'Unbounded'; font-size: 1.06rem; line-height: 1.25; letter-spacing: -.04em; } .v2-community__quote b { display: block; font-size: .66rem; } .v2-community__quote span { color: rgba(255,255,255,.48); font-size: .54rem; } /* ---------- AI showcase ---------- */ .v2-ai { position: relative; overflow: hidden; isolation: isolate; min-height: 660px; border-radius: clamp(28px, 4vw, 50px); padding: clamp(2rem, 5vw, 4.4rem); display: flex; align-items: center; color: #fff; box-shadow: 0 40px 100px rgba(30, 20, 70, .22); } .v2-ai__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; } .v2-ai__veil { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(12,10,25,.92) 0%, rgba(12,10,25,.62) 43%, rgba(12,10,25,.18) 76%), linear-gradient(180deg, rgba(12,10,25,.3), rgba(12,10,25,.6)); } .v2-ai__orb { position: absolute; right: 12%; top: 8%; width: clamp(220px, 30vw, 440px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.8), rgba(152,167,255,.35) 18%, rgba(82,55,230,.24) 48%, transparent 70%); filter: blur(4px); z-index: -1; animation: v2OrbFloat 12s ease-in-out infinite; } .v2-ai__copy { position: relative; z-index: 2; max-width: 570px; } .v2-ai h2 { margin: .7rem 0 1.2rem; font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: .95; letter-spacing: -.075em; font-weight: 500; } .v2-ai h2 span { color: var(--v2-lime); } .v2-ai p { max-width: 450px; color: rgba(255,255,255,.66); font-size: .92rem; line-height: 1.7; } .v2-ai__points { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin: 1.2rem 0 1.7rem; } .v2-ai__points span { color: rgba(255,255,255,.78); font-size: .7rem; font-weight: 700; } .v2-ai__points i { display: inline-grid; place-items: center; width: 17px; height: 17px; margin-right: .28rem; border-radius: 50%; background: rgba(217,255,99,.14); color: var(--v2-lime); font-size: .55rem; font-style: normal; } .v2-ai__panel { position: absolute; z-index: 3; right: clamp(1.4rem, 4vw, 3.4rem); bottom: clamp(1.4rem, 4vw, 3.4rem); width: min(390px, 40%); padding: 20px; border-radius: 28px; color: #17191d; background: rgba(250,249,245,.86); border: 1px solid rgba(255,255,255,.8); box-shadow: 0 30px 80px rgba(0,0,0,.28); backdrop-filter: blur(26px); } .v2-ai__panel-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; } .v2-ai__panel .v2-live-badge { background: rgba(82,55,230,.1); color: var(--v2-violet); } .v2-ai__verdict { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: 1.1rem 0 .65rem; } .v2-ai__dir { font-family: 'Unbounded'; font-size: 2.1rem; letter-spacing: -.07em; color: #3b8d64; } .v2-ai__verdict b { display: block; font-family: 'Unbounded'; font-size: 1.6rem; letter-spacing: -.06em; text-align: right; } .v2-ai__verdict small { display: block; color: #777; font-size: .52rem; } .v2-ai__meter { height: 5px; border-radius: 99px; background: rgba(23,25,29,.1); overflow: hidden; } .v2-ai__meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--v2-violet), #9b8bff); } .v2-ai__panel ul { display: grid; gap: .55rem; margin: 1rem 0; padding: 0; list-style: none; } .v2-ai__panel li { display: flex; gap: .55rem; color: #55585c; font-size: .65rem; line-height: 1.4; } .v2-ai__panel li span { color: var(--v2-violet); font-family: 'Unbounded'; font-size: .48rem; } .v2-ai__panel-foot { display: flex; justify-content: space-between; gap: .5rem; padding-top: .75rem; border-top: 1px solid rgba(23,25,29,.1); color: #777; font-size: .52rem; } .v2-ai__panel-foot b { color: #17191d; letter-spacing: .04em; } /* ---------- path ---------- */ .v2-path { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; } .v2-step { position: relative; min-height: 320px; padding: 22px; display: flex; flex-direction: column; border: 1px solid var(--v2-line); border-radius: 30px; background: rgba(255,255,255,.28); transition: background .4s ease, transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease; } html[data-theme='dark'] .v2-step { background: rgba(255,255,255,.035); } .v2-step:hover { background: rgba(255,255,255,.56); transform: translateY(-5px); box-shadow: var(--v2-shadow-soft); } html[data-theme='dark'] .v2-step:hover { background: rgba(255,255,255,.065); } .v2-step__num { color: var(--v2-muted); font-family: 'Unbounded'; font-size: .72rem; letter-spacing: .04em; } .v2-step__icon { display: grid; place-items: center; width: 44px; height: 44px; margin: 2.2rem 0 auto; border-radius: 15px; border: 1px solid var(--v2-line); background: rgba(255,255,255,.35); color: var(--v2-violet); } html[data-theme='dark'] .v2-step__icon { background: rgba(255,255,255,.06); } .v2-step__icon svg { width: 20px; height: 20px; } .v2-step h3 { margin: 1.2rem 0 .5rem; font-size: 1.24rem; letter-spacing: -.045em; font-weight: 500; } .v2-step p { margin: 0 0 1.2rem; color: var(--v2-muted); font-size: .78rem; line-height: 1.6; } .v2-step__meta { margin-top: auto; padding-top: .8rem; border-top: 1px solid var(--v2-line); color: var(--v2-muted); font-size: .58rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } /* ---------- calculator ---------- */ .v2-calc { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; padding: clamp(1.4rem, 4vw, 3.8rem); border: 1px solid var(--v2-line); border-radius: var(--v2-radius); background: linear-gradient(135deg, rgba(255,255,255,.42), rgba(255,255,255,.16)); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); } html[data-theme='dark'] .v2-calc { background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.015)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); } .v2-calc__copy p { max-width: 430px; margin: 1.2rem 0; color: var(--v2-muted); font-size: .88rem; line-height: 1.75; } .v2-calc__note { display: flex; gap: .75rem; max-width: 420px; padding: .85rem; border: 1px solid var(--v2-line); border-radius: 18px; background: rgba(255,255,255,.3); } html[data-theme='dark'] .v2-calc__note { background: rgba(255,255,255,.04); } .v2-calc__note-icon { display: grid; place-items: center; flex: 0 0 26px; height: 26px; border-radius: 50%; background: var(--v2-violet); color: #fff; font-family: 'Unbounded'; font-size: .64rem; } .v2-calc__note p { margin: 0; font-size: .68rem; line-height: 1.55; } .v2-calc__widget { padding: clamp(1.1rem, 2.4vw, 1.8rem); border-radius: 26px; background: rgba(255,255,255,.65); border: 1px solid rgba(255,255,255,.8); box-shadow: 0 24px 70px rgba(49,43,33,.12); } html[data-theme='dark'] .v2-calc__widget { background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.1); box-shadow: 0 24px 70px rgba(0,0,0,.3); } .v2-calc__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; } .v2-calc__head b { font-family: 'Unbounded'; font-size: 1.05rem; letter-spacing: -.04em; } .v2-calc .calc-field { margin-bottom: 1.1rem; } .v2-calc .calc-field__top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .55rem; } .v2-calc .calc-field__top label { color: var(--v2-muted); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; } .v2-calc .calc-field__top output { font-family: 'Unbounded'; font-size: .92rem; letter-spacing: -.04em; } .v2-calc .calc-range { position: relative; height: 26px; display: flex; align-items: center; } .v2-calc .calc-range::before { content: ''; position: absolute; left: 0; right: 0; height: 4px; border-radius: 99px; background: rgba(23,25,29,.12); } html[data-theme='dark'] .v2-calc .calc-range::before { background: rgba(255,255,255,.12); } .v2-calc .calc-range__fill { position: absolute; left: 0; height: 4px; border-radius: 99px; background: var(--v2-violet); z-index: 1; } .v2-calc .calc-range__knob { position: absolute; z-index: 2; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: #fff; border: 4px solid var(--v2-violet); box-shadow: 0 4px 12px rgba(82,55,230,.3); pointer-events: none; } .v2-calc .calc-range input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 3; } .v2-calc .calc-scale { display: flex; justify-content: space-between; color: var(--v2-muted); font-size: .55rem; } .v2-calc__results { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: .5rem; margin-top: 1.2rem; } .v2-calc__result { padding: .8rem; border: 1px solid var(--v2-line); border-radius: 16px; background: rgba(255,255,255,.32); } html[data-theme='dark'] .v2-calc__result { background: rgba(255,255,255,.04); } .v2-calc__result small { display: block; color: var(--v2-muted); font-size: .52rem; text-transform: uppercase; letter-spacing: .06em; } .v2-calc__result strong { display: block; margin-top: .3rem; font-family: 'Unbounded'; font-size: .88rem; letter-spacing: -.04em; } .v2-calc__result strong small { display: inline; color: inherit; font-family: 'Manrope'; font-size: .52rem; letter-spacing: 0; } .v2-calc__result span { display: block; margin-top: .2rem; color: var(--v2-muted); font-size: .5rem; } .v2-calc__result--main { color: #fff; background: var(--v2-ink); border-color: var(--v2-ink); } .v2-calc__result--main small, .v2-calc__result--main span { color: rgba(255,255,255,.55); } .v2-calc__summary { margin: .9rem 0 0; color: var(--v2-muted); font-size: .6rem; line-height: 1.5; } /* ---------- pricing ---------- */ .v2-plans { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; align-items: stretch; } .v2-plan { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--v2-line); border-radius: var(--v2-radius); background: rgba(255,255,255,.32); transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease; } html[data-theme='dark'] .v2-plan { background: rgba(255,255,255,.04); } .v2-plan:hover { transform: translateY(-6px); box-shadow: var(--v2-shadow-soft); } .v2-plan--featured { color: #fff; background: #17191d; border-color: #17191d; transform: translateY(-14px); box-shadow: 0 28px 80px rgba(23,25,29,.24); } .v2-plan--featured:hover { transform: translateY(-20px); box-shadow: 0 36px 90px rgba(23,25,29,.3); } .v2-plan__glow { position: absolute; right: -30%; top: -20%; width: 70%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(82,55,230,.55), transparent 68%); filter: blur(8px); } .v2-plan .v2-chip { position: relative; z-index: 1; } .v2-plan--featured .v2-chip:not(.v2-chip--light) { color: rgba(255,255,255,.7); border-color: rgba(255,255,255,.2); } .v2-plan__top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: .5rem; } .v2-plan__index { color: var(--v2-muted); font-family: 'Unbounded'; font-size: .7rem; } .v2-plan--featured .v2-plan__index { color: rgba(255,255,255,.42); } .v2-plan h3 { position: relative; z-index: 1; margin: 1.8rem 0 .5rem; font-size: 2rem; letter-spacing: -.06em; font-weight: 500; } .v2-plan__desc { position: relative; z-index: 1; min-height: 42px; margin: 0; color: var(--v2-muted); font-size: .72rem; line-height: 1.55; } .v2-plan--featured .v2-plan__desc { color: rgba(255,255,255,.55); } .v2-plan__price { display: flex; align-items: baseline; gap: .4rem; margin: 1.4rem 0 .5rem; } .v2-plan__price span { color: var(--v2-muted); font-size: .6rem; } .v2-plan__price b { font-family: 'Unbounded'; font-size: clamp(1.5rem, 2.6vw, 2.35rem); letter-spacing: -.06em; font-weight: 500; } .v2-plan--featured .v2-plan__price span { color: rgba(255,255,255,.5); } .v2-plan__ai { display: flex; align-items: baseline; gap: .35rem; margin-bottom: 1.1rem; color: var(--v2-violet); } .v2-plan__ai b { font-family: 'Unbounded'; font-size: 1.4rem; letter-spacing: -.05em; } .v2-plan__ai span { font-size: .62rem; font-weight: 800; } .v2-plan--featured .v2-plan__ai { color: var(--v2-lime); } .v2-plan ul { display: grid; gap: .45rem; margin: 0 0 1.4rem; padding: 0; list-style: none; } .v2-plan li { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem .6rem; border-radius: 10px; background: rgba(255,255,255,.35); font-size: .62rem; } html[data-theme='dark'] .v2-plan li { background: rgba(255,255,255,.05); } .v2-plan--featured li { background: rgba(255,255,255,.065); } .v2-plan li span { color: var(--v2-muted); } .v2-plan--featured li span { color: rgba(255,255,255,.5); } .v2-plan li b { font-weight: 800; } .v2-plan .btn { margin-top: auto; } .v2-plan--featured .btn--light { color: #17191d; } .v2-plans__note { margin: 2rem 0 0; color: var(--v2-muted); font-size: .62rem; line-height: 1.5; } /* ---------- community ---------- */ .v2-community { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; } .v2-community__copy p { max-width: 430px; margin: 1.2rem 0; color: var(--v2-muted); font-size: .88rem; line-height: 1.75; } .v2-community__stats { display: flex; gap: 2rem; margin: 1.6rem 0; } .v2-community__stats b { display: block; font-family: 'Unbounded'; font-size: 1.55rem; letter-spacing: -.06em; font-weight: 500; } .v2-community__stats span { color: var(--v2-muted); font-size: .56rem; } .v2-community__mosaic { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: 1fr 1fr; gap: 10px; min-height: 480px; } .v2-mosaic { relative; position: relative; overflow: hidden; margin: 0; border-radius: 24px; background: #1a1d24; } .v2-mosaic img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.22,1,.36,1); } .v2-mosaic:hover img { transform: scale(1.04); } .v2-mosaic--main { grid-row: span 2; } .v2-mosaic figcaption { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; flex-direction: column; gap: .15rem; color: #fff; } .v2-mosaic figcaption span { color: rgba(255,255,255,.6); font-size: .52rem; text-transform: uppercase; letter-spacing: .08em; } .v2-mosaic figcaption b { font-size: .72rem; } .v2-mosaic--quote { display: flex; flex-direction: column; justify-content: flex-end; padding: 16px; color: #fff; background: var(--v2-violet); } .v2-mosaic--quote blockquote { margin: 0 0 auto; font-family: 'Unbounded'; font-size: .88rem; line-height: 1.25; letter-spacing: -.04em; } .v2-mosaic--quote figcaption { position: static; margin-top: 1rem; color: rgba(255,255,255,.6); font-size: .56rem; } /* ---------- FAQ ---------- */ .v2-faq { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: clamp(2rem, 6vw, 7rem); } .v2-faq__head p { max-width: 330px; margin: 1.2rem 0 1.2rem; color: var(--v2-muted); font-size: .82rem; line-height: 1.7; } .v2-faq__list { border-top: 1px solid var(--v2-line); } .v2-faq__item { border-bottom: 1px solid var(--v2-line); } .v2-faq__item summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 0; cursor: pointer; list-style: none; font-size: .92rem; font-weight: 800; letter-spacing: -.02em; } .v2-faq__item summary::-webkit-details-marker { display: none; } .v2-faq__item summary span { position: relative; flex: 0 0 22px; height: 22px; border: 1px solid var(--v2-line-strong); border-radius: 50%; } .v2-faq__item summary span::before, .v2-faq__item summary span::after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 1px; background: var(--v2-ink); translate: -50% -50%; transition: transform .3s ease; } .v2-faq__item summary span::after { transform: rotate(90deg); } .v2-faq__item[open] summary span::after { transform: rotate(0deg); } .v2-faq__item p { max-width: 650px; margin: -.2rem 0 1.2rem; color: var(--v2-muted); font-size: .78rem; line-height: 1.7; } /* ---------- final CTA ---------- */ .v2-cta { position: relative; overflow: hidden; isolation: isolate; min-height: 500px; display: flex; align-items: center; padding: clamp(2rem, 5vw, 4.6rem); border-radius: clamp(28px, 4vw, 52px); color: #fff; background: #17191d; box-shadow: 0 40px 100px rgba(23,25,29,.25); } .v2-cta__bg { position: absolute; inset: 0; z-index: -3; background: url('../img/new/violet-3d.jpg') center/cover; opacity: .5; } .v2-cta__orb { position: absolute; right: 4%; top: 50%; translate: 0 -50%; width: clamp(240px, 34vw, 480px); aspect-ratio: 1; border-radius: 50%; z-index: -1; background: radial-gradient(circle at 32% 26%, #fff, #d3e1f4 12%, #8f9fea 32%, #5237e6 58%, #17123d 82%); box-shadow: inset -30px -34px 70px rgba(7,5,20,.7), 0 40px 100px rgba(82,55,230,.35); opacity: .82; } .v2-cta__copy { position: relative; z-index: 2; max-width: 720px; } .v2-cta h2 { margin: .8rem 0 1rem; font-size: clamp(2.5rem, 5.6vw, 5.4rem); line-height: .92; letter-spacing: -.075em; font-weight: 500; } .v2-cta h2 span { color: var(--v2-lime); } .v2-cta p { max-width: 440px; color: rgba(255,255,255,.58); font-size: .84rem; line-height: 1.7; } .v2-cta__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.6rem; } .v2-cta__login { color: rgba(255,255,255,.55); font-size: .66rem; } .v2-cta__login b { color: #fff; border-bottom: 1px solid rgba(255,255,255,.4); } .v2-cta__mark { position: absolute; right: 7%; bottom: 10%; z-index: 2; font-family: 'Unbounded'; font-size: clamp(6rem, 18vw, 16rem); line-height: .7; letter-spacing: -.12em; color: rgba(255,255,255,.08); } .v2-hero, .v2-section, .v2-ticker { opacity: 1; } /* ---------- footer ---------- */ .site-footer { margin-top: 0; padding: clamp(3rem, 6vw, 5rem) 0 2rem; border: 0; background: var(--v2-footer); color: var(--v2-footer-text); border-radius: 38px 38px 0 0; } html[data-theme='light'] .site-footer, html[data-theme='dark'] .site-footer { background: var(--v2-footer); color: var(--v2-footer-text); } .site-footer .brand-name { color: var(--v2-footer-text); } .site-footer .brand-sub { color: rgba(244,241,233,.45); } .site-footer .footer-brand p { color: rgba(244,241,233,.58); } .site-footer .footer-col h5 { color: rgba(244,241,233,.45); } .site-footer .footer-col a { color: rgba(244,241,233,.74); } .site-footer .footer-col a:hover { color: var(--v2-lime); } .site-footer .footer-newsletter p { color: rgba(244,241,233,.55); } .site-footer .footer-newsletter h5 { color: rgba(244,241,233,.45); } .site-footer .footer-form { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.06); } .site-footer .footer-form input { color: #fff; } .site-footer .footer-form input::placeholder { color: rgba(255,255,255,.35); } .site-footer .footer-form .icon-btn { color: #17191d; background: var(--v2-lime); } .site-footer .risk-note { color: rgba(244,241,233,.4); } .site-footer .footer-bottom { border-top-color: rgba(255,255,255,.1); color: rgba(244,241,233,.4); } .site-footer .footer-bottom a { color: rgba(244,241,233,.55); } .site-footer .footer-socials .icon-btn { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #fff; } .site-footer .footer-socials .icon-btn:hover { background: var(--v2-lime); color: #17191d; } .site-footer .footer-main { gap: 2rem; } /* ---------- animations ---------- */ @keyframes v2HeroDrift { 0% { transform: scale(1.04) translate3d(-.5%, -.5%, 0); } 100% { transform: scale(1.1) translate3d(1.5%, 1%, 0); } } @keyframes v2OrbFloat { 0%,100% { transform: translate3d(0,0,0) rotate(-2deg); } 50% { transform: translate3d(0,-18px,0) rotate(2deg); } } @keyframes v2Float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } } @keyframes v2Pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(.82); } } @keyframes v2Marquee { to { transform: translateX(-50%); } } @keyframes v2Scan { 0%,100% { top: 12%; opacity: .3; } 50% { top: 84%; opacity: 1; } } @keyframes v2Draw { to { stroke-dashoffset: 0; } } @keyframes v2Scroll { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(12px); opacity: 0; } 100% { transform: translateY(0); opacity: 0; } } /* ---------- reveal ---------- */ [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .85s ease, transform .85s cubic-bezier(.22,1,.36,1); transition-delay: var(--delay, 0ms); } [data-reveal='scale'] { transform: scale(.96); } [data-reveal='left'] { transform: translateX(-24px); } [data-reveal='right'] { transform: translateX(24px); } [data-reveal].is-visible { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { [data-reveal] { opacity: 1 !important; transform: none !important; } .v2-hero__photo, .v2-orb, .v2-float-card, .v2-line-draw, .v2-ticker__track, .v2-scan-line, .v2-hero__scroll span { animation: none !important; } } /* ---------- responsive ---------- */ @media (max-width: 1180px) { .v2-hero__grid { grid-template-columns: minmax(0, 1fr); min-height: auto; gap: 2.2rem; } .v2-hero__copy { max-width: 780px; } .v2-hero__visual { min-height: 500px; justify-content: flex-start; padding-left: 2rem; } .v2-dash { width: min(460px, 100%); } .v2-orb { right: 18%; top: -2%; } .v2-float-card--ai { left: 0; top: 16%; } .v2-float-card--risk { left: 36%; bottom: 2%; } .v2-tile--scanner { grid-column: span 12; } .v2-tile--live { grid-column: span 12; min-height: 440px; } .v2-tile--risk, .v2-tile--trader, .v2-tile--community { grid-column: span 4; } .v2-path { grid-template-columns: repeat(2, minmax(0, 1fr)); } .v2-ai__panel { width: min(360px, 42%); } .v2-community__mosaic { min-height: 430px; } } @media (max-width: 900px) { .site-header--future { top: 8px; } .site-header--future .header-inner { min-height: 60px; padding: 6px 8px 6px 14px; } .v2-section__head { flex-direction: column; align-items: flex-start; gap: 1.4rem; } .v2-section__aside { max-width: 560px; } .v2-hero__stage { min-height: auto; } .v2-hero__grid { padding-top: 3rem; } .v2-hero__visual { padding-left: 0; } .v2-tile--risk, .v2-tile--trader, .v2-tile--community { grid-column: span 6; } .v2-tile--community { grid-column: span 12; min-height: 340px; } .v2-ai { min-height: auto; display: block; padding: 2rem; } .v2-ai__copy { max-width: 620px; } .v2-ai__panel { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 2rem; } .v2-calc, .v2-community, .v2-faq { grid-template-columns: 1fr; gap: 2.4rem; } .v2-plans { grid-template-columns: 1fr; } .v2-plan--featured { transform: none; } .v2-plan--featured:hover { transform: translateY(-6px); } .v2-community__copy { max-width: 640px; } .v2-community__mosaic { min-height: 500px; } .v2-faq__head p { max-width: 480px; } .v2-cta { min-height: 440px; } .v2-cta__orb { right: -12%; opacity: .5; } } @media (max-width: 680px) { .v2-hero__top { padding-top: 18px; } .v2-hero__top-note { display: none; } .v2-hero__grid { padding: 2.2rem 1.15rem 1.4rem; } .v2-hero__title { font-size: clamp(2.5rem, 12vw, 3.6rem); } .v2-hero__lead { font-size: .86rem; } .v2-hero__actions { gap: .5rem; } .v2-hero__actions .btn { flex: 1 1 100%; justify-content: center; } .v2-hero__visual { min-height: 420px; margin-top: 1rem; } .v2-dash { width: 100%; padding: 13px; border-radius: 24px; } .v2-dash__chart { height: 140px; } .v2-orb { width: 180px; right: 0; top: -4%; opacity: .82; } .v2-float-card--ai { left: -.35rem; top: 8%; padding: .55rem .6rem; } .v2-float-card--risk { display: none; } .v2-hero__proof { margin-top: 1.2rem; } .v2-hero__scroll { display: none; } .v2-ticker { padding: 13px 0; } .v2-ticker__track { gap: 2rem; } .v2-title { font-size: clamp(2.25rem, 10.5vw, 3.25rem); } .v2-bento { gap: 10px; } .v2-tile--risk, .v2-tile--trader, .v2-tile--community { grid-column: span 12; min-height: 320px; } .v2-tile--scanner { min-height: 440px; padding: 18px; border-radius: 26px; } .v2-tile--live { min-height: 390px; padding: 18px; border-radius: 26px; } .v2-tile--risk, .v2-tile--trader, .v2-tile--community { padding: 18px; border-radius: 26px; } .v2-path { grid-template-columns: 1fr; } .v2-step { min-height: 270px; } .v2-calc { padding: 1.1rem; border-radius: 26px; } .v2-calc__widget { padding: 1rem; } .v2-calc__results { grid-template-columns: 1fr 1fr; } .v2-calc__result--main { grid-column: span 2; } .v2-plan { padding: 20px; border-radius: 28px; } .v2-community__mosaic { min-height: 400px; grid-template-columns: 1fr 1fr; } .v2-mosaic--main { grid-row: span 1; } .v2-mosaic--quote { grid-column: span 2; min-height: 170px; } .v2-mosaic--small { display: none; } .v2-ai { padding: 1.4rem; border-radius: 28px; } .v2-ai h2 { font-size: clamp(2.3rem, 11vw, 3.1rem); } .v2-ai__panel { padding: 16px; border-radius: 22px; } .v2-cta { padding: 1.6rem; min-height: 430px; border-radius: 30px; } .v2-cta h2 { font-size: clamp(2.3rem, 11vw, 3.3rem); } .v2-cta__orb { width: 260px; right: -24%; top: 18%; opacity: .35; } .v2-cta__mark { display: none; } .v2-cta__actions { align-items: flex-start; } .v2-cta__login { margin-top: .3rem; } .site-footer { border-radius: 26px 26px 0 0; } /* AI page - compact footer for mobile - force override */ html[data-theme='dark'] body[data-page='ai'] .site-footer { position: relative !important; margin-top: 0.2rem !important; padding: 0 !important; } html[data-theme='dark'] body[data-page='ai'] .footer-main { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 1rem !important; padding: 0.2rem 0 0.3rem !important; margin: 0 !important; grid-template-columns: auto auto !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-col { display: none !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-bottom { display: none !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .brand-name { font-size: 0.8rem !important; line-height: 1.2; } html[data-theme='dark'] body[data-page='ai'] .site-footer .brand-sub { display: none !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .risk-note { font-size: 0.65rem !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-newsletter, html[data-theme='dark'] body[data-page='ai'] .site-footer .site-footer__actions { display: none !important; } .account-pill__copy { display: none; } .account-pill { padding: .24rem; } .account-pill__arrow { display: none; } } @media (max-width: 420px) { .v2-hero__title { font-size: 2.35rem; } .v2-dash__pair > div > span { font-size: .8rem; } .v2-dash__price b { font-size: 1rem; } .v2-dash__foot small { font-size: .44rem; } .v2-community__mosaic { grid-template-columns: 1fr; grid-template-rows: auto; } .v2-mosaic--main { min-height: 260px; } .v2-mosaic--portrait { min-height: 220px; } .v2-mosaic--quote { grid-column: auto; min-height: 180px; } .v2-calc__results { grid-template-columns: 1fr; } .v2-calc__result--main { grid-column: auto; } } /* AI page - compact footer - MUST BE AT END FOR HIGHEST PRIORITY */ html[data-theme='dark'] body[data-page='ai'] .site-footer { padding: 0 !important; margin: 0.4rem 0 0.3rem !important; min-height: auto !important; border-radius: 0 0 12px 12px !important; } html[data-theme='dark'] body[data-page='ai'] .site-header { display: block !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-main { padding: 0.2rem 0 0.3rem !important; margin: 0 !important; grid-template-columns: auto auto !important; gap: 1rem !important; display: flex !important; justify-content: center !important; align-items: center !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-col, html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-bottom, html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-newsletter, html[data-theme='dark'] body[data-page='ai'] .site-footer .site-footer__actions { display: none !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .brand-name { font-size: 0.75rem !important; margin: 0 !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .brand-sub { display: none !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .risk-note { font-size: 0.65rem !important; } /* AI page footer absolute positioning for mobile */ @media (max-width: 900px) { html[data-theme='dark'] body[data-page='ai'] .site-footer { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; padding: 0.3rem 0 0.3rem !important; margin: 0 !important; height: auto !important; min-height: auto !important; border-radius: 0 !important; transform: none !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-main { padding: 0.2rem 0 !important; margin: 0 !important; height: auto !important; } } /* AI page - minimal footer */ html[data-theme='dark'] body[data-page='ai'] .site-footer { display: none !important; } html[data-theme='dark'] body[data-page='ai'] [data-ai-footer] { display: block !important; text-align: center !important; padding: 0.4rem 0 0.5rem !important; } html[data-theme='dark'] body[data-page='ai'] [data-ai-footer]:before { content: '© 2026 aitradesig. Все права защищены.' !important; font-size: 0.75rem !important; color: rgba(244,241,233,0.55) !important; display: block !important; } /* AI page footer completely hidden - use minimal inline text */ html[data-theme='dark'] body[data-page='ai'] .site-footer { display: none !important; } html[data-theme='dark'] body[data-page='ai'] [data-site-footer] { display: none !important; } html[data-theme='dark'] body[data-page='ai'] .site-footer[data-site-footer] { display: none !important; } /* AI scan window: сектор анализа должен быть по всей ширине окна, а не по ширине фото. */ html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview { width:100%; max-width:100%; } html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview img { width:100%; object-position:center; } @media (max-width:760px) { html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview { min-height:280px; } } /* === Сигнал: обратный отсчёт сделки + блокировка нового скриншота (2026-11-10) === */ body.ai-deal-active .ai-duration, body.ai-deal-active .ai-analyze-btn { display: none !important; } body.ai-analyzing .ai-duration, body.ai-analyzing .ai-drop-empty { opacity: 0; pointer-events: none; } .ai-upload.is-locked .ai-drop-empty, .ai-upload.is-locked .ai-upload__loaded { pointer-events: none; } .ai-upload.is-locked .ai-upload__icon { filter: grayscale(.55); opacity: .55; } .ai-stage-countdown { display: inline-flex; align-items: center; gap: .45em; font: 700 clamp(20px, 2.2vw, 30px)/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .05em; color: #f2f7ff; background: linear-gradient(135deg, rgba(91,124,255,.2), rgba(34,211,238,.1)); border: 1px solid rgba(91,124,255,.4); border-radius: 14px; padding: .4em .72em; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 30px -18px rgba(91,124,255,.6); animation: ai-deal-pulse 2.4s ease-in-out infinite; } .ai-stage-countdown::before { content: ''; width: .48em; height: .48em; border-radius: 50%; background: #22d3ee; box-shadow: 0 0 12px 2px rgba(34,211,238,.65); animation: ai-deal-dot 1.2s steps(2, jump-none) infinite; } .ai-stage-countdown.is-critical { color: #ffe1e7; border-color: rgba(255,93,122,.55); background: linear-gradient(135deg, rgba(255,93,122,.22), rgba(255,93,122,.08)); animation-duration: .9s; } .ai-stage-countdown.is-critical::before { background: #ff5d7a; box-shadow: 0 0 12px 2px rgba(255,93,122,.7); } @keyframes ai-deal-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } } @keyframes ai-deal-dot { 0%, 100% { opacity: 1; } 50% { opacity: .2; } } #aiNewAnalysis.is-ready { animation: ai-new-signal 1.6s ease-in-out infinite; } @keyframes ai-new-signal { 0% { box-shadow: 0 0 0 0 rgba(53,224,161,.5); } 70% { box-shadow: 0 0 0 14px rgba(53,224,161,0); } 100% { box-shadow: 0 0 0 0 rgba(53,224,161,0); } } /* === Квота сигналов в шапке AI VISION TERMINAL === */ .ai-terminal__right { display: inline-flex; align-items: center; gap: 10px; } .ai-terminal__quota { display: inline-flex; align-items: center; gap: .45em; font: 700 12px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .07em; color: #bfe9ff; padding: 8px 12px; border-radius: 999px; background: linear-gradient(135deg, rgba(34,211,238,.14), rgba(91,124,255,.1)); border: 1px solid rgba(34,211,238,.35); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px -16px rgba(34,211,238,.5); white-space: nowrap; } .ai-terminal__quota::before { content: '✦'; font-size: 11px; color: #22d3ee; } .ai-terminal__quota.is-low { color: #ffd9e1; border-color: rgba(255,93,122,.5); background: linear-gradient(135deg, rgba(255,93,122,.16), rgba(255,93,122,.06)); } .ai-terminal__quota.is-low::before { color: #ff5d7a; } @media (max-width: 640px) { .ai-terminal__right { width: 100%; justify-content: space-between; } } /* Узкие экраны: шапка терминала не должна обрезать квоту и LIVE (перенос на свою строку) */ @media (max-width: 640px) { html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top { flex-wrap: wrap; row-gap: 10px; } .ai-terminal__quota { font-size: 11px; padding: 7px 10px; max-width: 100%; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal .ai-live-dot { padding: 7px 11px; flex: 0 0 auto; } } @media (max-width: 380px) { .ai-terminal__quota { font-size: 10px; letter-spacing: .04em; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal .ai-live-dot { font-size: 9px; letter-spacing: .14em; } } /* === Опрос «как закрылась сделка» — сохраняется при обновлении страницы === */ .deal-poll { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 18px; } .deal-poll__backdrop { position: absolute; inset: 0; background: rgba(5,8,16,.62); backdrop-filter: blur(10px) saturate(1.15); -webkit-backdrop-filter: blur(10px) saturate(1.15); opacity: 0; transition: opacity .25s ease; } .deal-poll__card { position: relative; width: min(440px, 96vw); padding: 26px 22px 16px; border-radius: 24px; color: #e8efff; background: linear-gradient(165deg, rgba(26,34,58,.94), rgba(9,13,24,.96)); border: 1px solid rgba(122,146,255,.28); box-shadow: 0 34px 90px -28px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.07); opacity: 0; transform: translateY(16px) scale(.96); transition: opacity .28s ease, transform .3s cubic-bezier(.2,.9,.25,1.18); } .deal-poll.is-open .deal-poll__backdrop { opacity: 1; } .deal-poll.is-open .deal-poll__card { opacity: 1; transform: none; } .deal-poll__kicker { display: inline-flex; align-items: center; gap: .5em; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #93a6cc; } .deal-poll__kicker i { width: 7px; height: 7px; border-radius: 50%; background: #ff5d7a; box-shadow: 0 0 10px 2px rgba(255,93,122,.55); animation: ai-deal-dot 1.2s steps(2, jump-none) infinite; } .deal-poll__card h3 { margin: 10px 0 14px; font-size: clamp(20px, 2.4vw, 25px); line-height: 1.15; color: #f4f8ff; letter-spacing: -.01em; } .deal-poll__meta { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .deal-poll__dir { font-size: 13px; font-weight: 800; letter-spacing: .1em; padding: 6px 12px; border-radius: 10px; } .deal-poll__dir.up { color: #0b2417; background: linear-gradient(135deg, #35e0a1, #6ff2c4); box-shadow: 0 8px 22px -10px rgba(53,224,161,.7); } .deal-poll__dir.down { color: #2c0714; background: linear-gradient(135deg, #ff5d7a, #ff9bb0); box-shadow: 0 8px 22px -10px rgba(255,93,122,.7); } .deal-poll__dir.wait { color: #1c2340; background: #c9d4ee; } .deal-poll__period { font: 700 12px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .08em; color: #aab8dd; border: 1px solid rgba(122,146,255,.35); padding: 7px 10px; border-radius: 10px; } .deal-poll__hint { margin: 0 0 16px; font-size: 12.5px; line-height: 1.5; color: #8fa0c6; } .deal-poll__actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .deal-poll__btn { display: grid; gap: 3px; justify-items: center; padding: 13px 8px 11px; border-radius: 15px; cursor: pointer; border: 1px solid rgba(140,160,200,.22); background: rgba(255,255,255,.045); color: #e8efff; font: inherit; text-align: center; transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease; } .deal-poll__btn b { font-size: 13.5px; font-weight: 800; letter-spacing: .02em; } .deal-poll__btn span { font-size: 10.5px; color: #8ea0c8; } .deal-poll__btn:hover { transform: translateY(-2px); background: rgba(255,255,255,.085); } .deal-poll__btn.is-picked { transform: translateY(-2px) scale(.99); } .deal-poll__btn.is-yes.is-picked { border-color: rgba(53,224,161,.75); background: linear-gradient(135deg, rgba(53,224,161,.28), rgba(53,224,161,.12)); box-shadow: 0 12px 30px -12px rgba(53,224,161,.65); } .deal-poll__btn.is-no.is-picked { border-color: rgba(255,93,122,.75); background: linear-gradient(135deg, rgba(255,93,122,.3), rgba(255,93,122,.12)); box-shadow: 0 12px 30px -12px rgba(255,93,122,.65); } .deal-poll__btn.is-skip.is-picked { border-color: rgba(150,170,210,.7); background: linear-gradient(135deg, rgba(150,170,210,.25), rgba(150,170,210,.12)); box-shadow: 0 12px 30px -12px rgba(150,170,210,.55); } .deal-poll__btn:disabled { cursor: default; opacity: .55; } .deal-poll__btn.is-picked { opacity: 1; } .deal-poll__later { display: block; margin: 14px auto 0; padding: 0; border: 0; background: none; cursor: pointer; color: #7e90ba; font-size: 12px; text-decoration: underline dotted; text-underline-offset: 3px; } .deal-poll__later:hover { color: #aebde0; } body.deal-poll-open { overflow: hidden; } @media (max-width: 560px) { .deal-poll__card { padding: 22px 16px 14px; border-radius: 20px; } .deal-poll__actions { grid-template-columns: 1fr; } .deal-poll__btn { grid-template-columns: auto auto; justify-items: start; align-items: baseline; column-gap: 10px; padding: 12px 14px; } } /* ============================================================ AI VISION TERMINAL · ULTRAMODERN HUD (v2, 2026-11-10) ============================================================ */ html[data-theme='dark'] body[data-page='ai'] .ai-terminal { position: relative; isolation: isolate; overflow: hidden; padding: 20px 20px 24px; border-radius: 30px; background: radial-gradient(1100px 520px at -8% -18%, rgba(34,211,238,.15), transparent 62%), radial-gradient(900px 480px at 108% 118%, rgba(122,92,255,.17), transparent 60%), linear-gradient(168deg, rgba(16,22,42,.93), rgba(6,9,20,.97)); border: 1px solid rgba(122,146,255,.24); box-shadow: 0 44px 130px -44px rgba(0,0,0,.9), 0 0 90px -50px rgba(34,211,238,.45), inset 0 1px 0 rgba(255,255,255,.07), inset 0 0 60px rgba(8,12,28,.55); } /* вращающийся голографический блик */ html[data-theme='dark'] body[data-page='ai'] .ai-terminal::before { content: ''; position: absolute; inset: -45%; z-index: 0; pointer-events: none; background: conic-gradient(from 0deg, transparent 0 76%, rgba(34,211,238,.05) 83%, rgba(122,92,255,.07) 88%, transparent 95%); animation: ai-holo-spin 11s linear infinite; } @keyframes ai-holo-spin { to { transform: rotate(1turn); } } /* тонкая HUD-сетка */ html[data-theme='dark'] body[data-page='ai'] .ai-terminal::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; border-radius: inherit; background-image: linear-gradient(rgba(148,163,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,255,.05) 1px, transparent 1px); background-size: 46px 46px; -webkit-mask-image: radial-gradient(760px 440px at 26% -4%, #000 8%, transparent 74%); mask-image: radial-gradient(760px 440px at 26% -4%, #000 8%, transparent 74%); } html[data-theme='dark'] body[data-page='ai'] .ai-terminal > * { position: relative; z-index: 1; } /* шапка терминала: стеклянная консоль с HUD-уголками */ html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 14px; padding: 15px 18px 16px; border-radius: 20px; background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)); border: 1px solid rgba(122,146,255,.17); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 44px -30px rgba(0,0,0,.8); } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top::before, html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top::after { content: ''; position: absolute; width: 20px; height: 20px; pointer-events: none; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top::before { top: -1px; left: -1px; border-top: 2px solid rgba(34,211,238,.85); border-left: 2px solid rgba(34,211,238,.85); border-top-left-radius: 20px; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top::after { bottom: -1px; right: -1px; border-bottom: 2px solid rgba(122,92,255,.8); border-right: 2px solid rgba(122,92,255,.8); border-bottom-right-radius: 20px; } /* бренд-чип с бегущей строкой-подсветкой */ html[data-theme='dark'] body[data-page='ai'] .ai-terminal .eyebrow--brand { display: inline-flex; align-items: center; gap: .5em; font-size: 10.5px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: #7fe6f4; padding: 6px 12px; border-radius: 999px; background: linear-gradient(90deg, rgba(34,211,238,.12), rgba(122,92,255,.1)); border: 1px solid rgba(34,211,238,.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } html[data-theme='dark'] body[data-page='ai'] .ai-terminal .eyebrow--brand .dot { width: 6px; height: 6px; border-radius: 50%; background: #22d3ee; box-shadow: 0 0 10px 2px rgba(34,211,238,.6); animation: ai-deal-dot 1.4s steps(2, jump-none) infinite; } /* заголовок с переливающимся градиентом */ html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top h2 { margin-top: 8px; font-weight: 800; letter-spacing: -.02em; line-height: 1.08; font-size: clamp(1.5rem, 3vw, 2.05rem); background: linear-gradient(94deg, #f4f8ff 0%, #9fb4ff 34%, #6ee7ff 54%, #c4b5fd 72%, #f4f8ff 96%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: ai-title-shimmer 7s linear infinite; } @keyframes ai-title-shimmer { to { background-position: -220% 0; } } /* LIVE с радарными кольцами */ html[data-theme='dark'] body[data-page='ai'] .ai-terminal .ai-live-dot { position: relative; display: inline-flex; align-items: center; font: 800 10px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .18em; color: #7cf3c8; padding: 8px 13px; border-radius: 999px; background: rgba(53,224,161,.09); border: 1px solid rgba(53,224,161,.4); animation: ai-live-ring 2.6s ease-out infinite; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal .ai-live-dot::before { content: ''; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #35e0a1; box-shadow: 0 0 9px 2px rgba(53,224,161,.65); } @keyframes ai-live-ring { 0% { box-shadow: 0 0 0 0 rgba(53,224,161,.4); } 70% { box-shadow: 0 0 0 11px rgba(53,224,161,0); } 100% { box-shadow: 0 0 0 0 rgba(53,224,161,0); } } /* сетка терминала: стеклянные панели */ html[data-theme='dark'] body[data-page='ai'] .ai-terminal__grid { gap: 14px; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__grid > * { border-radius: 22px; background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); border: 1px solid rgba(122,146,255,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 60px -42px rgba(0,0,0,.85); overflow: hidden; } @media (max-width: 760px) { html[data-theme='dark'] body[data-page='ai'] .ai-terminal { padding: 12px 12px 16px; border-radius: 24px; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top { padding: 12px 14px 13px; border-radius: 16px; } html[data-theme='dark'] body[data-page='ai'] .ai-terminal__grid > * { border-radius: 18px; } } /* ============================================================ RISK MANAGER · ПЕРЕКРЫТИЕ УБЫТКОВ (6 колен), 2026-11-10 ============================================================ */ html[data-theme='dark'] body[data-page='ai'] .risk-plan__payout { display: inline-flex; align-items: center; font: 800 10px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; color: #6df3bd; padding: 7px 11px; border-radius: 999px; background: rgba(109,243,189,.08); border: 1px solid rgba(109,243,189,.3); white-space: nowrap; } html[data-theme='dark'] body[data-page='ai'] .risk-plan { display: flex; flex-direction: column; gap: 11px; position: relative; z-index: 1; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__intro b { display: block; font-weight: 800; letter-spacing: -.01em; line-height: 1.25; font-size: 15px; color: #f4f8ff; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__intro span { display: block; margin-top: 3px; color: #a7a6ba; font-size: 11.5px; line-height: 1.5; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__field { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 11px 15px; border-radius: 14px; background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)); border: 1px solid rgba(122,146,255,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } html[data-theme='dark'] body[data-page='ai'] .risk-plan__field span { font-size: 11.5px; font-weight: 700; color: #a7a6ba; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__field input { width: 100%; min-width: 0; background: transparent; border: 0; outline: none; color: #fff; text-align: right; font: 800 21px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; -moz-appearance: textfield; appearance: textfield; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__field input::-webkit-outer-spin-button, html[data-theme='dark'] body[data-page='ai'] .risk-plan__field input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__field em { color: #22d3ee; font-style: normal; font-weight: 800; font-size: 16px; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__table { display: flex; flex-direction: column; gap: 4px; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__row { display: grid; grid-template-columns: 38px 1.1fr 1fr 1.25fr; align-items: center; gap: 8px; padding: 7px 11px; border-radius: 11px; background: rgba(255,255,255,.025); border: 1px solid rgba(122,146,255,.09); font: 500 11.5px/1.2 'JetBrains Mono', ui-monospace, Consolas, monospace; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__row--head { background: transparent; border: 0; padding: 0 12px 1px; font: 700 9px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .13em; text-transform: uppercase; color: #8f8ca6; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__k { display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; border-radius: 8px; white-space: nowrap; font: 700 9.5px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .02em; color: #c4b5fd; background: linear-gradient(135deg, rgba(122,92,255,.18), rgba(122,92,255,.08)); border: 1px solid rgba(122,92,255,.35); } html[data-theme='dark'] body[data-page='ai'] .risk-plan__loss { color: #9c99b4; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__stake { color: #fff; font-weight: 800; font-size: 12.5px; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__win { color: #35e0a1; font-style: normal; font-weight: 700; font-size: 10.5px; text-align: right; white-space: nowrap; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__row.is-start { background: linear-gradient(135deg, rgba(34,211,238,.1), rgba(34,211,238,.03)); border-color: rgba(34,211,238,.32); } html[data-theme='dark'] body[data-page='ai'] .risk-plan__row.is-start .risk-plan__k { color: #7fe6f4; background: linear-gradient(135deg, rgba(34,211,238,.2), rgba(34,211,238,.08)); border-color: rgba(34,211,238,.45); } html[data-theme='dark'] body[data-page='ai'] .risk-plan__row.is-start .risk-plan__loss { color: #7fe6f4; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__bank { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 15px; border-radius: 13px; background: linear-gradient(135deg, rgba(53,224,161,.13), rgba(34,211,238,.07)); border: 1px solid rgba(53,224,161,.32); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } html[data-theme='dark'] body[data-page='ai'] .risk-plan__bank span { font-size: 11.5px; font-weight: 700; color: #bfe9d9; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__bank b { font: 800 17px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; color: #7cf3c8; text-shadow: 0 0 18px rgba(53,224,161,.35); white-space: nowrap; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__warn { display: flex; align-items: flex-start; gap: 9px; padding: 9px 12px; border-radius: 11px; background: rgba(255,180,84,.07); border: 1px solid rgba(255,180,84,.28); } html[data-theme='dark'] body[data-page='ai'] .risk-plan__warn i { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; font-style: normal; font: 800 11px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; color: #ffb454; background: rgba(255,180,84,.14); border: 1px solid rgba(255,180,84,.4); } html[data-theme='dark'] body[data-page='ai'] .risk-plan__warn span { color: #ffd9a1; font-size: 11px; line-height: 1.45; font-weight: 600; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__note { margin: 0; color: #8f8ca6; font-size: 10.5px; line-height: 1.55; } /* цель серии */ html[data-theme='dark'] body[data-page='ai'] .risk-plan__goal { display: flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 11px; font-size: 11.5px; font-weight: 600; color: #bfe9d9; background: rgba(53,224,161,.06); border: 1px dashed rgba(53,224,161,.3); } html[data-theme='dark'] body[data-page='ai'] .risk-plan__goal b { font: 800 13px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; color: #7cf3c8; } /* ============================================================ VISION COMMUNITY (видео + TG-канал + менеджер), 2026-11-10 ============================================================ */ html[data-theme='dark'] body[data-page='ai'] .ai-connect { display: flex; flex-direction: column; gap: 11px; position: relative; z-index: 1; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__video { position: relative; display: block; overflow: hidden; border-radius: 16px; aspect-ratio: 16 / 10; border: 1px solid rgba(122,146,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 44px -28px rgba(0,0,0,.85); } html[data-theme='dark'] body[data-page='ai'] .ai-connect__video img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.85) brightness(.72); transition: transform .5s ease, filter .3s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__video:hover img { transform: scale(1.045); filter: saturate(1) brightness(.8); } html[data-theme='dark'] body[data-page='ai'] .ai-connect__video::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,14,30,.05) 30%, rgba(10,14,30,.82)); } html[data-theme='dark'] body[data-page='ai'] .ai-connect__play { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; text-align: center; color: #fff; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__play i { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; font-style: normal; font-size: 17px; color: #061020; background: linear-gradient(135deg, #35e0f1, #7a5cff); box-shadow: 0 0 0 7px rgba(34,211,238,.16), 0 14px 34px -12px rgba(34,211,238,.55); animation: ai-connect-pulse 2.6s ease-out infinite; padding-left: 3px; } @keyframes ai-connect-pulse { 0% { box-shadow: 0 0 0 7px rgba(34,211,238,.16), 0 14px 34px -12px rgba(34,211,238,.55); } 55% { box-shadow: 0 0 0 15px rgba(34,211,238,0), 0 14px 34px -12px rgba(34,211,238,.55); } 100% { box-shadow: 0 0 0 7px rgba(34,211,238,.16), 0 14px 34px -12px rgba(34,211,238,.55); } } html[data-theme='dark'] body[data-page='ai'] .ai-connect__play b { font-size: 13px; font-weight: 800; letter-spacing: .01em; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__play small { font-size: 10.5px; color: #c7d3f2; opacity: .85; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__badge { position: absolute; z-index: 1; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font: 700 9.5px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .07em; text-transform: uppercase; color: #7cf3c8; background: rgba(6,12,24,.72); border: 1px solid rgba(53,224,161,.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } html[data-theme='dark'] body[data-page='ai'] .ai-connect__badge i { width: 5px; height: 5px; border-radius: 50%; background: #35e0a1; box-shadow: 0 0 8px 2px rgba(53,224,161,.55); animation: ai-deal-dot 1.4s steps(2, jump-none) infinite; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__title { font-size: 14.5px; font-weight: 800; color: #f4f8ff; letter-spacing: -.01em; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__text { margin: 0; font-size: 11.5px; line-height: 1.55; color: #a7a6ba; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border-radius: 13px; font-size: 12.5px; font-weight: 800; letter-spacing: .02em; text-decoration: none; color: #fff; background: linear-gradient(135deg, #2aa8dc, #5b7cff); border: 1px solid rgba(122,180,255,.4); box-shadow: 0 14px 34px -16px rgba(64,140,255,.6), inset 0 1px 0 rgba(255,255,255,.18); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__btn:hover { transform: translateY(-2px); filter: brightness(1.07); box-shadow: 0 20px 44px -18px rgba(64,140,255,.75), inset 0 1px 0 rgba(255,255,255,.2); } html[data-theme='dark'] body[data-page='ai'] .ai-connect__divider { display: flex; align-items: center; gap: 10px; margin: 3px 0; font: 700 9px/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; color: #8f8ca6; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__divider::before, html[data-theme='dark'] body[data-page='ai'] .ai-connect__divider::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(122,146,255,.28), transparent); } html[data-theme='dark'] body[data-page='ai'] .ai-connect__manager { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 12px 14px; border-radius: 14px; text-decoration: none; background: linear-gradient(135deg, rgba(122,92,255,.13), rgba(34,211,238,.07)); border: 1px solid rgba(122,92,255,.32); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); transition: transform .18s ease, border-color .18s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__manager:hover { transform: translateY(-2px); border-color: rgba(122,92,255,.55); } html[data-theme='dark'] body[data-page='ai'] .ai-connect__manager i { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; font-style: normal; font-size: 15px; color: #7fe6f4; background: linear-gradient(135deg, rgba(34,211,238,.2), rgba(122,92,255,.16)); border: 1px solid rgba(34,211,238,.35); } html[data-theme='dark'] body[data-page='ai'] .ai-connect__manager-av { width: 38px; height: 38px; border-radius: 12px; flex: 0 0 auto; display: block; box-shadow: 0 8px 22px -10px rgba(34,140,238,.55); } html[data-theme='dark'] body[data-page='ai'] .ai-connect__manager-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__manager-text b { font: 800 13px/1.2 'JetBrains Mono', ui-monospace, Consolas, monospace; color: #fff; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__manager-text small { font-size: 10.5px; color: #a7a6ba; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__manager em { font-style: normal; color: #7fe6f4; font-weight: 800; transition: transform .18s ease; } html[data-theme='dark'] body[data-page='ai'] .ai-connect__manager:hover em { transform: translateX(3px); } /* подсказка Ctrl+V в зоне загрузки */ html[data-theme='dark'] body[data-page='ai'] .kbd-hint { display: inline-block; padding: 1px 7px 2px; margin: 0 2px; border-radius: 6px; font: 700 10px/1.5 'JetBrains Mono', ui-monospace, Consolas, monospace; color: #7fe6f4; background: rgba(34,211,238,.1); border: 1px solid rgba(34,211,238,.35); box-shadow: inset 0 -1px 0 rgba(34,211,238,.25); vertical-align: baseline; } @media (max-width: 760px) { html[data-theme='dark'] body[data-page='ai'] .risk-plan__row { grid-template-columns: 34px 1fr 1fr 1.15fr; padding: 6px 9px; font-size: 10.5px; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__stake { font-size: 11px; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__row--head span:nth-child(2) { font-size: 8.5px; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__field input { font-size: 18px; } html[data-theme='dark'] body[data-page='ai'] .risk-plan__bank b { font-size: 15px; } }