body{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.glass{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1)}.gridbg{background-image:linear-gradient(rgba(214,173,85,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(214,173,85,.035) 1px,transparent 1px);background-size:48px 48px}.goldline{background:linear-gradient(90deg,transparent,#d6ad55,transparent);height:1px}.field{width:100%;background:#0b1017;border:1px solid #27303d;border-radius:.65rem;padding:.75rem;color:white}.btn{background:#d6ad55;color:#080b10;font-weight:700;padding:.75rem 1rem;border-radius:.65rem}.hero-grid{background:radial-gradient(circle at 72% 35%,rgba(214,173,85,.13),transparent 26%),linear-gradient(rgba(214,173,85,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(214,173,85,.025) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.pill{display:inline-flex;border:1px solid rgba(214,173,85,.28);background:rgba(214,173,85,.08);color:#d6ad55;border-radius:999px;padding:.45rem .75rem;font-size:.68rem;font-weight:800;letter-spacing:.13em}.ghostbtn{padding:1rem 1.5rem;border:1px solid rgba(255,255,255,.16);border-radius:.65rem;font-weight:700}.signal-shell{background:linear-gradient(145deg,#111923,#090d13);border:1px solid rgba(214,173,85,.28);border-radius:1.5rem;padding:1.6rem;box-shadow:0 30px 90px rgba(0,0,0,.45)}.signal-preview{background:#080c12;border:1px solid rgba(255,255,255,.09);border-radius:1rem;padding:1.4rem}.live-dot{width:8px;height:8px;border-radius:50%;background:#d6ad55;box-shadow:0 0 0 5px rgba(214,173,85,.1);display:inline-block}.loading-track{height:5px;background:#202733;border-radius:999px;overflow:hidden}.loading-track span{display:block;height:100%;width:67%;background:#d6ad55;animation:pulsebar 1.8s ease-in-out infinite}@keyframes pulsebar{50%{opacity:.35}}.metric{background:#10161f;border-radius:.7rem;padding:.8rem}.metric small{display:block;color:#64748b;font-size:.6rem}.metric b{display:block;margin-top:.3rem;font-size:.75rem}.eyebrow{color:#d6ad55;font-size:.7rem;letter-spacing:.2em;font-weight:800}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-top:.7rem}.subcopy{color:#94a3b8;font-size:1.05rem;margin-top:1rem}.feature{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);padding:1rem;border-radius:.8rem}.pricing{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:1.3rem}.signal-stage{display:inline-flex;padding:.4rem .7rem;border-radius:999px;background:rgba(214,173,85,.1);color:#d6ad55;font-size:.68rem;font-weight:800;letter-spacing:.12em}.countdown{font-variant-numeric:tabular-nums;font-size:clamp(2rem,7vw,4rem);font-weight:900;letter-spacing:.04em}.signal-number{font-size:1.45rem;font-weight:800}.signal-number small{display:block;font-size:.62rem;color:#64748b;letter-spacing:.12em;margin-bottom:.25rem}.signal-active{border-color:rgba(214,173,85,.45);box-shadow:inset 0 0 60px rgba(214,173,85,.035)}

.live-connection{display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#d6ad55;border:1px solid rgba(214,173,85,.2);padding:.65rem .85rem;border-radius:999px;background:rgba(214,173,85,.05)}
.market-badge{min-width:145px;background:rgba(214,173,85,.06);border:1px solid rgba(214,173,85,.18);border-radius:1rem;padding:1rem;text-align:right}.market-badge small{display:block;color:#64748b;font-size:.6rem;letter-spacing:.15em}.market-badge strong{display:block;color:#d6ad55;font-size:1.35rem}.market-badge span{display:block;font-size:.7rem;margin-top:.2rem}
.direction{display:inline-flex;border-radius:999px;padding:.35rem .65rem;font-size:.68rem;font-weight:900;letter-spacing:.12em}.direction.buy{background:rgba(34,197,94,.12);color:#86efac}.direction.sell{background:rgba(239,68,68,.12);color:#fca5a5}.direction.pending{background:rgba(148,163,184,.1);color:#94a3b8}
.signal-progress{display:flex;align-items:center;gap:.5rem}.signal-progress span{font-size:.58rem;letter-spacing:.1em;color:#475569;font-weight:900;white-space:nowrap}.signal-progress span.on{color:#d6ad55}.signal-progress i{height:1px;background:#27303d;flex:1}
.desk-note{border-left:3px solid #d6ad55;background:rgba(214,173,85,.06);padding:1rem 1.1rem;border-radius:.5rem;color:#e2e8f0}.desk-note span{display:block;color:#d6ad55;font-size:.6rem;letter-spacing:.15em;font-weight:900;margin-bottom:.25rem}
.timeline-row{position:relative;display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.timeline-row:last-child{border:0}.timeline-pulse{margin-top:.4rem;width:10px;height:10px;border-radius:50%;background:#475569;flex:none}.timeline-row.latest .timeline-pulse{background:#d6ad55;box-shadow:0 0 0 6px rgba(214,173,85,.08)}.timeline-row b{font-size:.7rem;letter-spacing:.1em;color:#d6ad55}.timeline-row time{font-size:.68rem;color:#64748b}.timeline-row p{color:#cbd5e1;margin-top:.25rem}
.action-card{font-size:clamp(2rem,5vw,3.5rem);font-weight:950;letter-spacing:-.04em;color:#d6ad55;border:1px solid rgba(214,173,85,.2);background:rgba(214,173,85,.05);border-radius:1rem;padding:1.2rem}
@media(max-width:700px){header nav{gap:.75rem;font-size:.72rem;overflow-x:auto}.signal-progress{gap:.25rem}.signal-progress span{font-size:.48rem}.market-badge{text-align:left}.signal-shell{padding:1.1rem}}

.pulse-score{min-width:170px;border:1px solid rgba(214,173,85,.2);background:rgba(214,173,85,.06);border-radius:1rem;padding:1rem;text-align:right}.pulse-score small{display:block;color:#64748b;font-size:.6rem;letter-spacing:.15em}.pulse-score strong{display:block;color:#d6ad55;font-size:1.25rem;margin-top:.25rem}.pulse-score span{font-size:.68rem;color:#94a3b8}.strength-row{margin-bottom:1.4rem}.strength-row b{font-size:.75rem;letter-spacing:.1em}.strength-row span{font-size:.72rem;color:#94a3b8}.strength-track{height:18px;border-radius:999px;background:#151c26;margin-top:.6rem;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.strength-track i{height:100%;display:block;background:linear-gradient(90deg,#8a6d2f,#d6ad55);border-radius:999px;transition:width .6s ease}.strength-scale{display:flex;justify-content:space-between;color:#475569;font-size:.58rem;letter-spacing:.12em;margin-top:-.5rem}.level-card{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.level-card span{font-size:.62rem;color:#64748b;letter-spacing:.12em}.level-card b{font-size:1.05rem;color:#e2e8f0}

.session-strip{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:1rem;padding:.8rem 1rem;font-size:.75rem}.session-strip>div{display:flex;align-items:center;gap:.55rem}.session-strip strong{color:#d6ad55;letter-spacing:.1em}.session-strip>span:last-child{margin-left:auto;color:#64748b}.session-dot{width:8px;height:8px;border-radius:50%;background:#64748b;display:inline-block}.session-dot.open{background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,.7)}.simple-signal-action{text-align:center;padding:2.2rem 1rem}.simple-signal-action small{display:block;color:#64748b;letter-spacing:.18em;font-size:.65rem}.simple-signal-action strong{display:block;font-size:clamp(2.8rem,9vw,6rem);line-height:1;margin-top:.65rem;color:#d6ad55}.simple-signal-action span{display:block;margin-top:1rem;color:#cbd5e1;font-size:1.05rem}.action-buy strong{color:#4ade80}.action-sell strong,.action-close-positions strong{color:#fb7185}.simple-level{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.simple-level span{font-size:.65rem;color:#64748b;letter-spacing:.1em}.simple-level b{color:#e2e8f0}

.session-card{display:flex;align-items:center;gap:.8rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:1rem;padding:.9rem 1rem}.session-card>div{display:flex;align-items:center;gap:.55rem}.session-card strong{margin-left:auto;color:#d6ad55;letter-spacing:.1em;font-size:.75rem}.session-card>span:last-child{color:#64748b;font-size:.72rem}

.chart-panel{overflow:hidden;padding:0}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid rgba(255,255,255,.08)}.chart-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.chart-btn{border:1px solid rgba(255,255,255,.12);border-radius:.65rem;padding:.55rem .8rem;font-size:.72rem;font-weight:700;color:#cbd5e1;background:rgba(255,255,255,.04);cursor:pointer}.chart-btn:hover{background:rgba(255,255,255,.09)}.chart-btn-primary{border-color:rgba(214,173,85,.4);color:#d6ad55}.chart-body{height:clamp(620px,76vh,900px);transition:height .2s ease}.chart-collapsed .chart-body{display:none}.chart-minimized .chart-body{height:300px}.chart-maximized{position:fixed!important;inset:0!important;z-index:9999!important;border-radius:0!important;background:#080b10!important;margin:0!important;width:100vw!important;height:100vh!important}.chart-maximized .chart-body{height:calc(100vh - 82px)!important}.chart-lock{overflow:hidden}.chart-maximized .chart-toolbar{padding-left:1.5rem;padding-right:1.5rem}
@media(max-width:640px){.chart-toolbar{align-items:flex-start;flex-direction:column}.chart-actions{width:100%;justify-content:stretch}.chart-btn{flex:1;padding:.65rem .35rem}.chart-body{height:560px}.chart-minimized .chart-body{height:260px}.chart-maximized .chart-body{height:calc(100vh - 132px)!important}}

/* Full-width Gold chart workspace */
#goldChartPanel{
 width:calc(100vw - 32px);
 max-width:none;
 position:relative;
 left:50%;
 transform:translateX(-50%);
 margin-top:1.5rem;
}
#goldChartPanel .chart-body{
 height:clamp(720px,82vh,1050px);
}
#goldChartPanel.chart-minimized .chart-body{height:320px}
#goldChartPanel.chart-maximized{
 left:0!important;
 transform:none!important;
 width:100vw!important;
 max-width:none!important;
}
@media(min-width:1280px){
 #goldChartPanel{width:calc(100vw - 64px)}
}
@media(max-width:640px){
 #goldChartPanel{width:calc(100vw - 16px)}
 #goldChartPanel .chart-body{height:68vh;min-height:520px}
 #goldChartPanel.chart-minimized .chart-body{height:260px;min-height:260px}
}

/* Strong visible chart controls */
#goldChartPanel .chart-actions{gap:.65rem}
#goldChartPanel .chart-btn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;
 min-height:42px!important;padding:.65rem 1rem!important;
 border:1px solid rgba(214,173,85,.65)!important;
 background:#17191e!important;color:#f1f5f9!important;
 border-radius:.7rem!important;font-size:.78rem!important;font-weight:800!important;
 box-shadow:0 2px 10px rgba(0,0,0,.28)!important;opacity:1!important;visibility:visible!important;
}
#goldChartPanel .chart-btn:hover{background:#252831!important;border-color:#d6ad55!important}
#goldChartPanel .chart-btn-primary{background:#d6ad55!important;color:#090b0f!important;border-color:#d6ad55!important}
#goldChartPanel .chart-btn-primary:hover{background:#e4c474!important}
#goldChartPanel .chart-icon{font-size:1.15rem;line-height:1;font-weight:900}
@media(max-width:640px){
 #goldChartPanel .chart-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
 #goldChartPanel .chart-btn{padding:.65rem .35rem!important;font-size:.68rem!important}
}

/* Clean chart: no custom toolbar or controls */
#goldChartPanel{padding:0!important}
#goldChartPanel .chart-body{height:clamp(720px,82vh,1050px)!important}
@media(max-width:640px){#goldChartPanel .chart-body{height:68vh!important;min-height:520px!important}}

/* Active trading session pulse */
@keyframes goldtrailSessionPulse{
 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.75),0 0 12px rgba(34,197,94,.9)}
 50%{opacity:.35;box-shadow:0 0 0 7px rgba(34,197,94,0),0 0 4px rgba(34,197,94,.35)}
}
.session-dot.open{
 background:#22c55e!important;
 animation:goldtrailSessionPulse 1.15s ease-in-out infinite!important;
}
.session-card:has(.session-dot.open) strong{color:#4ade80!important}

.training-time{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:.9rem;padding:1rem}.training-time span{display:block;color:#64748b;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.training-time b{display:block;color:#e2e8f0;margin-top:.35rem}.training-lock{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(214,173,85,.1)}

/* GoldTrail Forex background, shared across public and admin pages */
body{background:#07090d url("forex-background.png") center top / cover fixed no-repeat!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,6,10,.92),rgba(4,6,10,.77)),rgba(4,6,10,.25);z-index:-1}
.glass,.feature,.pricing,.signal-shell,.session-card{backdrop-filter:blur(13px);background-color:rgba(9,13,20,.88)!important}
.session-card small{display:block;color:#94a3b8;font-size:.75rem;margin-top:.3rem}

/* Subtle premium motion, including admin */
@keyframes gtRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes gtGlow{0%,100%{box-shadow:0 0 0 rgba(212,175,55,0)}50%{box-shadow:0 0 26px rgba(212,175,55,.13)}}
@keyframes gtDot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.55)}50%{opacity:.45;box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.feature,.pricing,.signal-shell,.glass,.session-card{animation:gtRise .65s ease both;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.feature:hover,.pricing:hover,.session-card:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.35)}
.session-dot.open{animation:gtDot 1.25s ease-in-out infinite!important;background:#22c55e!important}
.live-dot{animation:gtDot 1.5s ease-in-out infinite}
.btn{transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,175,55,.18)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Brighter gold-market background, versioned to bypass old image cache */
body{background-image:url("forex-background-bright.png")!important}
body::before{background:linear-gradient(90deg,rgba(4,6,10,.69),rgba(4,6,10,.53)),rgba(4,6,10,.10)!important}
