/* AOM Traders V24 — App Visual Sync
   Source of truth: AOM Traders Android app visual language.
   Cyan = primary brand/action. Green = positive/live/success only.
*/
:root{
  --bg:#06111a;
  --bg2:#081722;
  --panel:#0d1d2a;
  --panel2:#102334;
  --line:#183246;
  --line2:#23485d;
  --text:#f4f7fa;
  --muted:#8da0af;
  --green:#27d7f2;
  --green2:#0fb8dc;
  --greenSoft:rgba(39,215,242,.10);
  --success:#23d47d;
  --successSoft:rgba(35,212,125,.10);
  --amber:#e4b657;
  --red:#ef7777;
  --radius:18px;
  --radius-sm:13px;
  --shadow:0 24px 70px rgba(0,0,0,.32);
}

html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 78% 8%,rgba(39,215,242,.065),transparent 30%),
    radial-gradient(circle at 10% 44%,rgba(21,103,139,.055),transparent 25%),
    var(--bg);
  color:var(--text);
  font-family:"Segoe UI Variable Text","Segoe UI",Roboto,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  letter-spacing:-.005em;
}

/* Header / Brand — same hierarchy as app: AOM cyan, TRADERS white */
.site-shell{background:linear-gradient(180deg,rgba(6,17,26,.99),rgba(6,17,26,.88),transparent)}
.site-header{
  border-color:#19384b;
  background:rgba(7,19,29,.91);
  box-shadow:0 12px 36px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.018);
}
.nav-left a{color:#91a3b1;font-weight:650}
.nav-left a:hover,.nav-left a.active{color:#f7fafc;border-color:#27d7f2}
.brand{
  gap:10px;
  font-family:"Segoe UI Variable Display","Segoe UI",Roboto,Inter,sans-serif;
  font-size:18px;
  font-weight:800;
  letter-spacing:.025em;
}
.brand svg{color:#27d7f2;filter:drop-shadow(0 0 10px rgba(39,215,242,.12))}
.brand>span{color:#27d7f2}
.brand b{color:#f5f7f9;font-weight:800}
.mobile-nav{background:#091824;border-color:#19384b}
.mobile-nav a{background:#0d1f2d;color:#dbe4ea}
.menu-btn,.btn-secondary{background:#0b1a26;border-color:#20465b;color:#f4f7f9}

/* Buttons */
.btn{border-radius:12px;font-weight:750;letter-spacing:-.01em}
.btn-primary{
  color:#041018;
  background:linear-gradient(180deg,#35dcf4 0%,#15bfe7 100%);
  border-color:#42def4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 24px rgba(22,191,231,.12);
}
.btn-primary:hover{background:linear-gradient(180deg,#49e4f8 0%,#1bc6ec 100%)}
.btn-secondary:hover{border-color:#2f6881;background:#0d2130}

/* Typography / accent */
.eyebrow,.tiny-label{color:#2fd8f2}
.eyebrow i{background:#2fd8f2;box-shadow:0 0 14px rgba(47,216,242,.58)}
h1,h2,h3{font-family:"Segoe UI Variable Display","Segoe UI",Roboto,Inter,sans-serif;font-weight:780}
h1{letter-spacing:-.048em}
h1 span{color:#25cce9}
.lead{color:#92a6b4}

/* Shared surfaces */
.section-soft{background:linear-gradient(180deg,rgba(10,27,39,.72),rgba(6,17,26,.16));border-color:rgba(55,123,151,.10)}
.info-card,.workspace-card,.strategy-card,.access-card,.product-card,.app-card,.side-card,.partner-copy,.partner-form,.checkout-summary,.checkout-form,.status-form,.status-result,.detail-card,.xau-main,.app-flow article{
  border-color:#18384b;
  background:linear-gradient(160deg,#0d1d2a,#091824);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.012);
}
.info-card:hover,.workspace-card:hover,.strategy-card:hover,.access-card:hover,.product-card:hover{
  border-color:#24566e;
}

/* Home app-like quick cards */
.trust-row>div{background:#0d1d2a;border-color:#19384b}
.trust-row>div>span{
  border-color:rgba(39,215,242,.25);
  background:rgba(39,215,242,.055);
  color:#2fd8f2;
}
.trust-row small{color:#738896}

/* XAU panel — cyan product/market accent, green reserved for LIVE */
.live-panel{
  border-color:#1c4255;
  background:linear-gradient(145deg,#0c1c29,#081722);
  box-shadow:0 35px 90px rgba(0,0,0,.38),0 0 70px rgba(39,215,242,.035);
}
.market-chart{background:linear-gradient(180deg,rgba(39,215,242,.045),transparent);border-color:rgba(74,154,184,.10)}
.live-stats>div,.workspace-data,.workspace-note,.xau-levels>div,.price-zone,.summary-price,.plan-option span{
  background:#091925;
  border-color:#19394c;
}
.live-stats b,.workspace-data b,.xau-levels b{color:#f5f8fa}
.live-foot a,.info-card>a,.access-card>a,.side-card>a,.consent a,.form-action span,.form-status{color:#2fd8f2}
.status-pill{
  border-color:rgba(35,212,125,.28);
  background:var(--successSoft);
  color:#4ee69a;
}
.status-pill i{background:var(--success);box-shadow:0 0 12px rgba(35,212,125,.45)}

/* Cards / labels */
.card-icon,.step,.app-number{
  border-color:rgba(39,215,242,.24);
  background:rgba(39,215,242,.055);
  color:#2fd8f2;
}
.clean-list li:before{background:rgba(39,215,242,.14);border-color:rgba(39,215,242,.34)}
.app-flow article>span{color:rgba(39,215,242,.18)}

/* Product library */
.product-logo{
  border-color:rgba(68,132,158,.16);
  background:radial-gradient(circle at 50% 30%,rgba(39,215,242,.075),transparent 58%),#07121a;
}
.product-kind{color:#2ed8f2}
.product-tag{border-color:#1b3b4e;color:#8095a3;background:#0a1924}
.product-price{border-color:#19384a}
.product-actions .btn-primary{color:#041018}
.filter-chip{background:#0a1924;border-color:#1e4357;color:#95a7b3}
.filter-chip:hover,.filter-chip.active{border-color:#2bcfe9;color:#eafcff;background:rgba(39,215,242,.075)}

/* Forms */
.partner-form input,.partner-form select,.partner-form textarea,.checkout-form input,.checkout-form select,.status-form input,.assistant-form input{
  background:#071723;
  border-color:#20465b;
}
.partner-form input:focus,.partner-form select:focus,.partner-form textarea:focus,.checkout-form input:focus,.checkout-form select:focus,.status-form input:focus,.assistant-form input:focus{
  border-color:#27cde8;
  box-shadow:0 0 0 3px rgba(39,215,242,.07);
}
.plan-option input:checked+span{border-color:rgba(39,215,242,.58);background:rgba(39,215,242,.07)}

/* Banner / footer */
.final-banner{
  border-color:#1d4659;
  background:linear-gradient(110deg,#091925,#0b2230);
}
.footer{background:#050e16;border-color:#173043}
.footer-grid h4{color:#6f92a4}
.footer-grid a{color:#9aabb6}
.footer-grid a:hover{color:#2fd8f2}
.footer-bottom{border-color:#173043;color:#607785}

/* Assistant follows app action color */
.assistant-fab{
  border-color:rgba(39,215,242,.20);
  background:linear-gradient(135deg,#08141d,#0c1d2a);
  color:#eafcff;
  box-shadow:0 14px 40px rgba(0,0,0,.38),0 0 20px rgba(39,215,242,.08);
}
.assistant-fab:hover{
  border-color:rgba(39,215,242,.36);
  background:linear-gradient(135deg,#0a1822,#102536);
  color:#ffffff;
}
.assistant-dot{background:#2fd8f2;box-shadow:0 0 10px rgba(47,216,242,.38)}
.assistant-panel{background:#091824;border-color:#21475b}
.assistant-head,.assistant-form{border-color:#19384a}
.assistant-bubble-bot{background:#0e202d;border-color:#193d50;color:#bdcbd3}
.assistant-bubble-user{background:#16badf;color:#041018;font-weight:650}

/* Status semantics — positive remains green like Android app */
.impact.low{color:#4ade91}
.success,.status-success,.metric-positive,.positive{color:var(--success)!important}

/* Precision: equal geometry remains locked across rows */
.product-grid,.market-cards,.strategy-grid,.access-grid,.market-workspace,.app-flow{align-items:stretch}
.product-card{height:396px;min-height:396px}
.product-actions .btn,.btn-header{white-space:nowrap}

@media(max-width:620px){
  .brand{font-size:15px;letter-spacing:.02em}
  .site-header{background:rgba(7,19,29,.95)}
  .assistant-fab{color:#eafcff}
}