.demo-form-container{max-width:420px;padding-top:8px;position:relative}.demo-form-container h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:12px;margin-bottom:24px}.demo-form-container h3:before{background:linear-gradient(90deg,var(--accent-primary),transparent);content:"";height:2px;width:24px}.demo-form .form-group{margin-bottom:16px}.demo-form input{background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.2);color:#fff;font-size:1rem;padding:14px 0;transition:all .3s ease;width:100%}.demo-form input::-moz-placeholder{color:rgba(148,163,184,.5)}.demo-form input::placeholder{color:rgba(148,163,184,.5)}.demo-form input:focus{border-bottom-color:var(--accent-primary);box-shadow:0 1px 0 var(--accent-primary);outline:none}.demo-form input:-webkit-autofill,.demo-form input:-webkit-autofill:active,.demo-form input:-webkit-autofill:focus,.demo-form input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #050508!important;-webkit-text-fill-color:#fff!important;border-bottom:1px solid rgba(148,163,184,.2)!important;caret-color:#fff}.form-note{align-items:center;color:rgba(148,163,184,.6);display:flex;font-size:.85rem;gap:16px;justify-content:center;margin-top:20px}.form-note:after,.form-note:before{background:linear-gradient(90deg,transparent,rgba(148,163,184,.3));content:"";height:1px;width:30px}.form-note:after{background:linear-gradient(90deg,rgba(148,163,184,.3),transparent)}.custom-select,.select-trigger{position:relative;width:100%}.select-trigger{background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.2);color:#fff;cursor:pointer;font-size:1rem;padding:14px 30px 14px 0;text-align:left;transition:all .3s ease}.select-trigger:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--accent-primary);content:"";height:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:0}.custom-select.open .select-trigger:after{transform:translateY(-50%) rotate(180deg)}.custom-select.open .select-trigger,.select-trigger:hover{border-bottom-color:var(--accent-primary)}.select-trigger.placeholder{color:rgba(148,163,184,.5)}.select-options{backdrop-filter:blur(20px);background:rgba(10,16,22,.95);border:1px solid rgba(0,212,170,.2);border-radius:8px;left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);transition:all .3s ease;visibility:hidden;z-index:100}.custom-select.open .select-options{max-height:200px;opacity:1;overflow-y:auto;visibility:visible}.select-option{color:rgba(148,163,184,.8);cursor:pointer;padding:12px 16px;transition:all .2s ease}.select-option:hover{color:#fff;padding-left:20px}.select-option.selected{color:var(--accent-primary)}.hero .hero-visual.demo-hero-visual{align-items:center!important;background:transparent!important;border:none!important;display:flex!important;flex:none!important;justify-content:center!important;max-width:400px!important;min-height:auto!important;overflow:visible!important;position:relative!important;width:100%!important}.demo-terminal{backdrop-filter:blur(20px);background:rgba(10,16,22,.8);border:1px solid rgba(0,212,170,.2);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 40px rgba(0,212,170,.1);overflow:hidden;width:100%}.demo-terminal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:12px 16px}.demo-terminal-dots{display:flex;gap:6px}.demo-terminal-dots span{background:hsla(0,0%,100%,.15);border-radius:50%;height:10px;width:10px}.demo-terminal-dots span:first-child{background:#ff5f57}.demo-terminal-dots span:nth-child(2){background:#ffbd2e}.demo-terminal-dots span:last-child{background:#28c840}.demo-terminal-badge{background:var(--accent-primary);border-radius:20px;color:var(--bg-void);font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 12px}.demo-terminal-balance{align-items:flex-end;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:20px}.demo-balance-info{display:flex;flex-direction:column}.demo-balance-label{color:var(--text-muted);font-size:.7rem;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.demo-balance-value{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.demo-balance-pnl{text-align:right}.demo-pnl-value{color:#10b981;display:block;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px rgba(16,185,129,.4)}.demo-pnl-percent{color:#10b981;font-size:.75rem;opacity:.8}.demo-terminal-chart{height:120px;padding:16px 20px;position:relative}.demo-terminal-chart svg{height:100%;width:100%}.demo-chart-pair{color:var(--text-muted);font-size:.75rem;font-weight:600;left:20px;position:absolute;top:16px}.demo-terminal-position{align-items:center;background:rgba(0,212,170,.05);border:1px solid rgba(0,212,170,.15);border-radius:10px;display:flex;justify-content:space-between;margin:0 12px;padding:14px 20px}.demo-position-info{align-items:center;display:flex;gap:10px}.demo-position-pair{color:#fff;font-size:.9rem;font-weight:600}.demo-position-type{border-radius:4px;font-size:.65rem;font-weight:700;padding:3px 8px;text-transform:uppercase}.demo-position-type.buy{background:rgba(16,185,129,.2);color:#10b981}.demo-position-size{color:var(--text-muted);font-size:.75rem}.demo-position-profit{color:#10b981;font-size:1rem;font-weight:700;text-shadow:0 0 8px rgba(16,185,129,.3)}.demo-terminal-actions{display:flex;gap:12px;padding:16px 20px 20px}.demo-btn-buy,.demo-btn-sell{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:.85rem;font-weight:700;padding:12px;transition:all .2s ease}.demo-btn-sell{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#ef4444}.demo-btn-sell:hover{background:rgba(239,68,68,.25)}.demo-btn-buy{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#10b981}.demo-btn-buy:hover{background:rgba(16,185,129,.25)}@media (max-width:1200px){.demo-hero-visual{max-width:360px!important}.demo-balance-value{font-size:1.5rem}.demo-terminal-chart{height:100px}}@media (max-width:968px){.demo-hero-visual,.hero .hero-visual.demo-hero-visual,.hero-visual.demo-hero-visual{display:none!important;height:0!important;overflow:hidden!important;visibility:hidden!important}}html[data-theme=light] .demo-terminal{background:hsla(0,0%,100%,.9);border-color:rgba(0,168,130,.15);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 30px rgba(0,168,130,.08)}html[data-theme=light] .demo-terminal-header{border-bottom-color:rgba(0,0,0,.06)}html[data-theme=light] .demo-terminal-badge{background:#00a882}html[data-theme=light] .demo-balance-value{color:var(--text-primary)}html[data-theme=light] .demo-pnl-percent,html[data-theme=light] .demo-pnl-value{color:#059669;text-shadow:none}html[data-theme=light] .demo-terminal-balance{border-bottom-color:rgba(0,0,0,.06)}html[data-theme=light] .demo-terminal-position{background:rgba(0,168,130,.05);border-color:rgba(0,168,130,.12)}html[data-theme=light] .demo-position-pair{color:var(--text-primary)}html[data-theme=light] .demo-position-type.buy{background:rgba(5,150,105,.15);color:#059669}html[data-theme=light] .demo-position-profit{color:#059669;text-shadow:none}html[data-theme=light] .demo-btn-sell{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}html[data-theme=light] .demo-btn-buy{background:rgba(5,150,105,.1);border-color:rgba(5,150,105,.2);color:#059669}.demo-mobile-visual{display:none}@media (max-width:968px){.demo-mobile-visual{display:block;margin-bottom:20px;width:100%}.demo-mobile-visual svg{display:block;height:auto;margin:0 auto;max-width:380px;width:100%}.demo-mobile-visual .chart-line{animation:drawChart 1.8s ease-out forwards;stroke-dasharray:500;stroke-dashoffset:500}.demo-mobile-visual .balance-pulse{animation:balancePulse 2s ease-in-out infinite}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes balancePulse{0%,to{opacity:.8}50%{opacity:1}}.demo-form-container{max-width:100%;padding:0}.demo-form-container h3{font-size:1rem;justify-content:center;margin-bottom:20px}.demo-form-container h3:before{display:none}.demo-form .form-group{margin-bottom:14px}.demo-form input{font-size:.95rem;padding:12px 0}.demo-form .btn{font-size:.95rem;padding:14px 24px}.form-note{font-size:.8rem;margin-top:16px}}@media (max-width:480px){.demo-form-container h3{font-size:.95rem}.demo-form input{font-size:.9rem;padding:10px 0}}