/*
Theme Name: MyTradingBro EA
Theme URI: https://mytradingbro.com/
Author: MyTradingBro
Description: Dark MyTradingBro customer area for the MT5 AI Chart Assistant.
Version: 0.1.1
Requires at least: 6.0
*/
:root{--bg:#0f1115;--panel:#181b21;--panel2:#121419;--border:#292e37;--text:#f3f4f6;--muted:#8e96a3;--yellow:#f1c40f;--green:#52d273;--red:#ff6363}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh}
a{color:var(--yellow);text-decoration:none}
a:hover{text-decoration:underline}
.mtb-site{min-height:100vh;display:flex;flex-direction:column}
.mtb-header{border-bottom:1px solid var(--border);background:#101216;position:sticky;top:0;z-index:10}
.mtb-nav{max-width:1180px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.mtb-logo{font-size:22px;font-weight:900;letter-spacing:.2px;color:#fff}
.mtb-logo span{color:var(--yellow)}
.mtb-menu{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.mtb-menu a{color:#c9ced6;font-size:14px}
.mtb-menu .button{color:#111}
.mtb-main{width:min(1180px,100%);margin:auto;padding:42px 24px 70px;flex:1}
.mtb-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}
.mtb-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px}
.mtb-hero-main{display:flex;flex-direction:column;justify-content:center;min-height:390px}
.mtb-kicker{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--yellow);font-weight:800}
h1{font-size:48px;line-height:1.04;margin:12px 0 16px}
h2{font-size:22px;margin:0 0 14px}
h3{font-size:16px;margin:0 0 10px}
.mtb-lead{font-size:18px;line-height:1.6;color:#c9ced6;max-width:700px}
.mtb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#111;font-weight:800;border-radius:9px;padding:12px 18px;border:0;cursor:pointer;text-decoration:none}
.button:hover{text-decoration:none;filter:brightness(1.04)}
.button.secondary{background:#252a33;color:#fff;border:1px solid #343a45}
.mtb-mini-title{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.mtb-big{font-size:34px;font-weight:900;margin:8px 0 20px}
.mtb-list{display:grid;gap:12px}
.mtb-list div{background:var(--panel2);border-radius:11px;padding:13px 14px;color:#c9ced6}
.mtb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.mtb-feature{min-height:150px}
.mtb-feature strong{display:block;font-size:16px;margin-bottom:8px}
.mtb-feature p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
.mtb-page{max-width:760px;margin:0 auto}
.mtb-page h1{font-size:36px}
.mtb-content{color:#c9ced6;line-height:1.7}
.mtb-footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px}
.mtb-footer-inner{max-width:1180px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;gap:15px}
@media(max-width:800px){
 .mtb-nav{align-items:flex-start;flex-direction:column}
 .mtb-menu{gap:13px}
 .mtb-main{padding:28px 16px 50px}
 .mtb-hero{grid-template-columns:1fr}
 h1{font-size:38px}
 .mtb-grid{grid-template-columns:1fr}
 .mtb-hero-main{min-height:auto}
}