.equity-panel,.trades-panel{margin-top:18px;margin-bottom:38px;border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:linear-gradient(145deg,rgba(23,32,51,.68),rgba(8,13,24,.86))}
.chart-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.chart-title span{color:var(--mute);font-size:12px}.chart-title h2{font-size:18px;margin:7px 0}.legend{display:flex;gap:20px}.legend span:before{content:"";width:18px;height:3px;border-radius:2px;display:inline-block;margin-right:7px;vertical-align:middle}.legend .net:before{background:var(--accent)}.legend .gross:before{background:#60a5fa}.legend .benchmark:before{background:#94a3b8}
.equity-chart{width:100%;height:340px;margin-top:22px;background:repeating-linear-gradient(0deg,transparent,transparent 74px,rgba(255,255,255,.035) 75px);overflow:visible}.equity-chart polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.net-line{stroke:var(--accent);stroke-width:3}.gross-line{stroke:#60a5fa;stroke-width:1.5;opacity:.8}.benchmark-line{stroke:#94a3b8;stroke-width:1.5;opacity:.65}
.trades-panel h2{margin-top:0}.trade-table{overflow-x:auto}.trade-table table{width:100%;border-collapse:collapse}.trade-table th,.trade-table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);font-size:13px}.trade-table th{color:var(--mute);font-weight:500}
.strategy-selection{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:12px;width:100%}.selection-pill{white-space:nowrap}.timeframe-form{display:grid;gap:5px}.timeframe-form label{color:var(--mute);font-size:11px}.timeframe-form select{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 30px 9px 11px}
.strategy-preview-form{grid-template-columns:repeat(4,minmax(100px,1fr));align-items:end;justify-content:start;gap:7px;width:min(760px,100%)}.strategy-preview-form label{grid-row:1}.strategy-preview-form select,.strategy-preview-form button{grid-row:2;height:42px}.preview-access-banner{border-color:rgba(251,191,36,.25);background:rgba(251,191,36,.055)}
.view-backtest-button{background:var(--accent);color:#03110f;box-shadow:0 8px 24px rgba(32,199,173,.18)}
.portfolio-form{padding-bottom:80px}.portfolio-form>p,.component-form{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.component-form{margin:12px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.component-form legend{color:var(--accent);padding:0 8px}.component-form p{margin:0}.portfolio-form label{display:block;color:var(--mute);font-size:12px;margin-bottom:6px}.portfolio-form input,.portfolio-form select{width:100%;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text)}.portfolio-form>.button{margin:10px 8px 0 0}
.portfolio-introduction{margin-bottom:28px;padding:28px;border:1px solid rgba(32,199,173,.22);border-radius:var(--radius);background:linear-gradient(145deg,rgba(32,199,173,.08),rgba(17,24,39,.72))}.portfolio-intro-copy{max-width:820px}.portfolio-intro-copy h2{margin:9px 0 10px;font-size:clamp(24px,3vw,34px)}.portfolio-intro-copy p,.portfolio-benefits p{color:var(--mute);line-height:1.65}.portfolio-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.portfolio-benefits article{padding:18px;border:1px solid var(--line);border-radius:13px;background:rgba(8,13,24,.38)}.portfolio-benefits article>span{display:block;margin-bottom:18px;color:var(--accent);font-size:11px}.portfolio-benefits strong{font-size:15px}.portfolio-benefits p{margin:8px 0 0;font-size:13px}
.currency-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.currency-tabs a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--mute)}.currency-tabs a.active{color:var(--accent);border-color:rgba(32,199,173,.45);background:rgba(32,199,173,.08)}
.strategy-metrics{grid-template-columns:repeat(5,1fr)}
.cost-disclosure{margin-bottom:38px;padding:24px;border:1px solid rgba(32,199,173,.22);border-radius:var(--radius);background:rgba(32,199,173,.045)}.cost-disclosure-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.cost-disclosure-head h2{margin:7px 0 0}.cost-disclosure-head>span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--mute);font-size:11px}.cost-disclosure>p{max-width:820px;margin:13px 0 20px;color:var(--mute);line-height:1.55}.cost-disclosure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cost-disclosure-grid>div{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(8,13,24,.5)}.cost-disclosure-grid span{display:block;margin-bottom:6px;color:var(--mute);font-size:11px}.cost-disclosure-grid strong{font-size:14px;line-height:1.45}
.access-banner,.research-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:18px 22px;border:1px solid rgba(32,199,173,.24);border-radius:14px;background:rgba(32,199,173,.06)}.access-banner p,.research-note p{margin:5px 0 0;color:var(--mute);line-height:1.5}.access-banner .button{flex:none}.chart-foot,.trades-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.chart-foot{padding-top:14px;border-top:1px solid var(--line);color:var(--mute);font-size:12px}.trades-title h2{margin:0}.trades-title span{color:var(--accent);font-size:12px}.research-note{margin-top:0;margin-bottom:70px;border-color:var(--line);background:transparent}.research-note p{max-width:820px}
.quality-warning,.quality-danger{margin-bottom:12px}.quality-warning{border-color:rgba(251,191,36,.38);background:rgba(251,191,36,.07)}.quality-warning strong{color:#fbbf24}.quality-danger{border-color:rgba(251,113,133,.42);background:rgba(251,113,133,.08)}.quality-danger strong{color:var(--red)}
.forward-panel{margin-bottom:38px;padding:24px;border:1px solid rgba(96,165,250,.25);border-radius:var(--radius);background:linear-gradient(145deg,rgba(96,165,250,.07),rgba(8,13,24,.8))}.forward-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.forward-panel-head h2{margin:7px 0 0}.forward-panel-head>span{padding:7px 10px;border:1px solid rgba(96,165,250,.3);border-radius:999px;color:#93c5fd;font-size:11px}.forward-panel>p{max-width:850px;color:var(--mute);line-height:1.6}.forward-study-list{display:grid;gap:10px;margin-top:18px}.forward-study-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(8,13,24,.48)}.forward-study-list article span,.forward-study-list article small{display:block;margin-top:5px;color:var(--mute);font-size:12px}.forward-result,.forward-pending{text-align:right}.forward-result strong{color:var(--accent);font-size:20px}.forward-pending strong{color:#93c5fd}
@media(max-width:850px){.strategy-metrics{grid-template-columns:repeat(2,1fr)}.strategy-head,.strategy-selection{display:block}.strategy-preview-form{margin-top:14px}}
@media(max-width:700px){.chart-title,.chart-foot,.access-banner,.research-note,.forward-panel-head,.forward-study-list article{align-items:flex-start;flex-direction:column}.forward-result,.forward-pending{text-align:left}.legend{flex-wrap:wrap;gap:10px 16px}.equity-chart{height:260px}.equity-panel,.trades-panel{padding:17px}.access-banner .button{width:100%}.portfolio-benefits,.cost-disclosure-grid{grid-template-columns:1fr}}
@media(max-width:560px){.strategy-preview-form{grid-template-columns:1fr 1fr}.strategy-preview-form label,.strategy-preview-form select,.strategy-preview-form button{grid-row:auto}.strategy-preview-form label{margin-top:5px}.strategy-preview-form button{grid-column:1/-1}}
@media(max-width:480px){.strategy-metrics{grid-template-columns:1fr}}
