/* BrainmaxAI royal-dark interface */
:root{
  --bg:#05091d;--surface:#0b1737;--card:#0a1531;--border:#20345d;
  --primary:#31d7e8;--primary-hover:#159eb4;--active:#0f8297;
  --text:#f2f7ff;--muted:#8296b5;--shadow:0 22px 65px rgba(0,3,18,.42);
}
html{color-scheme:dark;background:#05091d}
body{background:#05091d;color:var(--text)}
[hidden]{display:none!important}
button,a,label{touch-action:manipulation}

/* App frame and bottom navigation */
.app-body{min-height:100vh;background:radial-gradient(circle at 50% -20%,#172b68 0,#091332 38%,#05091d 72%);background-attachment:fixed}
.app-shell{min-height:100vh;margin-left:0;padding-bottom:88px}
.topbar{height:66px;padding:0 clamp(14px,3vw,34px);display:flex;align-items:center;justify-content:flex-start;gap:13px;border-bottom:1px solid rgba(111,152,224,.18);background:rgba(5,10,29,.84);box-shadow:0 8px 30px rgba(0,3,20,.2);backdrop-filter:blur(18px)}
.topbar-logo{width:39px;height:39px;flex:0 0 auto;overflow:hidden;border:1px solid rgba(74,213,231,.35);border-radius:12px;background:#07102a;box-shadow:0 0 20px rgba(45,207,226,.12)}
.topbar-logo img{width:100%;height:100%;display:block;object-fit:cover}
.topbar-title{margin-right:auto}.topbar h1{margin:0;color:#f3f7ff;font-size:18px;letter-spacing:-.35px}
.topbar-actions{gap:9px}.credit-pill{min-height:40px;padding:8px 12px;border:1px solid #20365f;border-radius:12px;background:#0a1735}.credit-pill span{color:#8295b1}.credit-pill strong{color:#58e8f2}
.user-chip{min-height:43px;padding:4px 8px 4px 5px;border:1px solid #213860;border-radius:13px;background:#0a1735;color:#eff7ff;cursor:pointer;transition:.18s ease}.user-chip:hover{border-color:#33889a;transform:translateY(-1px)}
.avatar{width:34px;height:34px;overflow:hidden;border:1px solid #2a5570;border-radius:10px;background:#071027}.avatar img,.profile-avatar-large img{width:100%;height:100%;display:block;object-fit:cover}.user-chip span{color:#7f91ac}
.page-content{width:100%;max-width:1420px;margin:0 auto;padding:22px clamp(14px,3vw,30px) 28px}
.bottom-nav{position:fixed;z-index:80;left:50%;bottom:12px;width:min(700px,calc(100% - 24px));height:68px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:7px;border:1px solid rgba(79,124,190,.3);border-radius:21px;background:rgba(7,14,37,.92);box-shadow:0 20px 60px rgba(0,2,16,.55),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(20px);transform:translateX(-50%)}
.bottom-nav-link{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid transparent;border-radius:14px;color:#7084a4;font-size:9px;font-weight:800;transition:.16s ease}
.bottom-nav-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav-link:hover{color:#dffcff;background:rgba(49,215,232,.06)}.bottom-nav-link.active{border-color:rgba(49,215,232,.27);background:#10254b;color:#59e7ef;box-shadow:inset 0 0 24px rgba(49,215,232,.05)}

/* Profile: centered hole expansion */
.profile-modal{place-items:center!important;padding:14px!important;perspective:900px}.profile-modal-backdrop{background:rgba(1,4,15,.72);backdrop-filter:blur(8px);opacity:0;transition:opacity .24s ease}.profile-modal-card{width:min(100%,430px);padding:21px;border:1px solid #29436e;border-radius:23px;background:#0a1530!important;color:#eff7ff;box-shadow:0 35px 100px rgba(0,2,18,.65);opacity:0;clip-path:circle(0 at 50% 50%);transform:scale(.84);transition:clip-path .34s cubic-bezier(.2,.8,.2,1),transform .34s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.profile-modal.is-open .profile-modal-backdrop{opacity:1}.profile-modal.is-open .profile-modal-card{opacity:1;clip-path:circle(78% at 50% 50%);transform:scale(1)}
.profile-modal-head{border-color:#20365d}.profile-close-button{border-color:#263b60;background:#101e3d;color:#8ea0ba}.profile-summary span{color:#8294ae}.profile-avatar-large{overflow:hidden;background:#07112a;box-shadow:0 0 24px rgba(49,215,232,.13)!important}.profile-info-grid{grid-template-columns:repeat(2,1fr)}.profile-info-grid article,.profile-info-grid article:nth-child(2){grid-column:auto;border-color:#21375e;background:#08132d}.profile-info-grid span{color:#7186a4}.profile-actions{display:grid;gap:8px;margin-top:15px}.profile-actions a{min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid #20365b;border-radius:12px;background:#091530;color:#dce8f8;font-size:12px;font-weight:800}.profile-actions a:hover{border-color:#2f7f91;background:#0c2041}.profile-actions .profile-logout{color:#ff8c96}

/* Dashboard */
.dashboard-modern{max-width:1220px}.dashboard-hero{min-height:350px;grid-template-columns:minmax(280px,.72fr) minmax(430px,1.28fr);gap:42px;padding:40px;border:1px solid #213861;border-radius:25px;background:#0a1634;box-shadow:var(--shadow)}
.dashboard-live-pill{border-color:rgba(62,206,142,.25);background:rgba(32,159,108,.1);color:#70dfa7}.dashboard-live-pill i{background:#48d28a}.dashboard-overline{margin:23px 0 8px;color:#7c91af}.dashboard-hero h2{color:#f4f7ff;font-size:clamp(35px,4vw,54px);letter-spacing:-2.2px}.dashboard-hero h2 span{color:#53dce8;text-shadow:none}.dashboard-primary-action{color:#021019;background:#40dbe8;box-shadow:0 12px 30px rgba(49,215,232,.17)}.dashboard-primary-action:hover{color:#021019;background:#67e8f0}
.dashboard-market-chart{padding:19px 19px 13px;border:1px solid #243c66;border-radius:20px;background:#08132d}.dashboard-chart-head,.dashboard-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}.dashboard-chart-head div span,.dashboard-chart-head div strong{display:block}.dashboard-chart-head div span{color:#7085a5;font-size:8px;font-weight:900;letter-spacing:1.2px}.dashboard-chart-head div strong{margin-top:5px;color:#eaf4ff;font-size:15px}.dashboard-chart-status{display:flex;align-items:center;gap:6px;color:#62d899;font-size:9px;font-weight:900}.dashboard-chart-status i{width:7px;height:7px;border-radius:50%;background:#54d48f;animation:chartPulse 1.7s infinite}
.dashboard-chart-canvas{height:220px;margin:10px -5px 3px}.dashboard-chart-canvas svg{width:100%;height:100%;overflow:visible}.chart-grid-lines{fill:none;stroke:#1e3152;stroke-width:1}.chart-area{fill:url(#chartArea);opacity:0;animation:chartAreaIn .8s .55s forwards}.chart-line-shadow,.chart-line{fill:none;stroke-linecap:round}.chart-line-shadow{stroke:#47dbe8;stroke-width:8;opacity:.13}.chart-line{stroke:#4adce8;stroke-width:3;stroke-dasharray:900;stroke-dashoffset:900;animation:drawChart 2.2s .2s forwards}.chart-live-dot{fill:#56e4ee;stroke:#08132d;stroke-width:3;opacity:0;animation:dotIn .2s 2.25s forwards,chartPulse 1.6s 2.5s infinite}.dashboard-chart-foot{padding-top:11px;border-top:1px solid #1d3153}.dashboard-chart-foot span{color:#7488a7;font-size:9px}.dashboard-chart-foot b{color:#dcecff}.dashboard-section-head>div>span{color:#50dbe7}.dashboard-tool-grid{gap:12px}.dashboard-tool-card{min-height:220px;padding:18px;border:1px solid #20365c;border-radius:19px;background:#0a1633;color:#eef7ff;box-shadow:0 16px 38px rgba(0,3,20,.18)}.dashboard-tool-card::before{display:none}.dashboard-tool-card:hover{color:#fff;transform:translateY(-4px);border-color:#2d7b8e}.dashboard-tool-icon{border-color:#244663;background:#0d2343;color:#52dce8;box-shadow:none}.dashboard-tool-label{margin-top:19px;background:#0d2945;color:#59dfe9}.dashboard-tool-card p{color:#8194b0}.dashboard-tool-link{border-color:#1d3153;color:#a9bbd0}

/* Analyzer viewport: selection/loading/result always fits */
.analysis-page{overflow:hidden}.analysis-page .app-shell{height:100dvh;min-height:0;padding-bottom:0}.analysis-page .page-content{height:calc(100dvh - 66px);max-width:1120px;display:flex;flex-direction:column;overflow:hidden;padding:10px 14px 82px}.analysis-page .market-tabs{flex:0 0 auto;margin-bottom:9px}
.market-tabs{min-height:43px;padding:4px;border:1px solid #223960;border-radius:13px;background:#08132c}.market-tab{padding:9px 17px;color:#8093af}.market-tab.active{background:#159eb4;color:#fff}
.live-signal-layout,.chart-analyser-layout{width:100%;max-width:1040px;min-width:0;min-height:0;flex:1;margin:0 auto}.live-signal-layout{display:flex;align-items:center;justify-content:center}.live-control-card,.live-result-card,.chart-upload-card,.chart-loading-card{border:1px solid #233b65!important;background:#0a1633!important;color:#f0f7ff;box-shadow:0 20px 60px rgba(0,3,20,.32)!important}.live-control-card{width:min(100%,660px);margin:0 auto;padding:24px;border-radius:20px}.live-control-head{padding-bottom:15px;border-color:#20365b}.live-control-head h2{margin:10px 0 0;color:#f0f7ff}.live-analysis-form{padding-top:16px}.live-field>span{color:#9bacc3}
.pair-select-shell{min-height:64px;padding:7px 11px!important;border:1px solid #243c63!important;border-radius:14px!important;background:#07122c!important;color:#eff7ff!important;text-align:left;cursor:pointer;box-shadow:none!important}.pair-select-shell:hover{border-color:#338397!important}.pair-select-shell>img{width:46px!important;height:46px!important;border-radius:12px!important;box-shadow:none!important}.pair-select-copy{display:grid;gap:2px;flex:1}.pair-select-copy small{color:#7186a5!important}.pair-select-copy strong{color:#eff8ff;font-size:13px}.pair-select-chevron{color:#7186a5!important}.live-analyse-btn,.btn-primary{min-height:47px;border-radius:12px;background:#159eb4;color:#fff;box-shadow:0 9px 24px rgba(21,158,180,.16)}
.live-result-card{width:100%;height:100%;min-height:0;padding:14px 16px;overflow:hidden;border-radius:20px}.live-result-card::before{display:none!important}.live-result-content{height:100%;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;gap:7px;animation:resultIn .35s ease both}.signal-result-head{min-height:51px;padding:0 0 8px;border-color:#20365b}.signal-pair-identity{align-items:center}.signal-direction-art{width:48px;height:48px;border-color:#244161!important;border-radius:14px;background:#0c213f!important;box-shadow:none!important}.signal-result-head h2{margin:3px 0 2px;color:#f1f7ff;font-size:23px}.signal-market-label{color:#7185a3;font-size:9px}.result-pair-icon{width:48px;height:48px;border-color:#284568!important;border-radius:14px;background:#08152f!important;box-shadow:none!important}.market-type-pill{border-color:#295168!important;background:#0c2944!important;color:#57dce7!important}
.direction-panel{min-height:91px;margin:0;padding:12px 14px;gap:13px;border-radius:15px;box-shadow:none!important}.direction-panel.direction-up{border-color:rgba(49,203,128,.38);background:#092a29;color:#45dd8c}.direction-panel.direction-down{border-color:rgba(236,82,96,.4);background:#301727;color:#ff6975}.direction-panel.direction-wait,.direction-panel.direction-null{border-color:rgba(231,187,64,.4);background:#2b2617;color:#f0c74d}.direction-icon{width:56px;height:56px;border-radius:15px;background:#07142e!important;box-shadow:none!important;font-size:30px}.direction-copy span{color:#8297b4;font-size:8px}.direction-copy strong{font-size:28px}.direction-copy small{font-size:9px}.direction-mini-chart{height:56px;border-color:#24425d}
.signal-context-row{display:flex;justify-content:flex-end;margin:0}.signal-context-row article{min-width:105px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:1px solid #22395d;border-radius:10px;background:#08142e}.signal-context-row span{color:#758aa8;font-size:8px;font-weight:900;text-transform:uppercase}.signal-context-row strong{color:#dceafa;font-size:11px}
.strength-card{margin:0;padding:10px 12px;border:1px solid #21385c;border-radius:12px;background:#08142d}.strength-heading span{color:#8194af;font-size:8px}.strength-heading strong{font-size:12px}.strength-track{height:7px;margin-top:7px;background:#111f3b}.signal-metric-grid{height:100%;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;margin:0}.signal-metric-grid article{min-height:0!important;padding:9px 11px!important;border:1px solid #21385c!important;border-radius:12px!important;background:#08142d!important}.signal-metric-grid article span{color:#778daa;font-size:8px}.signal-metric-grid article span i{width:17px;height:17px;background:#0c2944;color:#4fd9e5}.signal-metric-grid article strong{margin-top:5px;color:#f0f6ff;font-size:13px}.strength-very-weak,.trap-high,.trend-bearish{color:#ff6371!important}.strength-medium,.trap-medium,.trend-sideways{color:#f0c545!important}.strength-strong,.strength-very-strong,.trap-low,.trend-bullish{color:#43db8a!important}
.manipulation-preview{min-height:47px;display:grid;align-content:center;gap:4px;margin:0;padding:8px 11px;border:1px solid #504828;border-radius:12px;background:#201d14}.manipulation-preview span{color:#bda660;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.manipulation-preview strong{display:-webkit-box;overflow:hidden;color:#e5dcc1;font-size:10px;line-height:1.35;font-weight:650;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.live-result-actions,.chart-result-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px;margin:0;padding:0;border:0}.live-result-actions .btn,.chart-result-actions .btn{min-height:42px;padding:8px 10px;border-radius:11px;font-size:11px}.btn-logic{border:1px solid #218ea1!important;background:#117f94!important;color:#fff!important}.btn-secondary{border:1px solid #263d62;background:#101e3a;color:#b8c8dc}
.live-loading-state,.chart-loading-card{height:100%;min-height:0}.analysis-loader{position:relative;width:88px;height:70px;display:flex;align-items:flex-end;justify-content:center;gap:7px}.analysis-loader i{width:7px;height:25px;border-radius:4px;background:#36d6e5;animation:loaderBars 1.1s ease-in-out infinite}.analysis-loader i:nth-child(2){height:44px;animation-delay:.12s}.analysis-loader i:nth-child(3){height:31px;animation-delay:.24s}.analysis-loader i:nth-child(4){height:55px;animation-delay:.36s}.analysis-loader span{position:absolute;inset:0;border:1px solid #24516c;border-radius:18px;animation:loaderRing 1.7s ease-out infinite}

/* Chart upload occupies the available workspace without page scroll */
.chart-analyser-layout{display:flex;flex-direction:column}.chart-upload-form{height:100%;min-height:0}.chart-upload-card{height:100%;display:flex;flex-direction:column;padding:18px;border-radius:20px}.chart-upload-head h2{margin:8px 0 0;color:#f0f7ff;font-size:22px}.chart-dropzone{min-height:0;flex:1;margin-top:14px;padding:18px;border-color:#2b466b;background:#07132d}.chart-dropzone:hover,.chart-dropzone.is-dragging{border-color:#39bacc;background:#0a203c}.chart-upload-icon{width:62px;height:62px;border-color:#296079;background:#0c2947;color:#51dce8}.chart-dropzone strong{margin-top:13px;color:#f0f7ff}.chart-dropzone>span:not(.chart-upload-icon){color:#7f93af}.chart-analysis-stage{height:100%;min-height:0}.chart-loading-card{border-radius:20px}.chart-result-card{height:100%;padding:14px 16px!important}

/* Categorized one-pair-per-row picker */
.pair-picker-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:12px}.pair-picker-backdrop{position:absolute;inset:0;border:0;background:rgba(1,4,15,.78);backdrop-filter:blur(8px);opacity:0;transition:.2s}.pair-picker-panel{position:relative;z-index:1;width:min(100%,490px);max-height:min(720px,calc(100dvh - 24px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #29436d;border-radius:21px;background:#09142e;box-shadow:0 35px 100px rgba(0,2,16,.7);opacity:0;transform:translateY(10px) scale(.97);transition:.22s}.pair-picker-modal.is-open .pair-picker-backdrop{opacity:1}.pair-picker-modal.is-open .pair-picker-panel{opacity:1;transform:none}.pair-picker-panel header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #20365b}.pair-picker-panel header span{color:#4fdce7;font-size:8px;font-weight:900;letter-spacing:1px}.pair-picker-panel header h2{margin:4px 0 0;color:#f1f7ff;font-size:18px}.pair-picker-panel header button{width:34px;height:34px;border:1px solid #293f64;border-radius:10px;background:#101e3b;color:#8da0ba;font-size:21px}
.pair-category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:9px;border-bottom:1px solid #1e3355}.pair-category-tabs button{min-width:0;height:36px;padding:0 5px;border:1px solid transparent;border-radius:9px;background:transparent;color:#7085a4;font-size:9px;font-weight:850;white-space:nowrap;cursor:pointer}.pair-category-tabs button.is-active{border-color:#28687a;background:#102b4a;color:#57e0e9}
.pair-picker-list{display:grid;grid-template-columns:1fr;gap:7px;overflow:auto;padding:10px}.pair-picker-option{width:100%;min-height:62px;display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid #21385d;border-radius:13px;background:#0a1733;color:#eaf4ff;text-align:left;cursor:pointer}.pair-picker-option:hover{border-color:#317c8e;background:#0c2140}.pair-picker-option.is-selected{border-color:#35aebe;background:#0d2946}.pair-picker-option img{width:44px;height:44px;border-radius:11px}.pair-picker-option span{display:grid;gap:3px;flex:1}.pair-picker-option strong{font-size:11px}.pair-picker-option small{color:#7085a4;font-size:8px}.pair-picker-option i{width:23px;height:23px;display:none;place-items:center;border-radius:7px;background:#159eb4;color:#fff;font-size:10px;font-style:normal}.pair-picker-option.is-selected i{display:grid}.pair-category-empty{padding:48px 15px;text-align:center;color:#7185a3;font-size:11px}

/* Modals */
.signal-modal-backdrop{background:rgba(1,4,15,.78);backdrop-filter:blur(8px)}.signal-modal-panel{border-color:#29436e;background:#0a1530!important;color:#f0f7ff}.signal-modal-head{border-color:#20365c;background:#0a1530}.signal-modal-close{border-color:#293f65;background:#101e3b;color:#8fa1ba}.logic-block{border-color:#21385d;background:#08142d}.logic-block h3,.logic-block p{color:#dce7f5}.logic-block ul{color:#efd578}

/* Landing and login stay royal dark */
.landing-body{background:radial-gradient(circle at 72% 20%,#173276 0,#091538 38%,#05091d 74%);color:#f3f7ff}.landing-body::before{background-image:linear-gradient(rgba(99,149,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,149,218,.035) 1px,transparent 1px)}.landing-header{border-color:#1d3156;background:rgba(5,10,29,.82)}.landing-brand{color:#f4f8ff}.landing-brand-logo{border-color:#2b5775;background:#07112a;box-shadow:none}.landing-btn{border-color:#263e65;background:#0b1836;color:#dce9f8}.landing-btn-login{border:0;background:#159eb4;color:#fff;box-shadow:none}.landing-kicker,.landing-label{color:#55dce7}.landing-kicker{border-color:#245872;background:#0b2746}.landing-kicker i{background:#53e0e9}.landing-hero h1{color:#f4f7ff}.landing-hero h1 span{color:#53dce8;text-shadow:none}.landing-hero-copy>p{color:#91a3bd}.landing-cta{border-color:#294366;background:#0a1733;color:#e7f2ff}.landing-cta-primary{border:0;background:#37d4e3;color:#041018;box-shadow:0 14px 32px rgba(49,215,232,.15)}.landing-product,.landing-feature-card{border-color:#223a61;background:#0a1633;box-shadow:0 25px 70px rgba(0,2,17,.36)}.landing-product::before{opacity:.3}.product-metrics article{border-color:#1d3154;background:#07132c}.landing-feature-card p,.landing-section-head>p,.landing-community p{color:#8295b1}.landing-community{border-color:#27536e;background:#0a1c3b}.landing-footer{border-color:#1d3155}.group-popup-card{border-color:#29466f;background:#09142d;color:#f2f7ff}.group-popup-close{border-color:#293e61;background:#101d38;color:#879ab5}.group-popup-card>p{color:#8597b1}.group-popup-join{background:#159eb4;color:#fff}
.auth-body{background:#05091d}.auth-shell{grid-template-columns:minmax(400px,1.05fr) minmax(420px,.95fr)}.auth-visual{border-color:#1d3155;background:radial-gradient(circle at 25% 30%,#16306d,#091638 52%,#05091d);color:#f4f7ff}.auth-copy h1{color:#f4f7ff}.auth-copy p{color:#8fa1b9}.auth-chart-grid{stroke:#1d3154}.auth-chart-line{stroke:#4bd9e5}.auth-visual-chart circle{fill:#4bd9e5;stroke:#091638}.auth-panel{grid-template-columns:minmax(0,430px);background:#060b21}.auth-card{width:100%;min-width:0;border-color:#243c64;background:#0a1632!important;color:#f2f7ff;box-shadow:0 30px 80px rgba(0,2,18,.55)}.auth-tabs{background:#07132c}.auth-tab{color:#788ca9}.auth-tab.active{background:#10284a;color:#5adfe9;box-shadow:none}.auth-heading h2{color:#f2f7ff}.auth-heading p,.auth-switch{color:#8395af}.form-stack,.form-stack label,.password-field,.form-stack input{min-width:0}.form-stack label{color:#b4c3d6}.form-stack input{border-color:#243d64;background:#07132c;color:#f0f7ff}.form-stack input:focus{border-color:#37aebe;box-shadow:0 0 0 3px rgba(49,215,232,.1)}

.ui-click-particle{position:fixed;z-index:9999;width:var(--particle-size,5px);height:var(--particle-size,5px);border-radius:50%;background:#42d9e6;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 7px currentColor;animation:particleBurst 1.18s cubic-bezier(.15,.7,.2,1) forwards}
.analysis-page [data-market-tabs]{flex:0 0 auto!important;visibility:visible!important;opacity:1!important}
@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes chartAreaIn{to{opacity:1}}@keyframes dotIn{to{opacity:1}}@keyframes chartPulse{50%{opacity:.5;transform:scale(.92)}}@keyframes loaderBars{0%,100%{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes loaderRing{0%{transform:scale(.75);opacity:.8}100%{transform:scale(1.25);opacity:0}}@keyframes resultIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes particleBurst{to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.25)}}

@media(max-width:900px){.dashboard-hero{grid-template-columns:1fr;gap:25px}.dashboard-tool-grid{grid-template-columns:repeat(2,1fr)}.landing-hero{grid-template-columns:1fr}.auth-shell{display:block}.auth-visual{display:none}.auth-panel{min-height:100vh}}
@media(max-width:620px){.app-shell{padding-bottom:78px}.topbar{height:58px;padding:0 11px;gap:9px}.topbar-logo{width:35px;height:35px}.topbar h1{font-size:16px}.credit-pill{min-height:37px;padding:7px 9px}.credit-pill span{display:none}.user-chip{padding:3px}.user-chip>div:not(.avatar){display:none}.avatar{width:32px;height:32px}.page-content{padding:13px 10px 20px}.bottom-nav{bottom:7px;width:calc(100% - 14px);height:64px;padding:5px;border-radius:18px}.bottom-nav-link{gap:3px;border-radius:12px;font-size:8px}.bottom-nav-link svg{width:19px;height:19px}.dashboard-hero{padding:23px 18px;border-radius:21px}.dashboard-hero h2{font-size:36px}.dashboard-market-chart{padding:15px 12px}.dashboard-chart-canvas{height:185px}.dashboard-tool-grid{grid-template-columns:1fr}.dashboard-tool-card{min-height:205px}.analysis-page .page-content{height:calc(100dvh - 58px);padding:7px 8px 73px}.analysis-page .market-tabs{min-height:39px;margin-bottom:6px}.analysis-page .market-tab{padding:7px 10px;font-size:11px}.live-control-card{padding:17px}.live-result-card,.chart-result-card{padding:9px 10px!important;border-radius:16px}.live-result-content{gap:5px}.signal-result-head{min-height:44px;padding-bottom:5px}.signal-direction-art,.result-pair-icon{width:42px!important;height:42px!important;border-radius:12px}.signal-result-head h2{font-size:19px}.signal-market-label{display:none}.direction-panel{min-height:82px;padding:9px 11px}.direction-icon{width:50px;height:50px;font-size:27px}.direction-copy strong{font-size:25px}.direction-mini-chart{width:72px;height:48px}.signal-context-row article{min-width:90px;padding:5px 9px}.strength-card{padding:8px 10px}.signal-metric-grid{gap:5px}.signal-metric-grid article{padding:7px 9px!important}.signal-metric-grid article strong{font-size:12px}.manipulation-preview{min-height:43px;padding:6px 9px}.live-result-actions,.chart-result-actions{gap:6px}.live-result-actions .btn,.chart-result-actions .btn{min-height:38px;padding:6px;font-size:10px}.chart-upload-card{padding:13px}.chart-dropzone{margin-top:9px;padding:12px}.chart-upload-icon{width:54px;height:54px}.pair-picker-modal{padding:6px}.pair-picker-panel{max-height:calc(100dvh - 12px);border-radius:17px}.pair-category-tabs{gap:3px;padding:7px 6px}.pair-category-tabs button{height:34px;font-size:8px}.pair-picker-list{padding:7px}.profile-modal{align-items:center!important}.profile-modal-card{border-radius:21px!important}.landing-hero h1{font-size:clamp(41px,13vw,57px)}.auth-panel{grid-template-columns:minmax(0,1fr);padding:18px}.auth-card{max-width:calc(100vw - 36px)}}
@media(max-width:390px){.direction-mini-chart{display:none}.direction-panel{grid-template-columns:auto minmax(0,1fr)!important}.signal-result-head .eyebrow{font-size:7px}.signal-metric-grid article span{font-size:7px}.pair-category-tabs button{font-size:7px}.bottom-nav-link span{font-size:7px}}
@media(max-height:720px){.analysis-page .page-content{padding-top:5px}.signal-direction-art,.result-pair-icon{width:38px!important;height:38px!important}.direction-panel{min-height:70px}.direction-icon{width:44px;height:44px}.strength-card{padding-block:6px}.manipulation-preview{min-height:38px}.live-result-actions .btn,.chart-result-actions .btn{min-height:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ui-click-particle{display:none}}

/* Compact result composition: no stretched metric cards */
.live-result-card,.chart-result-card{height:100%;max-height:100%}
.live-result-content{height:100%;align-content:center;grid-template-rows:auto auto auto auto 138px auto auto}
.chart-analysis-stage{display:flex;align-items:center;flex:1}
.chart-analysis-stage .chart-result-card{align-self:stretch;flex:1}
.chart-analysis-stage .chart-loading-card{width:100%;height:100%}
@media(max-width:620px){.live-result-content{grid-template-rows:auto auto auto auto 126px auto auto}}
@media(max-width:390px){.pair-category-tabs button{font-size:8px}}
@media(max-height:720px){.live-result-content{grid-template-rows:auto auto auto auto 108px auto auto}}

/* Exact result hierarchy without stretching the four metric cards. */
.live-result-content{align-content:space-between;grid-template-rows:auto auto auto auto auto auto}
.live-result-actions,.chart-result-actions{grid-template-columns:1fr!important;align-self:end}
.signal-metric-grid{height:auto;min-height:0;grid-template-rows:repeat(2,minmax(58px,auto))}
.live-result-actions .btn,.chart-result-actions .btn{width:100%}

/* Flat royal-dark Future Signal */
.future-control-card,.future-result-card,.future-signal-item,.future-result-stats span{
  background:#0a1633!important;background-image:none!important;border-color:#213961!important;box-shadow:0 18px 48px rgba(0,3,20,.25)!important;
}
.future-control-head{border-color:#20365b}.future-control-head h2,.future-result-head h2{color:#f1f7ff}.future-control-head p{color:#8295b2}.future-orb{border-color:#28566f;background:#0c2946;color:#54dde8}
.future-field select,.future-field input,.selected-pair-box{border-color:#243c63;background:#07132d;color:#edf7ff}.future-field select:focus,.future-field input:focus{border-color:#38aebe;box-shadow:0 0 0 3px rgba(49,215,232,.1)}
.selected-pair-list{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-pair-chip{border-color:#2b6375;background:#0d2946;color:#e4fbff}.selected-pair-chip button{background:#321c2c;color:#ff8e99}.future-filter-row{border-color:#243c63;background:#08152f}.future-filter-row i{border-color:#2b456c;background:#10203d}.future-filter-row input:checked+i{border-color:#35bccd;background:#159eb4}.future-result-card{background:#09152f!important}.future-empty-icon{border-color:#263e64;background:#0d1d3a;color:#7186a5}.future-result-head,.future-copy-area{border-color:#20365b}.future-signal-order{background:#10223f;color:#8599b6}.future-generate-btn{background:#159eb4}

/* Flat royal-dark Money Management */
.mm-hero,.mm-panel,.mm-next-card,.mm-metrics article,.mm-step-card,.mm-log-item,.mm-table td{
  background:#0a1633!important;background-image:none!important;border-color:#213961!important;box-shadow:0 16px 44px rgba(0,3,20,.23)!important;
}
.mm-hero{border-color:#253f69!important}.mm-hero::before,.mm-next-card::before{display:none!important}.mm-next-card:after{opacity:.35}.mm-field input,.mm-field select{border-color:#243c63;background:#07132d;color:#edf7ff}.mm-field input:focus,.mm-field select:focus{border-color:#38aebe;box-shadow:0 0 0 3px rgba(49,215,232,.1)}.mm-section-head{border-color:#20365b}.mm-step-card.active,.mm-table tr.active td{border-color:#2c8293!important;background:#0d2946!important}.mm-risk-badge{border-color:#263f67}.mm-action-grid .btn{min-height:45px}
@media(max-width:620px){.selected-pair-list{grid-template-columns:1fr}.future-control-card,.future-result-card{padding:15px}.future-form{gap:13px}.mm-action-grid{position:sticky;z-index:12;bottom:78px;padding:7px;border:1px solid #253f67;border-radius:13px;background:rgba(7,19,45,.94);backdrop-filter:blur(14px)}}

/* Keep the management workspace inside the physical mobile viewport. */
.mm-shell,.mm-layout,.mm-workspace,.mm-panel,.mm-table-wrap{min-width:0;max-width:100%}
.mm-table-wrap{width:100%;overscroll-behavior-inline:contain}
@media(max-width:620px){
  .mm-shell{width:100%;overflow:clip}
  .mm-table-wrap{overflow-x:auto}
  .mm-action-grid{position:static;width:100%;padding:0;border:0;background:transparent;backdrop-filter:none}
}

/* Flat interactive states on Future and Money pages. */
.future-generate-btn,.future-generate-btn:hover,.future-generate-btn:active{
  background:#159eb4!important;background-image:none!important;box-shadow:none!important
}
.mm-shell .btn,.mm-shell .btn:hover,.mm-shell .btn:active{
  background-image:none!important;box-shadow:none!important
}
.mm-shell .btn-primary,.mm-shell .btn-primary:hover{background:#159eb4!important}

/* Separated analyzer surfaces: switcher, result and reset action. */
.analysis-page .market-tabs{
  position:relative;isolation:isolate;padding:5px;border-color:#29466f;
  background:#07142f;box-shadow:0 8px 22px rgba(0,3,20,.24),inset 0 1px rgba(255,255,255,.025)
}
.analysis-page .market-tab{border:1px solid transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.analysis-page .market-tab:hover{border-color:#294b70;background:#0c1d3b;color:#d9e8f8}
.analysis-page .market-tab.active{border-color:#35adbc;background:#159eb4;box-shadow:0 5px 14px rgba(21,158,180,.18)}
.live-signal-layout{flex-direction:column;align-items:stretch;justify-content:center;gap:6px}
.live-signal-layout>.live-result-card{height:auto;flex:1 1 auto}
.chart-analysis-stage{flex-direction:column;align-items:stretch;gap:6px}
.chart-analysis-stage .chart-result-card{height:auto;flex:1 1 auto}
.analysis-reset-action{
  flex:0 0 auto;width:100%;padding:4px;border:1px solid #263f67;border-radius:13px;
  background:#08142d;box-shadow:0 8px 22px rgba(0,3,20,.2)
}
.analysis-reset-action .btn{
  width:100%;min-height:36px;padding:7px 12px;border-color:#304b75;background:#101f3d;
  color:#c5d3e5;font-size:10px
}
.analysis-reset-action .btn:hover{border-color:#3c638f;background:#142846;color:#fff;transform:translateY(-1px)}

/* Modern, legible metric cards with purpose-built icons. */
.signal-metric-grid article{
  position:relative;overflow:hidden;background:#091731!important;border-color:#263f67!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .16s ease,background-color .16s ease,transform .16s ease
}
.signal-metric-grid article::before{
  content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:0 3px 3px 0;background:var(--metric-accent,#55dbe6)
}
.signal-metric-grid article:hover{border-color:#365a84!important;background:#0b1b38!important;transform:translateY(-1px)}
.signal-metric-grid article span{gap:7px!important;color:#8da0ba!important}
.signal-metric-grid article span .metric-icon{
  width:22px;height:22px;border:1px solid color-mix(in srgb,var(--metric-accent,#55dbe6) 35%,transparent);
  border-radius:7px;background:color-mix(in srgb,var(--metric-accent,#55dbe6) 11%,#091731)!important;
  color:var(--metric-accent,#55dbe6)!important
}
.metric-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.signal-metric-grid article strong{padding-left:1px;font-weight:850;letter-spacing:-.1px}
.signal-metric-grid .metric-trend{--metric-accent:#46dce7}
.signal-metric-grid .metric-trap{--metric-accent:#ff6877}
.signal-metric-grid .metric-support{--metric-accent:#42d995}
.signal-metric-grid .metric-resistance{--metric-accent:#a88cff}
@media(max-width:620px){
  .analysis-page .market-tabs{padding:4px}
  .analysis-reset-action{padding:3px;border-radius:12px}
  .analysis-reset-action .btn{min-height:34px}
  .signal-metric-grid article span .metric-icon{width:20px;height:20px}
  .metric-icon svg{width:12px;height:12px}
}

/* Dense mobile result rhythm: use the height for content, not empty gaps. */
.analysis-loader{width:118px;height:94px;gap:9px}
.analysis-loader i{width:9px;height:34px}
.analysis-loader i:nth-child(2){height:59px}
.analysis-loader i:nth-child(3){height:43px}
.analysis-loader i:nth-child(4){height:72px}
.analysis-loader span{border-width:2px;border-radius:24px;box-shadow:0 0 30px rgba(54,214,229,.13)}
.live-loading-state strong,.chart-loading-card strong{margin-top:14px;font-size:18px}
.live-loading-state span,.chart-loading-card span{margin-top:5px}
@media(max-width:620px){
  .analysis-page .market-tabs{margin-bottom:26px}
  .live-signal-layout,.chart-analysis-stage{gap:23px}
  .live-signal-layout.is-analyzing .analysis-reset-action[hidden],
  .chart-analyser-layout.is-analyzing .analysis-reset-action[hidden]{display:block!important;visibility:hidden;pointer-events:none}
  .live-result-content{
    align-content:center;gap:6px;
    grid-template-rows:auto minmax(72px,auto) auto minmax(44px,auto) 113px auto
  }
  .direction-panel{min-height:72px}
  .strength-card{min-height:44px;display:grid;align-content:center}
  .signal-metric-grid{grid-template-rows:repeat(2,54px)}
  .live-result-actions .btn,.chart-result-actions .btn{min-height:36px}
  .analysis-loader{width:124px;height:100px}
}

/* Compact trading rule above analyzer market switching. */
.analysis-guidance{
  flex:0 0 auto;min-height:44px;display:flex;align-items:center;gap:10px;margin-bottom:7px;
  padding:7px 11px;border:1px solid #2d466b;border-radius:13px;background:#0a1732;
  box-shadow:0 8px 22px rgba(0,3,20,.18)
}
.analysis-guidance-icon{
  width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #765f28;
  border-radius:9px;background:#282315;color:#f0c84d
}
.analysis-guidance-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.analysis-guidance>span:last-child{min-width:0;display:grid;gap:2px}
.analysis-guidance strong{color:#e8f2ff;font-size:10px;line-height:1.15;letter-spacing:.15px}
.analysis-guidance small{color:#91a2b9;font-size:8px;line-height:1.15}
@media(max-width:620px){
  .analysis-page .page-content{padding-bottom:88px}
  .analysis-guidance{min-height:40px;margin-bottom:5px;padding:5px 9px;border-radius:12px}
  .analysis-guidance-icon{width:26px;height:26px;border-radius:8px}
  .analysis-page .market-tabs{height:clamp(40px,5dvh,48px);min-height:clamp(40px,5dvh,48px);margin-bottom:8px}
  .live-signal-layout,.chart-analysis-stage{gap:12px}
}

/* Fill result-card space with useful content instead of dead top/bottom areas. */
.live-result-content{
  align-content:stretch;
  grid-template-rows:auto auto auto auto auto minmax(44px,1fr) auto
}
.manipulation-preview{
  min-height:0;display:grid;align-content:center;gap:3px;margin:0;padding:6px 10px;
  overflow:hidden;border:1px solid #4a4227;border-radius:11px;background:#1b1a15
}
.manipulation-preview span{color:#c7ae5e;font-size:7px;font-weight:900;letter-spacing:.65px;text-transform:uppercase}
.manipulation-preview strong{
  display:-webkit-box;overflow:hidden;color:#e8e0c8;font-size:9px;line-height:1.3;font-weight:650;
  -webkit-box-orient:vertical;-webkit-line-clamp:2
}
@media(max-width:620px){
  .live-result-content{
    align-content:stretch;gap:4px;
    height:auto;grid-template-rows:55px 74px 27px 41px 105px 46px 37px
  }
  .live-result-card,.chart-result-card{padding:8px 9px!important}
  .live-signal-layout>.live-result-card:not([hidden]),
  .chart-analysis-stage>.chart-result-card:not([hidden]){height:auto;flex:0 0 auto}
  .live-signal-layout.is-analyzing>.live-result-card:not([hidden]){flex:1 1 auto}
  .signal-result-head{height:55px;min-height:55px;align-items:center;overflow:hidden}
  .direction-panel{height:74px;min-height:74px;max-height:74px;padding:7px 10px}
  .signal-context-row article{min-height:27px;padding-block:5px}
  .strength-card{min-height:41px;padding-block:5px}
  .signal-metric-grid{grid-template-rows:repeat(2,50px)}
  .signal-metric-grid article{padding:4px 9px!important}
  .signal-metric-grid article span .metric-icon{width:18px;height:18px}
  .signal-metric-grid article strong{margin-top:0}
  .manipulation-preview{height:46px;grid-template-columns:1fr;align-content:center;gap:2px;padding:5px 9px}
  .live-result-actions .btn,.chart-result-actions .btn{min-height:37px}
}

/* Reference-density mobile spacing: compact stack, unused room stays outside cards. */
@media(max-width:620px){
  .analysis-guidance{min-height:34px;height:34px;margin-bottom:3px;padding:4px 8px;gap:7px}
  .analysis-guidance-icon{width:24px;height:24px;border-radius:7px}
  .analysis-guidance-icon svg{width:12px;height:12px}
  .analysis-guidance strong{font-size:9px}
  .analysis-guidance small{font-size:7px}
  .analysis-page .market-tabs{min-height:40px;height:40px;margin-bottom:6px;padding:3px}
  .analysis-page .market-tab{padding:7px 10px}
  .live-signal-layout,.chart-analysis-stage{justify-content:flex-start;gap:7px}
  .analysis-reset-action{height:42px;padding:2px}
  .analysis-reset-action .btn{min-height:36px;padding-block:6px}
}

/* Final analyzer order: tabs, pair, signal, strength, metrics, logic, reset. */
.live-result-content{grid-template-rows:auto auto auto auto minmax(0,1fr) auto}
@media(max-width:620px){
  .analysis-page .market-tabs{height:clamp(40px,5dvh,48px);min-height:clamp(40px,5dvh,48px);margin-bottom:8px}
  .live-result-content{
    height:100%;align-content:stretch;gap:6px;
    grid-template-rows:minmax(60px,.9fr) minmax(86px,1.25fr) minmax(27px,.4fr) minmax(44px,.65fr) minmax(135px,2fr) minmax(42px,.65fr)
  }
  .live-signal-layout>.live-result-card:not([hidden]),
  .chart-analysis-stage>.chart-result-card:not([hidden]){
    height:clamp(442px,calc(100dvh - 275px),650px);flex:0 0 auto
  }
  .live-result-card,.chart-result-card{padding:8px 9px!important}
  .signal-result-head{height:100%;min-height:60px}
  .direction-panel{height:100%;min-height:86px;max-height:none;padding:9px 11px}
  .signal-context-row,.signal-context-row article{height:100%}
  .signal-context-row article{min-height:27px;padding-block:5px}
  .strength-card{height:100%;min-height:44px;padding-block:6px}
  .signal-metric-grid{height:100%;grid-template-rows:repeat(2,minmax(0,1fr))}
  .signal-metric-grid article{padding:7px 9px!important}
  .signal-metric-grid article span .metric-icon{width:20px;height:20px}
  .live-result-actions,.chart-result-actions{height:100%}
  .live-result-actions .btn,.chart-result-actions .btn{height:100%;min-height:42px}
  .live-signal-layout,.chart-analysis-stage{gap:clamp(10px,1.4dvh,14px)}
  .analysis-reset-action{height:clamp(44px,5.5dvh,52px);padding:2px}
  .analysis-reset-action .btn{height:100%;min-height:38px}
}

@media(max-width:620px) and (min-height:800px){
  .signal-direction-art,.result-pair-icon{width:46px!important;height:46px!important}
  .signal-result-head h2{font-size:21px}
  .direction-icon{width:58px;height:58px;font-size:31px}
  .direction-copy strong{font-size:29px}
  .strength-card{padding:9px 11px}
  .signal-metric-grid article{padding:9px 11px!important}
  .signal-metric-grid article strong{font-size:14px}
  .analysis-reset-action .btn{font-size:11px}
}

/* Electric-cyan analyzer result experience. */
.analysis-page .live-result-content{
  font-family:Inter,"Avenir Next","Segoe UI Variable",ui-sans-serif,system-ui,sans-serif
}
.analysis-page .signal-result-head .eyebrow,
.analysis-page .direction-copy span,
.analysis-page .strength-heading span,
.analysis-page .signal-metric-grid article span,
.analysis-page .signal-context-row span{
  font-weight:800;letter-spacing:1.1px
}
.analysis-page .signal-pair-title h2,
.analysis-page .direction-copy strong,
.analysis-page .signal-metric-grid article strong,
.analysis-page .strength-heading strong{
  font-variant-numeric:tabular-nums;font-feature-settings:"ss01" 1,"cv02" 1;
  letter-spacing:-.35px
}

.analysis-page .market-tab.active,
.analysis-page .live-analyse-btn,
.analysis-page .btn-logic,
.analysis-page .analysis-reset-action .btn{
  border:1px solid #76fbff!important;background:#00ddea!important;color:#00151a!important;
  font-weight:850;letter-spacing:.18px;line-height:1.25;
  box-shadow:inset 0 1px rgba(255,255,255,.42),inset 0 -1px rgba(0,56,64,.2),0 0 0 1px rgba(0,247,255,.08),0 8px 22px rgba(0,221,234,.18)!important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease
}
.analysis-page .market-tab.active:hover,
.analysis-page .live-analyse-btn:hover,
.analysis-page .btn-logic:hover,
.analysis-page .analysis-reset-action .btn:hover{
  border-color:#bafcff!important;background:#16f1fb!important;color:#00151a!important;
  box-shadow:inset 0 1px rgba(255,255,255,.52),inset 0 -1px rgba(0,56,64,.18),0 0 0 1px rgba(0,247,255,.14),0 9px 28px rgba(0,247,255,.3)!important;transform:translateY(-1px)
}
.analysis-page .market-tab.active:active,
.analysis-page .live-analyse-btn:active,
.analysis-page .btn-logic:active,
.analysis-page .analysis-reset-action .btn:active{transform:translateY(0) scale(.985)}
.analysis-page .live-analyse-btn,
.analysis-page .btn-logic,
.analysis-page .analysis-reset-action .btn{font-size:13px}
.analysis-page .btn-logic,
.analysis-page .analysis-reset-action .btn{position:relative;gap:10px;isolation:isolate}
.analysis-page .action-button-icon{
  width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(0,33,39,.22);
  border-radius:8px;background:#08c2cf;color:#00242a;box-shadow:inset 0 1px rgba(255,255,255,.25)
}
.analysis-page .action-button-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.analysis-page .action-button-label{font-size:inherit;line-height:1.2;text-shadow:0 1px rgba(255,255,255,.18)}
.analysis-page .analysis-reset-action{border-color:rgba(0,247,255,.34);background:#061a31;box-shadow:0 0 22px rgba(0,247,255,.08)}

.signal-arrow{width:43px;height:43px;overflow:visible;fill:none;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.signal-arrow-ring{stroke:currentColor;stroke-width:1.25;opacity:.2;stroke-dasharray:4 5}
.signal-arrow-line,.signal-arrow-head{stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor)}
.signal-skip-mark{display:none;font-size:28px;font-weight:900;line-height:1}
.direction-down .signal-arrow{transform:rotate(180deg)}
.direction-wait .signal-arrow,.direction-null .signal-arrow{display:none}
.direction-wait .signal-skip-mark,.direction-null .signal-skip-mark{display:block}

.live-result-content.is-result-revealing{animation:signalResultReveal .5s cubic-bezier(.16,1,.3,1) both}
.live-result-content.is-result-revealing .signal-result-head,
.live-result-content.is-result-revealing .direction-panel,
.live-result-content.is-result-revealing .signal-context-row,
.live-result-content.is-result-revealing .strength-card,
.live-result-content.is-result-revealing .signal-metric-grid,
.live-result-content.is-result-revealing .live-result-actions,
.live-result-content.is-result-revealing .chart-result-actions{
  animation:signalItemReveal .48s cubic-bezier(.16,1,.3,1) both
}
.live-result-content.is-result-revealing .direction-panel{animation-delay:.07s}
.live-result-content.is-result-revealing .signal-context-row{animation-delay:.12s}
.live-result-content.is-result-revealing .strength-card{animation-delay:.16s}
.live-result-content.is-result-revealing .signal-metric-grid{animation-delay:.21s}
.live-result-content.is-result-revealing .live-result-actions,
.live-result-content.is-result-revealing .chart-result-actions{animation-delay:.27s}
.live-result-content.is-result-revealing .signal-arrow{animation:signalArrowLand .7s .2s cubic-bezier(.16,1,.3,1) both}
.live-result-content.is-result-revealing .direction-down .signal-arrow{animation-name:signalArrowLandDown}
.live-result-content.is-result-revealing .direction-mini-chart i{animation:signalCandleWake .58s ease-out both}
.live-result-content.is-result-revealing .direction-mini-chart i:nth-child(2){animation-delay:.08s}
.live-result-content.is-result-revealing .direction-mini-chart i:nth-child(3){animation-delay:.13s}
.live-result-content.is-result-revealing .direction-mini-chart i:nth-child(4){animation-delay:.18s}
.live-result-content.is-result-revealing .direction-mini-chart i:nth-child(5){animation-delay:.23s}
.live-result-content.is-result-revealing .strength-fill{transition:width .9s .22s cubic-bezier(.16,1,.3,1)}

@keyframes signalResultReveal{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@keyframes signalItemReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes signalArrowLand{0%{opacity:0;transform:translateY(12px) scale(.72)}65%{transform:translateY(-2px) scale(1.06)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes signalArrowLandDown{0%{opacity:0;transform:rotate(180deg) translateY(12px) scale(.72)}65%{transform:rotate(180deg) translateY(-2px) scale(1.06)}100%{opacity:1;transform:rotate(180deg) translateY(0) scale(1)}}
@keyframes signalCandleWake{from{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}

@media(prefers-reduced-motion:reduce){
  .live-result-content.is-result-revealing,
  .live-result-content.is-result-revealing>* ,
  .live-result-content.is-result-revealing .signal-arrow,
  .live-result-content.is-result-revealing .direction-mini-chart i{animation:none!important}
}

@media(max-width:620px){
  .analysis-page .live-analyse-btn,
  .analysis-page .btn-logic,
  .analysis-page .analysis-reset-action .btn{font-size:12px}
  .analysis-page .action-button-icon{width:25px;height:25px;border-radius:7px}
  .analysis-page .action-button-icon svg{width:15px;height:15px}
}

/* Site-wide electric-cyan controls. */
:root{--electric-cyan:#00e7f0;--electric-cyan-hot:#20f7ff;--electric-ink:#00191d}
.btn.btn,
.landing-btn.landing-btn,
.landing-cta.landing-cta,
.group-popup-join.group-popup-join,
.group-popup-later.group-popup-later,
.auth-tab.auth-tab,
.market-tab.market-tab.active,
.profile-actions a,
.profile-help-button.profile-help-button{
  border:1px solid #75fbff!important;background:#00e7f0!important;color:var(--electric-ink)!important;
  font-weight:850;letter-spacing:.15px;text-shadow:0 1px rgba(255,255,255,.2);
  box-shadow:inset 0 1px rgba(255,255,255,.48),inset 0 -1px rgba(0,51,59,.2),0 0 0 1px rgba(0,247,255,.07),0 8px 22px rgba(0,231,240,.18)!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease
}
.btn.btn:hover,
.landing-btn.landing-btn:hover,
.landing-cta.landing-cta:hover,
.group-popup-join.group-popup-join:hover,
.group-popup-later.group-popup-later:hover,
.auth-tab.auth-tab:hover,
.market-tab.market-tab.active:hover,
.profile-actions a:hover,
.profile-help-button.profile-help-button:hover{
  border-color:#c4feff!important;background:var(--electric-cyan-hot)!important;color:#001317!important;
  box-shadow:inset 0 1px rgba(255,255,255,.58),inset 0 -1px rgba(0,51,59,.16),0 0 0 1px rgba(0,247,255,.14),0 0 26px rgba(0,247,255,.34)!important;
  transform:translateY(-1px)
}
.btn.btn:focus-visible,
.landing-btn.landing-btn:focus-visible,
.landing-cta.landing-cta:focus-visible,
.auth-tab.auth-tab:focus-visible,
.market-tab.market-tab:focus-visible{
  outline:2px solid #b7fdff;outline-offset:3px
}
.btn.btn:disabled,.btn.btn[aria-disabled="true"]{opacity:.46;box-shadow:none!important;transform:none!important}

/* Inactive selectors remain readable while carrying the same electric system. */
.market-tab.market-tab:not(.active),
.pair-category-tabs button,
.mm-text-button.mm-text-button,
.pair-select-shell.pair-select-shell,
.signal-modal-close.signal-modal-close,
.profile-close-button.profile-close-button,
.group-popup-close.group-popup-close,
.icon-btn.icon-btn{
  border-color:rgba(0,247,255,.48)!important;background:#072535!important;color:#67f9ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 14px rgba(0,247,255,.08)!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease
}
.market-tab.market-tab:not(.active):hover,
.pair-category-tabs button:hover,
.pair-category-tabs button.is-active,
.mm-text-button.mm-text-button:hover,
.pair-select-shell.pair-select-shell:hover,
.signal-modal-close.signal-modal-close:hover,
.profile-close-button.profile-close-button:hover,
.group-popup-close.group-popup-close:hover,
.icon-btn.icon-btn:hover{
  border-color:#6dfaff!important;background:#0a3947!important;color:#d3feff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 20px rgba(0,247,255,.18)!important
}

.is-electric-clicked{
  animation:electricControlPulse .52s cubic-bezier(.2,.75,.25,1) both!important;will-change:transform,filter,box-shadow
}
@keyframes electricControlPulse{
  0%{transform:scale(1);filter:brightness(1)}
  18%{transform:scale(.965);filter:brightness(1.2) drop-shadow(0 0 5px #baffff) drop-shadow(0 0 9px #00f7ff)}
  44%{transform:scale(1.018);filter:brightness(1.08) drop-shadow(0 0 7px #8cfdff) drop-shadow(0 0 15px rgba(0,247,255,.72))}
  72%{transform:scale(.993);filter:brightness(1.04) drop-shadow(0 0 5px #00f7ff) drop-shadow(0 0 10px rgba(0,247,255,.42))}
  100%{transform:scale(1);filter:brightness(1)}
}

@media(prefers-reduced-motion:reduce){.is-electric-clicked{animation:none!important}}

/* Modern bottom navigation: Analyzer and Live stay visually discoverable. */
.bottom-nav{
  overflow:visible;gap:7px;padding:7px 8px 6px;border-color:rgba(195,246,255,.14);background:rgba(7,18,40,.10);
  box-shadow:0 18px 58px rgba(0,2,16,.32),inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(0,231,240,.035),0 0 0 1px rgba(7,25,48,.14);
  -webkit-backdrop-filter:blur(34px) saturate(190%);backdrop-filter:blur(34px) saturate(190%)
}
.bottom-nav::before{
  content:"";position:absolute;z-index:0;inset:1px;border:1px solid transparent;border-top-color:rgba(255,255,255,.14);
  border-radius:19px;box-shadow:inset 13px 0 22px rgba(107,231,255,.025),inset -13px 0 22px rgba(144,112,255,.025);pointer-events:none
}
.bottom-nav::after{
  content:"";position:absolute;z-index:0;left:11%;right:11%;top:1px;height:1px;border-radius:50%;
  background:rgba(219,253,255,.36);box-shadow:0 0 11px rgba(105,240,255,.18);pointer-events:none
}
.bottom-nav-link{z-index:1;overflow:visible;isolation:isolate;gap:3px;letter-spacing:.08px;background:transparent}
.bottom-nav-icon{
  position:relative;width:30px;height:29px;display:grid;place-items:center;border:1px solid transparent;
  border-radius:10px;background:transparent;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease
}
.bottom-nav-icon svg{width:20px;height:20px}
.bottom-nav-label{display:block;line-height:1;white-space:nowrap;transition:color .2s ease,transform .2s ease}
.bottom-nav-analyzer{color:#8ca8c7}
.bottom-nav-analyzer .bottom-nav-icon{
  border-color:rgba(0,231,240,.22);background:#081d34;box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 14px rgba(0,0,0,.22)
}
.bottom-nav-max-badge{
  position:absolute;right:-7px;top:-5px;min-width:15px;height:11px;padding:0 3px;display:grid;place-items:center;
  border:1px solid #4cf8ff;border-radius:5px;background:#07323d;color:#9ffcff;font-style:normal;font-size:5.5px;
  font-weight:950;line-height:1;letter-spacing:.25px;box-shadow:0 0 10px rgba(0,247,255,.28)
}
.bottom-nav-live-dot{
  position:absolute;right:-4px;top:-3px;width:7px;height:7px;border:2px solid #09203a;border-radius:50%;
  background:#00f7ff;box-shadow:0 0 0 2px rgba(0,247,255,.12),0 0 9px #00f7ff;animation:bottomNavLivePulse 1.8s ease-out infinite
}
.bottom-nav-link:hover .bottom-nav-icon{transform:translateY(-1px);border-color:rgba(0,247,255,.48);background:#0a2b3d}
.bottom-nav-analyzer{
  --nav-lift:-10px;height:62px;align-self:end;transform:translateY(var(--nav-lift));border-color:rgba(119,244,255,.3);border-radius:17px;
  background:rgba(7,29,53,.56);box-shadow:0 8px 24px rgba(0,3,16,.3),inset 0 1px rgba(255,255,255,.09),0 0 0 1px rgba(0,231,240,.04)
}
.bottom-nav-analyzer:hover{transform:translateY(-11px);border-color:rgba(71,247,255,.52);background:rgba(8,39,57,.66)}
.bottom-nav-link.active{
  border-color:#5ff9ff;background:transparent;color:#7dfaff;
  box-shadow:inset 0 0 0 1px rgba(0,247,255,.08),0 0 11px rgba(0,231,240,.14)
}
.bottom-nav-link.active::before{display:none}
.bottom-nav-link.active .bottom-nav-icon{
  border-color:transparent;background:transparent;color:#7dfaff;box-shadow:none
}
.bottom-nav-link.active .bottom-nav-label{font-weight:950;color:#7dfaff;transform:translateY(1px)}
.bottom-nav-analyzer.active{--nav-lift:-12px;transform:translateY(var(--nav-lift));border-color:#8bfcff;background:rgba(7,29,53,.56);color:#bafcff;box-shadow:0 9px 25px rgba(0,3,16,.34),inset 0 0 0 1px rgba(0,247,255,.08),0 0 15px rgba(0,247,255,.13)}
.bottom-nav-analyzer.active .bottom-nav-icon{border-color:rgba(0,231,240,.3);background:#081d34;color:#9ffcff;box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 14px rgba(0,0,0,.22)}
.bottom-nav-analyzer.is-electric-clicked{animation:bottomNavElectricPulse .52s cubic-bezier(.2,.75,.25,1) both!important}

@keyframes bottomNavLivePulse{
  0%,45%{box-shadow:0 0 0 0 rgba(0,247,255,.55),0 0 7px #00f7ff}
  80%,100%{box-shadow:0 0 0 6px rgba(0,247,255,0),0 0 11px #00f7ff}
}
@keyframes bottomNavElectricPulse{
  0%{transform:translateY(var(--nav-lift)) scale(1);filter:brightness(1)}
  18%{transform:translateY(var(--nav-lift)) scale(.965);filter:brightness(1.2) drop-shadow(0 0 7px #00f7ff)}
  48%{transform:translateY(var(--nav-lift)) scale(1.025);filter:brightness(1.09) drop-shadow(0 0 15px rgba(0,247,255,.72))}
  100%{transform:translateY(var(--nav-lift)) scale(1);filter:brightness(1)}
}

@media(max-width:620px){
  .bottom-nav{height:68px;padding:6px 5px 5px;gap:4px}
  .bottom-nav::before{border-radius:16px}
  .bottom-nav-link{border-radius:13px}
  .bottom-nav-icon{width:27px;height:27px;border-radius:9px}
  .bottom-nav-icon svg{width:18px;height:18px}
  .bottom-nav-label{font-size:8px}
  .bottom-nav-analyzer{--nav-lift:-9px;height:59px;transform:translateY(var(--nav-lift));border-radius:15px}
  .bottom-nav-analyzer:hover{transform:translateY(-10px)}
  .bottom-nav-analyzer.active{--nav-lift:-11px;transform:translateY(var(--nav-lift))}
}
@media(max-width:390px){
  .bottom-nav{gap:3px}
  .bottom-nav-label{font-size:7px}
  .bottom-nav-max-badge{right:-6px}
}
@media(prefers-reduced-motion:reduce){.bottom-nav-live-dot,.bottom-nav-analyzer.is-electric-clicked{animation:none!important}}

/* Premium three-dimensional landing experience. */
.landing-body{
  position:relative;isolation:isolate;width:100%;max-width:100vw;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom;background:#030817;color:#f4fbff
}
.landing-body img{max-width:100%}
.landing-body main{width:100%;max-width:100vw;overflow-x:clip}
.landing-body main,.landing-header,.landing-footer{position:relative;z-index:2}
.landing-space{position:fixed;z-index:0;inset:0;width:100vw;max-width:100%;overflow:hidden;contain:strict;pointer-events:none}
.landing-orb{position:absolute;display:block;border-radius:50%;filter:blur(6px);opacity:.65;will-change:transform}
.landing-orb-one{width:420px;height:420px;right:-120px;top:5%;background:rgba(0,231,240,.13);box-shadow:0 0 120px rgba(0,231,240,.17);animation:landingOrbOne 13s ease-in-out infinite alternate}
.landing-orb-two{width:360px;height:360px;left:-150px;top:44%;background:rgba(67,83,255,.12);box-shadow:0 0 130px rgba(47,94,255,.16);animation:landingOrbTwo 16s ease-in-out infinite alternate}
.landing-orb-three{width:260px;height:260px;right:18%;bottom:-130px;background:rgba(0,247,255,.08);box-shadow:0 0 100px rgba(0,247,255,.15);animation:landingOrbOne 18s ease-in-out infinite alternate-reverse}
.landing-grid-plane{
  position:absolute;left:-25%;right:-25%;bottom:-19vh;height:64vh;opacity:.32;
  background-image:linear-gradient(rgba(64,226,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(64,226,255,.13) 1px,transparent 1px);
  background-size:54px 54px;transform:perspective(520px) rotateX(63deg);transform-origin:center bottom;
  -webkit-mask-image:linear-gradient(to top,#000 18%,transparent 80%);mask-image:linear-gradient(to top,#000 18%,transparent 80%)
}

.landing-header{top:0;padding:12px 0;border:0;background:transparent;backdrop-filter:none}
.landing-header-inner{
  min-height:62px;padding:0 11px 0 14px;border:1px solid rgba(183,249,255,.16);border-radius:20px;
  background:rgba(5,14,34,.55);box-shadow:0 18px 45px rgba(0,2,15,.28),inset 0 1px rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)
}
.landing-brand-logo{transform:translateZ(0);border-color:rgba(93,248,255,.55);box-shadow:0 7px 18px rgba(0,0,0,.28),0 0 20px rgba(0,231,240,.14)}
.landing-header .landing-btn{min-height:40px;border-radius:12px}

.landing-hero{position:relative;max-width:calc(100vw - 36px);perspective:1400px;padding-top:clamp(70px,8vw,110px)}
.landing-hero>*{min-width:0}
.landing-hero::before{
  content:"";position:absolute;left:52%;top:50%;width:min(50vw,640px);height:min(50vw,640px);border:1px solid rgba(74,235,255,.09);
  border-radius:50%;box-shadow:0 0 0 46px rgba(0,231,240,.018),0 0 0 92px rgba(84,105,255,.018),inset 0 0 80px rgba(0,231,240,.035);
  transform:translate(-4%,-49%) rotateX(67deg);pointer-events:none
}
.landing-hero-copy{position:relative;z-index:4;transform-style:preserve-3d}
.landing-kicker{box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 25px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.landing-hero h1{position:relative;text-shadow:0 4px 0 rgba(1,7,22,.7),0 20px 45px rgba(0,0,0,.3)}
.landing-hero h1 span{color:#63f6ff;text-shadow:0 2px 0 #087b86,0 8px 0 rgba(0,53,65,.24),0 18px 42px rgba(0,231,240,.24)}
.landing-hero-copy>p{color:#9bb0c7}
.landing-hero-actions{perspective:800px}
.landing-hero-actions .landing-cta{border-radius:14px;box-shadow:0 12px 0 rgba(0,20,25,.55),0 20px 34px rgba(0,0,0,.28)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.landing-hero-actions .landing-cta:hover{transform:translateY(-3px);box-shadow:0 15px 0 rgba(0,20,25,.48),0 25px 40px rgba(0,0,0,.3)!important}
.landing-hero-actions .landing-cta:active{transform:translateY(5px);box-shadow:0 5px 0 rgba(0,20,25,.55),0 11px 20px rgba(0,0,0,.25)!important}
.landing-trust-row{gap:10px;margin-top:38px}
.landing-trust-row span{
  min-width:132px;max-width:none;padding:11px 13px;border:1px solid rgba(151,237,255,.12);border-radius:12px;
  background:rgba(6,19,43,.38);box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.13);backdrop-filter:blur(12px)
}
.landing-trust-row b{color:#62f7ff;letter-spacing:.55px}

.landing-product-stage{
  --tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:35%;position:relative;z-index:3;perspective:1200px;
  width:100%;max-width:100%;min-width:0;transform-style:preserve-3d;padding:34px 18px 38px;isolation:isolate
}
.landing-product-stage::before{
  content:"";position:absolute;z-index:-2;inset:10% 5% 7%;border:1px solid rgba(89,244,255,.13);border-radius:34px;
  background:rgba(6,21,50,.18);box-shadow:0 55px 100px rgba(0,0,0,.44);transform:translateZ(-70px) rotate(-3deg)
}
.landing-product{
  overflow:hidden;padding:22px;border:1px solid rgba(121,248,255,.34);border-radius:27px;
  background:rgba(5,18,43,.72);box-shadow:0 42px 80px rgba(0,0,0,.44),0 16px 0 -7px rgba(2,8,24,.9),inset 0 1px rgba(255,255,255,.12),0 0 45px rgba(0,231,240,.07);
  max-width:100%;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transform-origin:center center;
  transition:transform .16s ease-out,box-shadow .25s ease,border-color .25s ease
}
.landing-product::before{
  opacity:1;background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(177,252,255,.17),transparent 31%),linear-gradient(125deg,rgba(0,231,240,.08),transparent 30%,transparent 72%,rgba(82,76,255,.11))
}
.landing-product::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -35px 70px rgba(0,0,0,.12)
}
.landing-product-stage:hover .landing-product{border-color:rgba(118,251,255,.58);box-shadow:0 50px 100px rgba(0,0,0,.48),0 17px 0 -7px rgba(2,8,24,.92),inset 0 1px rgba(255,255,255,.15),0 0 65px rgba(0,231,240,.1)}
.product-topline{transform:translateZ(32px)}
.product-logo{transform:translateZ(54px)}
.product-logo::before{content:"";position:absolute;z-index:-1;inset:12%;border-radius:50%;background:rgba(0,231,240,.12);filter:blur(25px)}
.product-logo img{border:1px solid rgba(124,250,255,.26);box-shadow:0 22px 45px rgba(0,0,0,.34);filter:none}
.product-signal{transform:translateZ(42px);border-color:rgba(76,244,255,.26);background:rgba(5,30,51,.76);box-shadow:0 14px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.07)}
.product-metrics{transform:translateZ(28px)}
.product-metrics article{border-color:rgba(103,241,255,.14);background:rgba(2,11,32,.78);box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 16px rgba(0,0,0,.14)}
.product-bars i{animation:landingBars 1.8s ease-in-out infinite alternate;transform-origin:center bottom}
.product-bars i:nth-child(2),.product-bars i:nth-child(5){animation-delay:-.7s}.product-bars i:nth-child(3),.product-bars i:nth-child(6){animation-delay:-1.2s}
.landing-product-orbit{position:absolute;z-index:-1;display:block;border:1px solid rgba(75,239,255,.2);border-radius:50%;pointer-events:none}
.landing-product-orbit-one{inset:1% -2% 0;transform:rotate(11deg);animation:landingOrbit 16s linear infinite}
.landing-product-orbit-two{inset:13% 5% 8%;border-style:dashed;border-color:rgba(91,115,255,.22);transform:rotate(-18deg);animation:landingOrbitReverse 20s linear infinite}
.landing-float-card{
  position:absolute;z-index:8;min-width:128px;padding:11px 13px;border:1px solid rgba(127,248,255,.25);border-radius:13px;
  background:rgba(5,20,42,.76);box-shadow:0 18px 38px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.09);
  -webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);transform-style:preserve-3d
}
.landing-float-card-left{left:-20px;top:25%;animation:landingFloat 4.5s ease-in-out infinite}
.landing-float-card-right{right:-18px;bottom:18%;animation:landingFloat 5s .8s ease-in-out infinite reverse}
.landing-float-card span,.landing-float-card strong,.landing-float-card small{display:block}.landing-float-card span{color:#728da7;font-size:6px;font-weight:950;letter-spacing:1px}.landing-float-card strong{margin-top:4px;color:#6df8ff;font-size:12px;letter-spacing:.3px}.landing-float-card small{margin-top:3px;color:#8aa0b5;font-size:7px}

.landing-section{position:relative;max-width:calc(100vw - 36px);content-visibility:auto;contain-intrinsic-size:760px}
.landing-section::before{content:"";position:absolute;left:50%;top:7%;width:60%;height:1px;background:rgba(109,248,255,.2);box-shadow:0 0 25px rgba(0,231,240,.2);transform:translateX(-50%)}
.landing-section-head h2,.landing-community h2{text-shadow:0 12px 30px rgba(0,0,0,.3)}
.landing-feature-grid{perspective:1300px;gap:18px}
.landing-feature-card{
  --tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:35%;overflow:hidden;min-height:300px;padding:25px;border-color:rgba(113,236,255,.17);border-radius:22px;
  background:rgba(5,18,43,.92);box-shadow:0 25px 48px rgba(0,0,0,.25),0 10px 0 -7px rgba(1,7,23,.95),inset 0 1px rgba(255,255,255,.07);
  transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;
  transition:transform .16s ease-out,border-color .2s ease,box-shadow .2s ease
}
.landing-feature-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x) var(--light-y),rgba(151,249,255,.14),transparent 33%);opacity:.8
}
.landing-feature-card::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:#00e7f0;box-shadow:0 0 18px rgba(0,231,240,.46);opacity:.38}
.landing-feature-card:hover{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-8px);border-color:rgba(87,247,255,.46);box-shadow:0 38px 65px rgba(0,0,0,.34),0 13px 0 -8px rgba(1,7,23,.96),0 0 35px rgba(0,231,240,.06)}
.landing-feature-icon{position:relative;z-index:2;width:54px;height:54px;border-radius:16px;background:#082b3c;box-shadow:0 11px 0 -6px #020a18,0 18px 25px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.08);transform:translateZ(38px)}
.landing-feature-card h3{position:relative;z-index:2;transform:translateZ(26px)}
.landing-feature-card p{position:relative;z-index:2;transform:translateZ(18px)}
.feature-number{z-index:2;padding:6px 8px;border:1px solid rgba(105,241,255,.13);border-radius:8px;background:rgba(3,13,32,.45);transform:translateZ(24px)}

.landing-community{
  position:relative;overflow:hidden;max-width:calc(100vw - 36px);border-color:rgba(96,242,255,.25);border-radius:28px;background:rgba(6,23,50,.82);
  box-shadow:0 34px 70px rgba(0,0,0,.3),0 12px 0 -8px rgba(1,8,24,.94),inset 0 1px rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);content-visibility:auto;contain-intrinsic-size:230px
}
.landing-community::before{content:"";position:absolute;right:-70px;top:-120px;width:310px;height:310px;border:1px solid rgba(92,244,255,.15);border-radius:50%;box-shadow:0 0 0 36px rgba(0,231,240,.02),0 0 0 72px rgba(85,90,255,.018);pointer-events:none}

.landing-motion-ready .landing-reveal{opacity:0;translate:0 24px;transition:opacity .62s cubic-bezier(.16,1,.3,1),translate .62s cubic-bezier(.16,1,.3,1)}
.landing-motion-ready .landing-reveal.is-visible{opacity:1;translate:0 0}
.landing-motion-ready .landing-feature-card:nth-child(2){transition-delay:.07s}.landing-motion-ready .landing-feature-card:nth-child(3){transition-delay:.14s}.landing-motion-ready .landing-feature-card:nth-child(4){transition-delay:.21s}

@keyframes landingOrbOne{to{transform:translate3d(-55px,45px,0) scale(1.13)}}
@keyframes landingOrbTwo{to{transform:translate3d(75px,-35px,0) scale(.92)}}
@keyframes landingFloat{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -12px;rotate:1.5deg}}
@keyframes landingOrbit{to{transform:rotate(371deg)}}
@keyframes landingOrbitReverse{to{transform:rotate(-378deg)}}
@keyframes landingBars{to{transform:scaleY(.58);filter:brightness(1.3)}}

@media(max-width:980px){
  .landing-hero::before{left:50%;top:63%;transform:translate(-50%,-50%) rotateX(67deg)}
  .landing-product-stage{width:min(100%,640px);margin:auto}
  .landing-float-card-left{left:-5px}.landing-float-card-right{right:-5px}
}
@media(max-width:620px){
  .landing-header{padding:8px 0}.landing-header-inner{min-height:56px;border-radius:17px}
  .landing-hero{max-width:calc(100vw - 24px);padding-top:52px}.landing-hero::before{width:90vw;height:90vw;top:69%}
  .landing-hero h1{text-shadow:0 3px 0 rgba(1,7,22,.7),0 16px 35px rgba(0,0,0,.28)}
  .landing-trust-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.landing-trust-row span{min-width:0;padding:9px 8px}
  .landing-product-stage{padding:29px 0 34px}.landing-product{padding:15px;border-radius:21px;transform:none!important}
  .landing-product-stage::before{inset:11% 2% 8%;border-radius:26px}.landing-product-orbit-one{inset:3% -4% 1%}
  .landing-float-card{min-width:105px;padding:8px 9px}.landing-float-card-left{left:-4px;top:18%}.landing-float-card-right{right:-4px;bottom:13%}
  .landing-feature-grid{gap:15px}.landing-feature-card{min-height:0;transform:none!important}.landing-feature-card:hover{transform:translateY(-5px)!important}
  .landing-section,.landing-community{max-width:calc(100vw - 24px)}.landing-community{border-radius:22px}
  .landing-orb,.landing-product-orbit,.landing-float-card,.product-bars i{animation:none!important}
}
@media(max-width:400px){
  .landing-float-card{display:none}.landing-product-stage{padding-inline:0}.landing-trust-row b{font-size:9px}.landing-trust-row span{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .landing-orb,.landing-product-orbit,.landing-float-card,.product-bars i{animation:none!important}
  .landing-motion-ready .landing-reveal{opacity:1;translate:none;filter:none;transition:none}
  .landing-product,.landing-feature-card{transform:none!important;transition:none!important}
}

/* Profile danger action. */
.profile-actions .profile-logout.profile-logout{
  border-color:#ff6672!important;background:#b92338!important;color:#fff4f5!important;
  text-shadow:0 1px rgba(66,0,9,.35);box-shadow:inset 0 1px rgba(255,255,255,.15),inset 0 -1px rgba(75,0,12,.28),0 9px 22px rgba(185,35,56,.22)!important
}
.profile-actions .profile-logout.profile-logout b{
  width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;
  background:#861528;color:#fff;font-size:13px
}
.profile-actions .profile-logout.profile-logout:hover{
  border-color:#ffabb1!important;background:#dc334a!important;color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 24px rgba(255,69,88,.3),0 10px 24px rgba(132,13,32,.26)!important
}