:root{--bg-primary:#0a0e17;--bg-secondary:#0f1420;--bg-card:#141927;--bg-input:#1a1f30;--bg-hover:#1e2538;--border:#1e2538;--border-light:#2a3148;--text-primary:#e8eaed;--text-secondary:#8a8f98;--text-muted:#5a5f6b;--green:#00c087;--green-bg:#00c0871f;--green-border:#00c0874d;--red:#ff4757;--red-bg:#ff47571f;--red-border:#ff47574d;--blue:#4a9eff;--blue-bg:#4a9eff1f;--yellow:#ffc107;--purple:#a855f7;--radius:8px;--radius-lg:12px;--radius-sm:6px;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background:var(--bg-primary);width:100%;max-width:100vw;margin:0;overflow-x:hidden}#root{flex-direction:column;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.text-muted{color:var(--text-muted)}.gradient-text{background:linear-gradient(135deg, var(--green), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:linear-gradient(135deg, var(--green), #00a070);color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-light);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-deposit{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.btn-deposit:hover{background:var(--green);color:#fff}.btn-full{justify-content:center;width:100%}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px}.btn-icon:hover{color:var(--text-primary);background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;gap:16px;display:flex}.logo{color:var(--text-primary);align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.logo:hover{text-decoration:none}.logo svg{color:var(--green)}.header-nav{gap:4px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.nav-demo{color:var(--yellow);border:1px solid #ffc1074d;padding:4px 10px;font-size:12px}.user-link{font-weight:600}.balance-toggle{border-radius:var(--radius);border:1px solid var(--border);display:flex;overflow:hidden}.toggle-btn{background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border:none;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.toggle-btn.active{background:var(--green-bg);color:var(--green)}.toggle-btn.demo.active{background:var(--blue-bg);color:var(--blue)}.auth-buttons{gap:8px;display:flex}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.loading-screen{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;will-change:opacity, transform, filter;filter:blur(4px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s}.reveal-up{transform:translateY(50px)}.reveal-left{transform:translate(-60px)}.reveal-right{transform:translate(60px)}.reveal-scale{transform:scale(.92)}.revealed{opacity:1;filter:blur();transform:translate(0)scale(1)}.card-glass{transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .5s;position:relative}.card-glass:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#00c08700 0%,#00c0870a 100%);transition:opacity .5s;position:absolute;inset:0}.card-glass:hover{border-color:#00c08733;transform:translateY(-4px);box-shadow:0 12px 32px #00000040,0 0 0 1px #00c08714}.card-glass:hover:before{opacity:1}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:200%;height:200%;animation:4s ease-in-out infinite btnShimmer;position:absolute;top:-50%;left:-200%}@keyframes btnShimmer{0%{left:-200%}40%{left:100%}to{left:100%}}.hero{position:relative;overflow:hidden}.hero-3d-scene{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-3d-scene canvas{width:100%!important;height:100%!important}.hero-content{z-index:1;position:relative}.stat-3d{border-radius:var(--radius);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;padding:16px 24px;transition:all .4s cubic-bezier(.22,1,.36,1)}.stat-3d:hover{background:#00c0870d;border-color:#00c08733;transform:translateY(-3px)}.landing section{position:relative}.landing section+section:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);max-width:600px;height:1px;margin:0 auto;display:block}.stat-value{transition:transform .3s;display:inline-block}.stat-3d:hover .stat-value{transform:scale(1.08)}.landing{max-width:100vw;overflow-x:hidden}.hero{text-align:center;background:radial-gradient(at 50% 0,#00c08714 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;padding:0 20px;display:flex}.hero-badge{text-transform:uppercase;color:var(--green);background:var(--green-bg);border:1px solid var(--green-border);letter-spacing:1px;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.hero h1{color:var(--text-primary);margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto 32px;font-size:18px}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-stats{border-top:1px solid var(--border);justify-content:center;gap:48px;margin-top:60px;padding-top:40px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--text-primary);font-size:28px;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.features{max-width:1100px;margin:0 auto;padding:80px 20px}.section-heading{text-align:center;color:var(--text-primary);margin-bottom:48px;font-size:32px;font-weight:700}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--bg-card) 0%, #141927cc 100%);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:32px}.feature-icon{width:52px;height:52px;margin-bottom:16px}.feature-icon svg{width:100%;height:100%}.feature-card h3{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px}.lifestyle-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(#00c08708 0%,#0000 100%);padding:80px 20px}.lifestyle-content{text-align:center;max-width:700px;margin:0 auto}.lifestyle-text h2{color:var(--text-primary);margin-bottom:16px;font-size:32px;font-weight:800}.lifestyle-lead{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.7}.lifestyle-points{text-align:left;flex-direction:column;gap:16px;display:flex}.lifestyle-point{background:linear-gradient(145deg, var(--bg-card) 0%, #141927cc 100%);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:14px;padding:16px 22px;font-size:14px;display:flex}.lifestyle-point svg{color:var(--green);flex-shrink:0}.how-it-works{max-width:900px;margin:0 auto;padding:80px 20px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{text-align:center;background:linear-gradient(145deg, var(--bg-card) 0%, #141927cc 100%);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:32px 20px}.step-number{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 16px;font-size:18px;font-weight:800;display:flex}.step-card h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.step-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.assets-section{max-width:900px;margin:0 auto;padding:80px 20px}.asset-categories-landing{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.asset-cat{background:linear-gradient(145deg, var(--bg-card) 0%, #141927cc 100%);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px}.asset-cat h3{color:var(--green);margin-bottom:8px;font-size:15px;font-weight:700}.asset-cat p{color:var(--text-secondary);font-size:12px;line-height:1.5}.trust-section{max-width:900px;margin:0 auto;padding:80px 20px}.trust-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.trust-item{background:linear-gradient(145deg, var(--bg-card) 0%, #141927cc 100%);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:16px;padding:24px;display:flex}.trust-item svg{color:var(--green);flex-shrink:0;margin-top:2px}.trust-item h4{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:700}.trust-item p{color:var(--text-secondary);font-size:13px;line-height:1.5}.cta-section{text-align:center;background:radial-gradient(at 50% 100%,#00c0870f 0%,#0000 60%);padding:100px 20px}.cta-section h2{color:var(--text-primary);margin-bottom:12px;font-size:36px;font-weight:700}.cta-section p{color:var(--text-secondary);margin-bottom:24px;font-size:16px}.footer{border-top:1px solid var(--border);padding:40px 20px}.footer-content{flex-direction:column;align-items:center;gap:16px;max-width:1100px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:8px;font-weight:700;display:flex}.footer-brand svg{color:var(--green)}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-secondary);font-size:13px}.footer-disclaimer{color:var(--text-muted);text-align:center;max-width:500px;font-size:12px}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:40px 20px;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{color:var(--green);margin-bottom:16px}.auth-header h1{color:var(--text-primary);margin-bottom:8px;font-size:24px}.auth-header p{color:var(--text-secondary)}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.optional{color:var(--text-muted);font-weight:400}.form-group input,.form-group select,.text-input{border-radius:var(--radius);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.text-input:focus{border-color:var(--green);outline:none}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.password-input{display:flex;position:relative}.password-input input{flex:1;padding-right:40px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:14px}.trade-page{height:calc(100vh - 56px);display:flex}.demo-banner{text-align:center;background:var(--blue-bg);color:var(--blue);border-bottom:1px solid #4a9eff33;padding:6px;font-size:12px;font-weight:600}.trade-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;width:80px;padding:8px 0;display:flex}.sidebar-top,.sidebar-bottom{flex-direction:column;align-items:center;gap:4px;display:flex}.sidebar-item{border-radius:var(--radius);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:68px;padding:12px 8px;font-size:9px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.sidebar-item.active{color:var(--blue);border-radius:var(--radius);background:#4a9eff1a}.trade-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.trade-content{flex:1;display:flex;overflow:hidden}.trade-center{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.chart-wrapper{flex-direction:column;flex:1;min-height:0;display:flex}.trading-chart{flex:1;min-height:0}.chart-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;padding:4px 10px;display:flex;position:relative}.toolbar-btn{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.toolbar-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.toolbar-badge{background:var(--blue);color:#fff;border-radius:8px;padding:0 5px;font-size:10px;font-weight:700}.indicator-tag{background:#ffffff08;border:1px solid;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex}.tag-remove{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;padding:1px;display:flex}.tag-remove:hover{opacity:1}.indicator-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:40;width:220px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0006}.indicator-menu-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:700}.indicator-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.indicator-option:hover{background:var(--bg-hover);color:var(--text-primary)}.indicator-option.active{color:var(--text-primary)}.indicator-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.indicator-check{color:var(--green);margin-left:auto;font-size:10px;font-weight:700}.trading-chart a[href*=tradingview],.trading-chart div[style*="position: absolute"] a{display:none!important}.trade-right{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;width:280px;min-width:280px;display:flex;overflow-y:auto}.asset-tabs-bar{background:var(--bg-primary);border-bottom:1px solid var(--border);align-items:center;display:flex;position:relative}.asset-tabs{scrollbar-width:none;align-items:center;display:flex;overflow-x:auto}.asset-tabs::-webkit-scrollbar{display:none}.asset-tab{white-space:nowrap;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:all .15s;display:flex}.asset-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.asset-tab.active{color:var(--text-primary);background:var(--bg-secondary);border-bottom-color:var(--blue)}.tab-info{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.tab-symbol{font-size:13px;font-weight:700}.tab-payout{color:var(--green);font-size:10px;font-weight:600}.tab-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.tab-close:hover{color:var(--red);background:var(--red-bg)}.add-tab{color:var(--blue);padding:10px 14px}.add-tab:hover{background:#4a9eff1a}.asset-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:50;flex-direction:column;width:360px;max-height:420px;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 32px #0006}.picker-search{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.picker-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.picker-search svg{color:var(--text-muted)}.picker-categories{border-bottom:1px solid var(--border);gap:4px;padding:8px 12px;display:flex}.cat-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600}.cat-btn.active{background:var(--blue-bg);color:var(--blue);border-color:#4a9eff4d}.picker-list{max-height:300px;overflow-y:auto}.picker-item{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.picker-item:hover{background:var(--bg-hover)}.picker-item.active{background:#4a9eff14}.picker-symbol{font-size:13px;font-weight:600}.picker-right{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.picker-price{color:var(--text-secondary);font-family:monospace;font-size:12px}.picker-payout{color:var(--green);font-size:11px;font-weight:600}.trade-panel-q{padding:14px}.panel-asset{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.panel-asset-name{color:var(--text-primary);font-size:15px;font-weight:700}.panel-asset-payout{color:var(--green);font-size:14px;font-weight:700}.panel-amount{margin-bottom:14px}.amount-control{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:0;display:flex;overflow:hidden}.amount-adj{background:var(--bg-input);width:40px;height:42px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.amount-adj:hover{background:var(--bg-hover);color:var(--text-primary)}.amount-display{background:var(--bg-primary);border-left:1px solid var(--border);border-right:1px solid var(--border);flex:1;align-items:center;height:42px;display:flex}.amount-display .amount-prefix{color:var(--text-muted);padding:0 8px;font-size:14px;font-weight:600}.amount-display input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;padding-right:8px;font-size:16px;font-weight:700}.amount-display input::-webkit-inner-spin-button{display:none}.panel-time{margin-bottom:14px}.time-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:6px;font-size:11px}.time-control{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:0;margin-bottom:8px;display:flex;overflow:hidden}.time-adj{background:var(--bg-input);width:36px;height:38px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.time-adj:hover{background:var(--bg-hover);color:var(--text-primary)}.time-display{text-align:center;color:var(--text-primary);background:var(--bg-primary);border-left:1px solid var(--border);border-right:1px solid var(--border);flex:1;height:38px;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;line-height:38px}.time-presets{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.time-preset{border-radius:var(--radius-sm);text-align:center;background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:6px 4px;font-size:12px;font-weight:600;transition:all .15s}.time-preset:hover{border-color:var(--text-muted)}.time-preset.active{border-width:2px}.time-preset.green{border-left:3px solid var(--green)}.time-preset.green.active{background:var(--green-bg);color:var(--green);border-color:var(--green)}.time-preset.yellow{border-left:3px solid var(--yellow)}.time-preset.yellow.active{color:var(--yellow);border-color:var(--yellow);background:#ffc1071a}.time-preset.orange{border-left:3px solid #ff8c00}.time-preset.orange.active{color:#ff8c00;background:#ff8c001a;border-color:#ff8c00}.time-preset.red{border-left:3px solid var(--red)}.time-preset.red.active{background:var(--red-bg);color:var(--red);border-color:var(--red)}.panel-profit{background:var(--bg-input);border-radius:var(--radius);margin-bottom:12px;padding:8px 12px}.profit-line{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.profit-val{color:var(--green);font-size:14px;font-weight:700}.panel-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.q-trade-btn{border-radius:var(--radius);cursor:pointer;border:none;flex-direction:column;align-items:center;padding:14px 8px 10px;transition:all .15s;display:flex;position:relative;overflow:hidden}.q-trade-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.q-trade-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.q-call{color:#fff;background:linear-gradient(#00c087 0%,#00a870 100%)}.q-put{color:#fff;background:linear-gradient(#ff4757 0%,#e63e4d 100%)}.q-btn-content{align-items:center;gap:6px;display:flex}.q-btn-label{font-size:18px;font-weight:800}.q-btn-sub{opacity:.8;margin-top:2px;font-size:10px}.right-trades-section{border-top:1px solid var(--border);flex-direction:column;flex:1;display:flex;overflow:hidden}.right-trades-tabs{border-bottom:1px solid var(--border);display:flex}.right-tab{text-align:center;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.right-tab:hover{color:var(--text-secondary)}.right-tab.active{color:var(--text-primary);border-bottom-color:var(--blue)}.right-trades-content{flex:1;overflow-y:auto}.q-no-trades{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:13px}.q-trade-item{border-bottom:1px solid var(--border);padding:10px 14px;transition:background .1s}.q-trade-item:hover{background:var(--bg-hover)}.q-trade-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.q-trade-row:last-child{margin-bottom:0}.q-trade-left{align-items:center;gap:8px;display:flex}.q-dir-icon{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.q-dir-icon.call{color:var(--green);background:var(--green-bg)}.q-dir-icon.put{color:var(--red);background:var(--red-bg)}.q-trade-pair{color:var(--text-primary);font-size:13px;font-weight:600}.q-trade-timer{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.q-trade-time{color:var(--text-muted);font-size:11px}.q-trade-amount{font-size:13px;font-weight:600}.q-trade-amount.call{color:var(--green)}.q-trade-amount.put{color:var(--red)}.q-trade-right{align-items:center;gap:8px;display:flex}.q-trade-pnl{font-size:13px;font-weight:700}.q-trade-pnl.win{color:var(--green)}.q-trade-pnl.loss{color:var(--red)}.sell-btn{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);cursor:pointer;text-transform:uppercase;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:700;display:flex}.sell-btn:hover{background:var(--red);color:#fff}.sell-btn:disabled{opacity:.4;cursor:not-allowed}.header-trade .header-subtitle{color:var(--text-muted);margin-left:8px;font-size:12px;font-weight:400}.header-bell{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px}.header-balance{cursor:pointer;border-radius:var(--radius);flex-direction:column;align-items:flex-end;padding:4px 12px;transition:background .15s;display:flex}.header-balance:hover{background:var(--bg-hover)}.balance-type{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.balance-type.live{color:var(--green)}.balance-type.demo{color:var(--blue)}.balance-amount{color:var(--text-primary);font-size:16px;font-weight:700}.btn-deposit-h{background:var(--green);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none}.btn-deposit-h:hover{filter:brightness(1.1);text-decoration:none}.btn-withdraw-h{color:var(--text-secondary);border-radius:var(--radius);border:1px solid var(--border);background:0 0;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none}.btn-withdraw-h:hover{color:var(--text-primary);border-color:var(--text-muted);text-decoration:none}.header-user{background:var(--bg-input);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.header-user:hover{background:var(--bg-hover);color:var(--text-primary)}.amount-input-wrapper{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);align-items:center;display:flex;overflow:hidden}.amount-input-wrapper.large{font-size:20px}.amount-input-wrapper .amount-prefix{color:var(--text-muted);font-weight:700;font-size:inherit;padding:0 12px}.amount-input{color:var(--text-primary);font-size:inherit;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 12px 10px 0;font-weight:600}.amount-input::-webkit-inner-spin-button{display:none}.quick-amounts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.quick-amounts.large{margin-top:12px;margin-bottom:24px}.quick-btn{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:6px 14px;font-size:12px;font-weight:600}.quick-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.quick-btn.active{background:var(--green-bg);color:var(--green);border-color:var(--green-border)}.deposit-page,.history-page{justify-content:center;padding:40px 20px;display:flex}.page-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:32px}.page-card.wide{max-width:900px}.page-card h1{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:22px;font-weight:700;display:flex}.page-card h1 svg{color:var(--green)}.page-subtitle{color:var(--text-secondary);margin-bottom:24px}.payment-methods{margin:20px 0}.payment-methods h3{color:var(--text-secondary);margin-bottom:10px;font-size:14px}.method-card{border-radius:var(--radius);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);align-items:center;gap:10px;padding:14px 16px;font-weight:500;display:flex}.method-card.active{border-color:var(--green)}.deposit-note{color:var(--text-muted);text-align:center;margin-top:16px;font-size:12px}.method-options{gap:10px;display:flex}.method-card{border-radius:var(--radius);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;flex:1;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.method-card:hover{border-color:var(--text-muted)}.method-card.active{border-color:var(--green);background:var(--green-bg)}.method-name{font-size:13px;font-weight:600;display:block}.method-desc{color:var(--text-muted);font-size:11px;display:block}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:420px;padding:32px;position:relative}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:12px;right:12px}.modal-icon{color:var(--green);margin-bottom:16px}.modal-card h2{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700}.modal-card p{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.6}.modal-details{color:var(--text-muted);margin-bottom:20px;font-size:13px}.step-indicator{justify-content:center;align-items:center;gap:0;margin-top:16px;display:flex}.step-dot{background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.step-dot.active{background:var(--green);color:#fff;border-color:var(--green)}.step-line{background:var(--border);width:40px;height:2px}.kyc-section{background:var(--bg-input);border-radius:var(--radius);border:1px solid var(--border);margin:16px 0;padding:16px}.kyc-section h3{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.kyc-note{color:var(--text-muted);margin-bottom:12px;font-size:12px}.form-buttons{gap:10px;display:flex}.profile-page{max-width:900px;margin:0 auto;padding:32px 20px}.profile-header-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.profile-avatar{background:var(--bg-input);border:2px solid var(--border);width:64px;height:64px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-info h1{color:var(--text-primary);margin-bottom:4px;font-size:22px}.profile-meta{color:var(--text-secondary);gap:16px;font-size:13px;display:flex}.vip-badge{align-items:center;gap:4px;font-weight:700;display:flex}.profile-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.stat-card-icon{border-radius:var(--radius);background:var(--green-bg);width:40px;min-width:40px;height:40px;color:var(--green);justify-content:center;align-items:center;display:flex}.stat-card-icon.demo{background:var(--blue-bg);color:var(--blue)}.stat-card-icon.negative{background:var(--red-bg);color:var(--red)}.stat-card-content{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-card-label{color:var(--text-muted);white-space:nowrap;font-size:12px}.stat-card-value{color:var(--text-primary);white-space:nowrap;font-size:18px;font-weight:700}.profile-actions{flex-wrap:wrap;gap:10px;display:flex}.full-history-table{overflow-x:auto}.full-history-table table{border-collapse:collapse;width:100%;font-size:13px}.full-history-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg-input);padding:10px 12px;font-size:11px}.full-history-table td{border-bottom:1px solid var(--border);padding:10px 12px}.dir-call{color:var(--green);align-items:center;gap:4px;display:flex}.dir-put{color:var(--red);align-items:center;gap:4px;display:flex}.result-win{color:var(--green);font-weight:700}.result-loss{color:var(--red);font-weight:700}.no-data{text-align:center;color:var(--text-muted);padding:40px;font-size:14px}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.pagination button{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;padding:8px 16px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-secondary);font-size:13px}.toast-container{z-index:1000;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;top:64px;right:16px}.toast{border-radius:var(--radius);border:1px solid;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s slideIn}.toast-success{color:var(--green);border-color:var(--green-border);background:#0a2e1f}.toast-error{color:var(--red);border-color:var(--red-border);background:#2e0a10}.toast-trade-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:4px;display:inline-flex}.toast-success .toast-trade-icon{background:var(--green-bg)}.toast-error .toast-trade-icon{background:var(--red-bg)}.toast-info{color:var(--blue);background:#0a1a2e;border-color:#4a9eff4d}.toast-warning{color:var(--yellow);background:#2e2a0a;border-color:#ffc1074d}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sentiment-bar{border-bottom:1px solid var(--border);padding:8px 14px}.sentiment-labels{justify-content:space-between;margin-bottom:4px;font-size:10px;font-weight:700;display:flex}.sentiment-buy{color:var(--green)}.sentiment-sell{color:var(--red)}.sentiment-track{background:var(--bg-input);border-radius:2px;height:4px;display:flex;overflow:hidden}.sentiment-fill.buy{background:var(--green)}.sentiment-fill.sell{background:var(--red)}.chat-fab{background:var(--green);color:#fff;cursor:pointer;z-index:900;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #0000004d}.chat-fab:hover{transform:scale(1.1)}.chat-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:900;flex-direction:column;width:320px;height:420px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 32px #0006}.chat-header{border-bottom:1px solid var(--border);color:var(--text-primary);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.chat-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.chat-msg{display:flex}.chat-msg.user{justify-content:flex-end}.chat-msg.support{justify-content:flex-start}.chat-bubble{border-radius:var(--radius);max-width:80%;padding:8px 12px;font-size:13px;line-height:1.4}.chat-msg.user .chat-bubble{background:var(--green);color:#fff;border-bottom-right-radius:2px}.chat-msg.support .chat-bubble{background:var(--bg-input);color:var(--text-primary);border-bottom-left-radius:2px}.chat-input{border-top:1px solid var(--border);gap:8px;padding:10px 12px;display:flex}.chat-input input{border-radius:var(--radius);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);outline:none;flex:1;padding:8px 12px;font-size:13px}.chat-input input:focus{border-color:var(--green)}.chat-input button{border-radius:var(--radius);background:var(--green);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chat-input button:disabled{opacity:.4}.legal-page{justify-content:center;padding:40px 20px 80px;display:flex}.legal-content{width:100%;max-width:800px}.legal-content h1{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:16px;font-size:28px;font-weight:800}.legal-updated{color:var(--text-muted);margin-bottom:32px;font-size:13px}.legal-content section{margin-bottom:28px}.legal-content h2{color:var(--text-primary);margin-top:0;margin-bottom:12px;font-size:18px;font-weight:700}.legal-content h3{color:var(--text-secondary);margin:12px 0 8px;font-size:15px;font-weight:600}.legal-content p{color:var(--text-secondary);margin-bottom:10px;font-size:14px;line-height:1.7}.legal-content ul{margin:8px 0 12px 20px;padding:0}.legal-content li{color:var(--text-secondary);margin-bottom:4px;font-size:14px;line-height:1.7}.legal-content strong{color:var(--text-primary)}.file-upload{position:relative}.file-upload input[type=file]{opacity:0;cursor:pointer;z-index:1;position:absolute;inset:0}.file-upload-label{border-radius:var(--radius);background:var(--bg-input);border:1px dashed var(--border-light);color:var(--text-secondary);align-items:center;gap:10px;padding:14px 16px;font-size:14px;transition:border-color .2s;display:flex}.file-upload:hover .file-upload-label{border-color:var(--green)}@media (width<=1024px){.features-grid,.asset-categories-landing{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(2,1fr)}.trade-right{width:260px;min-width:260px}}@media (width<=768px){.header{height:50px;padding:0 12px}.header-subtitle{display:none}.logo span{font-size:15px}.balance-amount{font-size:13px}.balance-type{font-size:9px}.btn-deposit-h{padding:6px 12px;font-size:12px}.btn-withdraw-h,.header-bell{display:none}.header-user{width:28px;height:28px}.hero{min-height:100svh;padding:0 16px}.hero h1{font-size:28px;line-height:1.15}.hero-subtitle{margin:0 auto 24px;font-size:14px}.hero-badge{margin-bottom:16px;padding:5px 12px;font-size:10px}.hero-buttons{flex-direction:column;align-items:center;gap:10px}.hero-buttons .btn{justify-content:center;width:100%;max-width:280px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:12px}.stat-3d{padding:12px 16px}.stat-value{font-size:22px}.stat-label{font-size:9px}.section-heading{margin-bottom:28px;font-size:22px}.lifestyle-section{padding:50px 16px}.lifestyle-text h2{font-size:24px}.lifestyle-lead{font-size:14px}.lifestyle-point{padding:12px 16px;font-size:13px}.how-it-works{padding:50px 16px}.steps-grid{grid-template-columns:1fr;gap:16px}.step-card{padding:24px 16px}.features{padding:50px 16px}.features-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:24px 16px}.feature-icon{width:40px;height:40px;margin-bottom:12px}.feature-card h3{font-size:16px}.feature-card p{font-size:13px}.assets-section{padding:50px 16px}.asset-categories-landing{grid-template-columns:repeat(2,1fr);gap:10px}.asset-cat{padding:16px 12px}.asset-cat h3{font-size:13px}.asset-cat p{font-size:11px}.trust-section{padding:50px 16px}.trust-grid{grid-template-columns:1fr;gap:12px}.trust-item{gap:12px;padding:16px}.trust-item h4{font-size:14px}.trust-item p{font-size:12px}.cta-section{padding:60px 16px}.cta-section h2{font-size:24px}.cta-section p{font-size:14px}.footer-content{padding:0 16px}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px}.footer-disclaimer{font-size:10px}.trade-page{height:calc(100svh - 50px)}.trade-sidebar{display:none}.trade-content{flex-direction:column}.trade-center{flex:none;height:45svh;min-height:45svh}.trade-right{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--border);flex:1;overflow-y:auto}.demo-banner{padding:5px;font-size:11px}.asset-tabs-bar{overflow-x:auto}.asset-tab{padding:8px 12px;font-size:12px}.tab-symbol{font-size:12px}.asset-picker{width:100%;left:0;right:0}.chart-toolbar{min-height:28px;padding:3px 8px}.toolbar-btn{padding:3px 8px;font-size:11px}.indicator-tag{padding:1px 6px;font-size:10px}.trade-panel-q{padding:10px 12px}.panel-asset{margin-bottom:10px;padding-bottom:8px}.panel-asset-name{font-size:14px}.amount-control{height:38px}.amount-adj{width:36px;height:38px}.amount-display{height:38px}.amount-display input{font-size:15px}.time-display{height:34px;font-size:16px;line-height:34px}.time-adj{width:32px;height:34px}.time-presets{gap:3px}.time-preset{padding:5px 3px;font-size:11px}.panel-buttons{gap:6px}.q-trade-btn{padding:12px 6px 8px}.q-btn-label{font-size:16px}.sentiment-bar{padding:6px 12px}.right-trades-section{min-height:0}.right-tab{padding:8px;font-size:12px}.q-trade-item{padding:8px 12px}.q-trade-pair{font-size:12px}.q-trade-timer{font-size:11px}.sell-btn{padding:2px 6px;font-size:9px}.auth-page{min-height:calc(100svh - 50px);padding:20px 16px}.auth-card{padding:24px 20px;max-width:100%!important}.auth-header h1{font-size:20px}.form-row{grid-template-columns:1fr}.kyc-section{padding:12px}.step-indicator{margin-top:12px}.form-buttons{flex-direction:column}.profile-page{padding:20px 16px}.profile-header-card{flex-wrap:wrap;gap:14px;padding:16px}.profile-avatar{width:48px;height:48px}.profile-info h1{font-size:18px}.profile-meta{flex-wrap:wrap;gap:8px;font-size:11px}.profile-grid{grid-template-columns:1fr;gap:8px}.stat-card{gap:10px;padding:14px}.stat-card-icon{width:36px;min-width:36px;height:36px}.stat-card-value{font-size:16px}.profile-actions{flex-wrap:wrap}.profile-actions .btn{flex:1;justify-content:center;min-width:120px}.deposit-page,.page-card{padding:20px 16px}.page-card h1{font-size:18px}.method-options{flex-direction:column}.quick-amounts{gap:4px}.quick-btn{padding:5px 10px;font-size:11px}.amount-input-wrapper.large{font-size:18px}.history-page{padding:20px 16px}.full-history-table{font-size:11px}.full-history-table th,.full-history-table td{padding:8px 6px}.legal-page{padding:24px 16px 60px}.legal-content h1{font-size:22px}.legal-content h2{font-size:16px}.legal-content p,.legal-content li{font-size:13px}.modal-card{width:95%;padding:24px 20px}.modal-card h2{font-size:18px}.chat-widget{width:calc(100vw - 20px);height:380px;bottom:10px;right:10px}.chat-fab{width:44px;height:44px;bottom:12px;right:12px}.toast-container{max-width:unset;top:56px;left:10px;right:10px}.toast{padding:10px 12px;font-size:12px}}@media (width<=400px){.hero h1{font-size:24px}.hero-stats{gap:8px}.stat-3d{padding:10px 12px}.stat-value{font-size:20px}.asset-categories-landing{grid-template-columns:1fr}.trade-center{height:40svh}.q-btn-label{font-size:14px}.header .logo span{display:none}}