
:root{--bg:#050505;--panel:#0d0f10;--text:#f5f7f8;--muted:#a8afb5;--green:#12d83d;--red:#ff2f39;--line:#262b2f;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:20;background:rgba(5,5,5,.9);backdrop-filter:blur(14px);border-bottom:1px solid #171a1c}.nav-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:400px}.nav-links,.nav-actions{display:flex;align-items:center;gap:20px}.nav-links{font-size:14px;color:#d8dddf}.btn{display:inline-flex;padding:12px 18px;border-radius:10px;font-weight:800;font-size:14px;border:1px solid #384044}.btn-primary{background:var(--green);color:#031006;border-color:var(--green)}.btn-secondary{background:#0d0f10}
.hero{padding:86px 0 56px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.eyebrow{color:var(--green);font-size:13px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}h1{font-size:clamp(46px,7vw,76px);line-height:.98;letter-spacing:-.05em;margin:14px 0 24px}h1 .accent{color:var(--green)}.lead{font-size:20px;color:#c3c8cc;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.badges{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;color:#aeb5ba;font-size:14px}.badges span:before{content:"✓";color:var(--green);margin-right:8px}
.chart-card,.card,.step,.price-card,.risk-card{background:var(--panel);border:1px solid #202529;border-radius:18px}.chart-card{padding:28px}.chart{height:220px;border:1px solid #1f2529;border-radius:14px;position:relative;overflow:hidden;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px}.chart svg{width:100%;height:100%}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.metric{background:#111416;border:1px solid #20262a;border-radius:14px;padding:16px}.metric b{display:block;font-size:24px}.metric small,.note{color:#8e969c}.note{font-size:12px;margin-top:10px}
.section{padding:72px 0}.alt{background:#090b0c;border-block:1px solid #171b1e}.section-head{max-width:760px;margin-bottom:34px}.section-head h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;margin:8px 0}.section-head p,.card p,.step p,.risk-card p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.step{padding:24px}.icon,.step-num{display:grid;place-items:center;background:#0d2113;color:var(--green);font-weight:900}.icon{width:42px;height:42px;border-radius:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step-num{width:34px;height:34px;border-radius:50%;background:var(--green);color:#031006;margin-bottom:14px}
.price-wrap{display:grid;grid-template-columns:1fr .9fr;gap:22px}.price-card,.risk-card{padding:34px}.price{font-size:58px;font-weight:900;letter-spacing:-.05em}.price span{font-size:16px;color:var(--muted);font-weight:500}.list{display:grid;gap:10px;margin:22px 0 28px}.list div:before{content:"✓";color:var(--green);margin-right:10px}.faq{display:grid;gap:12px}details{background:#0d0f10;border:1px solid #22272a;border-radius:14px;padding:18px 20px}summary{font-weight:800;cursor:pointer}details p{color:var(--muted)}
.cta{padding:68px 0}.cta-box{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:40px;border:1px solid #243127;border-radius:24px;background:radial-gradient(circle at 80% 30%,rgba(18,216,61,.14),transparent 36%),#0b0e0c}.footer{border-top:1px solid #1a1f22;padding:34px 0 50px;color:#8f979d;font-size:13px}.footer-grid,.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-grid{justify-content:space-between}
.legal{padding:64px 0}.legal h1{font-size:44px;line-height:1.1}.legal h2{margin-top:32px}.legal p,.legal li{color:#b6bdc2}.kicker{color:#8f979d;font-size:13px}.warning{border-left:3px solid var(--red);background:#160d0e;padding:18px 20px;border-radius:0 12px 12px 0}
@media(max-width:900px){.hero-grid,.price-wrap{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.nav-links{display:none}}@media(max-width:620px){.container{width:min(100% - 26px,var(--max))}.steps{grid-template-columns:1fr}.brand img{width:270px}.nav-actions .btn-secondary{display:none}.cta-box{display:block}}

.chart-card,.card,.step,.price-card,.risk-card{position:relative;overflow:hidden}
.chart-card::after,.card::after,.step::after,.price-card::after,.risk-card::after{
  content:"";position:absolute;top:16px;right:16px;width:58px;height:58px;
  background:url("corner-mark.png") center/contain no-repeat;opacity:.66;pointer-events:none
}
.chart-card::after{width:68px;height:68px;opacity:.75}
.price-card::after,.risk-card::after{width:62px;height:62px;opacity:.66}

/* Signup + subscription */
.signup-shell{padding:58px 0 80px;min-height:calc(100vh - 112px)}
.signup-head{max-width:760px;margin:0 auto 32px;text-align:center}
.signup-head h1{font-size:clamp(38px,5vw,60px);line-height:1.02;margin:12px 0 16px}
.signup-head p{color:var(--muted);font-size:17px;margin:0 auto;max-width:650px}
.signup-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}
.form-card,.plan-card,.secure-note{background:var(--panel);border:1px solid #202529;border-radius:18px}
.form-card,.plan-card{padding:30px}
.form-card h2,.plan-card h2{margin:5px 0 20px;font-size:26px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px;margin-bottom:14px}
.field.full{grid-column:1/-1}
.field label{font-size:13px;font-weight:800;color:#dce1e4}
.field input,.field select{width:100%;background:#090b0c;color:var(--text);border:1px solid #2a3034;border-radius:11px;padding:13px 14px;font:inherit;outline:none}
.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(18,216,61,.09)}
.plan-list{display:grid;gap:10px;margin:14px 0 20px}
.plan-option{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #262d31;border-radius:13px;padding:14px 15px;cursor:pointer;background:#0a0d0e}
.plan-option:hover{border-color:#3a4449}
.plan-option input{accent-color:var(--green);margin-right:10px}
.plan-option strong{display:block;font-size:15px}
.plan-option small{color:var(--muted)}
.plan-option .amount{font-weight:900;white-space:nowrap}
.plan-option:has(input:checked){border-color:var(--green);background:#0a140d;box-shadow:0 0 0 1px rgba(18,216,61,.22) inset}
.plan-summary{border-top:1px solid #252b2e;margin-top:18px;padding-top:18px;display:grid;gap:10px}
.summary-row{display:flex;justify-content:space-between;gap:14px;color:#bdc4c8}
.summary-row.total{font-size:20px;color:var(--text);font-weight:900;padding-top:8px;border-top:1px solid #252b2e}
.consent{display:flex;gap:10px;align-items:flex-start;color:#aab1b5;font-size:13px;margin:18px 0}
.consent input{margin-top:3px;accent-color:var(--green)}
.signup-submit{width:100%;justify-content:center;font-size:15px;padding:15px 18px;cursor:pointer}
.signup-submit[disabled]{opacity:.45;cursor:not-allowed}
.secure-note{padding:16px 18px;margin-top:14px;color:#9fa8ad;font-size:12px}
.secure-note strong{color:#dce2e5}
.inline-links{display:flex;gap:14px;justify-content:center;margin-top:22px;font-size:13px;color:#929ba0}
.inline-links a{text-decoration:underline;text-underline-offset:3px}
.integration-note{margin-top:18px;padding:14px 16px;border-left:3px solid #d5a11e;background:#17130a;color:#c8c1ae;border-radius:0 10px 10px 0;font-size:13px}
@media(max-width:900px){.signup-grid{grid-template-columns:1fr}.signup-head{text-align:left}.signup-shell{padding-top:36px}}
@media(max-width:620px){.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-card,.plan-card{padding:22px}.plan-option{align-items:flex-start}.brand img{width:270px}}

/* Markets traded */
.markets-head{margin-bottom:22px}
.markets-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.market-tile{
  background:#090b0c;
  border:1px solid #202529;
  border-radius:14px;
  overflow:hidden;
  min-width:0;
  transition:transform .18s ease,border-color .18s ease;
}
.market-tile img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}
@media(hover:hover) and (pointer:fine){
  .market-tile:hover{transform:translateY(-2px);border-color:#343c40}
}
@media(max-width:980px){
  .markets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}
@media(max-width:620px){
  .markets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .market-tile{border-radius:12px}
}

/* Final vertical alignment tuning for market badges */
.markets-grid .market-tile:nth-child(3) img{object-position:center 55%;} /* UKOIL */
.markets-grid .market-tile:nth-child(4) img{object-position:center 55%;} /* US500 */
.markets-grid .market-tile:nth-child(6) img{object-position:center 54%;} /* GER40 */


/* ===== Awake Trading client login ===== */
.login-shell{
  padding:72px 0 96px;
}
.login-wrap{
  max-width:520px;
  margin:0 auto;
}
.login-head{
  text-align:center;
  margin-bottom:26px;
}
.login-head h1{
  margin:8px 0 12px;
  font-size:clamp(36px,5vw,58px);
  line-height:1.02;
}
.login-head p{
  margin:0 auto;
  max-width:470px;
  color:#aab1b5;
}
.login-card{
  position:relative;
  overflow:hidden;
  background:#101315;
  border:1px solid #202529;
  border-radius:20px;
  padding:30px;
}
.login-card:after{
  content:"";
  position:absolute;
  top:18px;
  right:18px;
  width:54px;
  height:54px;
  background:url("corner-mark.png") center/contain no-repeat;
  opacity:.52;
  pointer-events:none;
}
.login-card h2{
  margin:3px 0 24px;
  font-size:26px;
}
.login-field{
  margin-bottom:18px;
}
.login-field label{
  display:block;
  margin-bottom:8px;
  font-weight:700;
  color:#e9edef;
}
.login-field input{
  width:100%;
  min-height:52px;
  box-sizing:border-box;
  border:1px solid #293034;
  border-radius:11px;
  background:#0b0e10;
  color:#fff;
  padding:0 15px;
  font:inherit;
  outline:none;
}
.login-field input:focus{
  border-color:#18d841;
  box-shadow:0 0 0 3px rgba(24,216,65,.12);
}
.login-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:2px 0 22px;
  color:#aab1b5;
  font-size:14px;
}
.login-row a,
.login-footer a{
  color:#d9dee0;
  text-decoration:underline;
  text-underline-offset:3px;
}
.login-submit{
  width:100%;
  min-height:52px;
  justify-content:center;
  border:0;
  cursor:pointer;
  font:inherit;
  font-weight:800;
}
.login-footer{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #252b2f;
  text-align:center;
  color:#aab1b5;
  font-size:14px;
}
.portal-note{
  margin-top:16px;
  border:1px solid #243029;
  background:#0c1510;
  color:#aab1b5;
  border-radius:11px;
  padding:12px 14px;
  font-size:13px;
  line-height:1.55;
}
@media(max-width:620px){
  .login-shell{padding:44px 0 70px}
  .login-card{padding:22px}
  .login-row{align-items:flex-start;flex-direction:column}
}


/* ===== Awake Trading demo client dashboard ===== */
.dashboard-shell{padding:48px 0 88px}
.dashboard-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}
.dashboard-top h1{margin:5px 0 0;font-size:clamp(34px,5vw,54px);line-height:1.02}
.dashboard-top p{margin:8px 0 0;color:#aab1b5}
.demo-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border:1px solid #2d3731;
  border-radius:999px;
  background:#0d1710;
  color:#b9c8be;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.status-dot{
  width:8px;height:8px;border-radius:50%;background:#18d841;display:inline-block
}
.dashboard-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
}
.dash-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  background:#101315;
  border:1px solid #202529;
  border-radius:18px;
  padding:22px;
}
.dash-card h2{
  margin:4px 0 18px;
  font-size:20px;
}
.dash-card h3{
  margin:0;
  font-size:14px;
  color:#9ca6ab;
  font-weight:700;
}
.card-4{grid-column:span 4}
.card-6{grid-column:span 6}
.card-8{grid-column:span 8}
.card-12{grid-column:span 12}
.metric{
  font-size:30px;
  line-height:1;
  font-weight:900;
  margin-top:8px;
  letter-spacing:-.02em;
}
.metric.small{font-size:22px}
.muted{color:#99a3a8}
.good{color:#22db4e}
.warn{color:#efc34b}
.bad{color:#ef6262}
.stat-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid #22282c;
}
.stat-row:last-child{border-bottom:0;padding-bottom:0}
.stat-row:first-of-type{padding-top:0}
.stat-label{color:#9da7ac;font-size:14px}
.stat-value{font-weight:800;text-align:right}
.inline-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-weight:800;
}
.action-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.btn-muted{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 15px;
  border-radius:9px;
  border:1px solid #2b3338;
  background:#15191c;
  color:#edf1f2;
  text-decoration:none;
  font-weight:800;
  cursor:pointer;
}
.risk-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.risk-btn{
  min-height:46px;
  border:1px solid #2b3338;
  border-radius:10px;
  background:#0c1012;
  color:#cbd1d4;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.risk-btn.active{
  border-color:#18d841;
  background:#102416;
  color:#fff;
  box-shadow:0 0 0 2px rgba(24,216,65,.08) inset;
}
.protection-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  padding:13px 0;
  border-bottom:1px solid #22282c;
}
.protection-row:last-child{border-bottom:0}
.protection-row strong{display:block;margin-bottom:3px}
.protection-row span{font-size:13px;color:#97a1a6}
.toggle{
  position:relative;
  width:50px;
  height:28px;
  border-radius:999px;
  background:#2b3135;
  border:0;
  cursor:pointer;
}
.toggle:after{
  content:"";
  position:absolute;
  width:22px;height:22px;
  left:3px;top:3px;
  border-radius:50%;
  background:#fff;
  transition:.18s ease;
}
.toggle.on{background:#18c83e}
.toggle.on:after{transform:translateX(22px)}
.equity-chart{
  width:100%;
  height:170px;
  margin-top:12px;
  display:block;
}
.chart-grid-line{stroke:#252b2f;stroke-width:1}
.chart-line{fill:none;stroke:#22db4e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chart-area{fill:url(#dashArea)}
.performance-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.perf-box{
  border:1px solid #242b2f;
  border-radius:11px;
  padding:12px;
  background:#0c0f11;
}
.perf-box span{display:block;color:#909ba0;font-size:12px;margin-bottom:5px}
.perf-box strong{font-size:18px}
.dashboard-note{
  margin-top:18px;
  font-size:12px;
  color:#7f8a8f;
}
@media(max-width:900px){
  .card-4,.card-6,.card-8{grid-column:span 12}
  .dashboard-top{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .dashboard-shell{padding:34px 0 64px}
  .dash-card{padding:18px}
  .risk-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .performance-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== Risk slider + equity protection manager ===== */
.risk-slider-wrap{margin-top:18px}
.risk-slider-top{
  display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px
}
.risk-slider-value{
  font-size:34px;font-weight:900;line-height:1;color:#fff
}
.risk-slider-value span{font-size:16px;color:#98a3a8;font-weight:700}
.risk-slider{
  width:100%;
  accent-color:#18d841;
  cursor:pointer;
}
.risk-scale{
  display:flex;justify-content:space-between;color:#7f8a8f;font-size:12px;margin-top:5px
}
.risk-warning{
  margin-top:14px;padding:11px 13px;border-radius:10px;
  background:#15120a;border:1px solid #3d3319;color:#c8b77d;font-size:13px;line-height:1.45
}
.equity-actions{margin-top:18px}
.modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.72);
  display:none;align-items:center;justify-content:center;padding:20px;z-index:1000
}
.modal-backdrop.open{display:flex}
.equity-modal{
  width:min(680px,100%);max-height:90vh;overflow:auto;
  background:#101315;border:1px solid #283036;border-radius:18px;padding:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.45)
}
.modal-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px
}
.modal-head h2{margin:4px 0 0}
.modal-close{
  width:42px;height:42px;border-radius:10px;border:1px solid #2d3439;
  background:#171b1e;color:#fff;font-size:23px;cursor:pointer
}
.protect-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:14px
}
.protect-field{min-width:0}
.protect-field.full{grid-column:1/-1}
.protect-field label{
  display:block;margin-bottom:7px;color:#e7ebed;font-weight:800
}
.protect-field small{
  display:block;margin-top:6px;color:#7f8a8f;line-height:1.4
}
.protect-field input,.protect-field select{
  width:100%;box-sizing:border-box;min-height:48px;
  border:1px solid #2b3338;border-radius:10px;background:#0b0e10;color:#fff;
  padding:0 13px;font:inherit
}
.reset-preview{
  margin-top:14px;padding:12px 14px;border-radius:10px;
  border:1px solid #243029;background:#0c1510;color:#aab5ae;font-size:13px
}
.modal-actions{
  display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px
}
@media(max-width:620px){
  .protect-grid{grid-template-columns:1fr}
  .protect-field.full{grid-column:auto}
}


/* Align risk scale labels to the non-linear slider positions */
.risk-scale{
  position:relative;
  display:block;
  height:18px;
  margin-top:7px;
}
.risk-scale span{
  position:absolute;
  top:0;
  transform:translateX(-50%);
  white-space:nowrap;
}
.risk-scale span:nth-child(1){left:0%;transform:none;}          /* 0.1 */
.risk-scale span:nth-child(2){left:39.13%;}                    /* 1 */
.risk-scale span:nth-child(3){left:82.61%;}                    /* 2 */
.risk-scale span:nth-child(4){left:91.30%;}                    /* 3 */
.risk-scale span:nth-child(5){left:95.65%;}                    /* 4 */
.risk-scale span:nth-child(6){left:100%;transform:translateX(-100%);} /* 5 */


/* ===== Optimized trading dashboard ===== */
.copy-risk-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:18px;
  align-items:end;
}
.effective-risk{
  background:#0b0f11;
  border:1px solid #252c30;
  border-radius:12px;
  padding:14px;
}
.effective-risk span{
  display:block;
  color:#8f999e;
  font-size:12px;
  margin-top:2px;
}
.effective-risk strong{
  display:block;
  margin:3px 0 10px;
  font-size:17px;
}
.risk-quick-buttons{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin-top:18px;
}
.risk-quick{
  min-height:42px;
  border:1px solid #2b3338;
  border-radius:9px;
  background:#0c1012;
  color:#cbd1d4;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.risk-quick.active{
  border-color:#18d841;
  background:#102416;
  color:#fff;
}
.copy-risk-scale{
  position:relative;
  height:40px;
  margin-top:8px;
  color:#7f8a8f;
  font-size:12px;
}
.copy-risk-scale > span{
  position:absolute;
  top:0;
  transform:translateX(-50%);
  white-space:nowrap;
}
.copy-risk-scale > span:nth-child(1){left:0;transform:none}
.copy-risk-scale > span:nth-child(2){left:16.67%}
.copy-risk-scale > span:nth-child(3){left:33.33%}
.copy-risk-scale > span:nth-child(4){left:50%}
.copy-risk-scale > span:nth-child(5){left:66.67%}
.copy-risk-scale > span:nth-child(6){left:100%;transform:translateX(-100%)}
.master-marker{
  color:#dce2df;
  font-weight:800;
  text-align:center;
}
.master-marker small{
  display:block;
  margin-top:3px;
  color:#7f8a8f;
  font-size:10px;
  font-weight:600;
}
@media(max-width:760px){
  .risk-quick-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
  .copy-risk-summary{grid-template-columns:1fr}
}


/* ===== Dashboard v10 layout refinements ===== */
.copy-risk-scale > span:nth-child(1){left:0;transform:none}
.copy-risk-scale > span:nth-child(2){left:13.793%}
.copy-risk-scale > span:nth-child(3){left:31.034%}
.copy-risk-scale > span:nth-child(4){left:48.276%}
.copy-risk-scale > span:nth-child(5){left:65.517%}
.copy-risk-scale > span:nth-child(6){left:100%;transform:translateX(-100%)}

@media(min-width:981px){
  #account,
  #copier{
    min-height:100%;
  }
}


/* ===== Dedicated equity protection page ===== */
.protection-page-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:16px;
  align-items:start;
}
.protection-section{
  background:#101315;
  border:1px solid #202529;
  border-radius:18px;
  padding:22px;
}
.protection-section + .protection-section{margin-top:16px}
.protection-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.protection-title-row h2{
  margin:4px 0 5px;
  font-size:22px;
}
.protection-title-row p{
  margin:0;
  color:#98a2a7;
  font-size:14px;
}
.protection-control{
  display:grid;
  grid-template-columns:1fr 180px;
  gap:16px;
  align-items:end;
  padding:16px 0;
  border-bottom:1px solid #22282c;
}
.protection-control:last-child{border-bottom:0}
.protection-control h3{
  margin:0 0 5px;
  font-size:16px;
}
.protection-control p{
  margin:0;
  color:#8f9a9f;
  font-size:13px;
}
.protection-input-wrap label{
  display:block;
  margin-bottom:6px;
  color:#aeb7bb;
  font-size:12px;
  font-weight:800;
}
.protection-input{
  position:relative;
}
.protection-input input,
.protection-input select{
  width:100%;
  min-height:46px;
  padding:0 42px 0 12px;
  border-radius:10px;
  border:1px solid #2b3338;
  background:#0b0e10;
  color:#fff;
  outline:none;
}
.protection-input input:focus,
.protection-input select:focus{
  border-color:#18d841;
  box-shadow:0 0 0 3px rgba(24,216,65,.11);
}
.protection-input .suffix{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  color:#879398;
  font-size:13px;
  pointer-events:none;
}
.protection-summary{
  position:sticky;
  top:96px;
}
.protection-summary .summary-hero{
  margin:14px 0;
  padding:18px;
  border:1px solid #263129;
  border-radius:14px;
  background:#0c1510;
}
.protection-summary .summary-hero span{
  display:block;
  color:#8d9a91;
  font-size:12px;
  margin-bottom:4px;
}
.protection-summary .summary-hero strong{
  display:block;
  font-size:26px;
}
.summary-list{
  display:grid;
  gap:0;
}
.summary-list .stat-row{
  padding:11px 0;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid #294331;
  background:#0f1b12;
  color:#65df81;
  font-size:12px;
  font-weight:800;
}
.danger-note{
  margin-top:16px;
  padding:13px 14px;
  border:1px solid #3d2828;
  border-radius:11px;
  background:#170e0e;
  color:#cfa8a8;
  font-size:13px;
  line-height:1.5;
}
.reset-card{
  margin-top:14px;
  padding:14px;
  border:1px solid #252d31;
  border-radius:12px;
  background:#0b0f11;
}
.reset-card strong{display:block;margin-bottom:5px}
.reset-card p{margin:0;color:#8f9a9f;font-size:13px}
.page-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.save-feedback{
  display:none;
  margin-top:12px;
  padding:11px 13px;
  border:1px solid #294331;
  border-radius:10px;
  background:#0f1b12;
  color:#8be89f;
  font-size:13px;
}
.save-feedback.show{display:block}
@media(max-width:900px){
  .protection-page-grid{grid-template-columns:1fr}
  .protection-summary{position:static}
}
@media(max-width:620px){
  .protection-control{grid-template-columns:1fr}
}

/* Equity Protection v15 clean rebuild */
.equity-page-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}
.equity-page-heading h1{
  margin:5px 0 8px;
  font-size:clamp(38px,5vw,58px);
  line-height:1.02;
}
.equity-page-heading p{
  margin:0;
  max-width:760px;
  color:#aab1b5;
}
@media(max-width:760px){
  .equity-page-heading{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== MT5 connection flow v16 ===== */
.connect-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
  gap:16px;
  align-items:start;
}
.connect-side{
  display:grid;
  gap:16px;
}
.connect-card{
  background:#101315;
  border:1px solid #202529;
  border-radius:18px;
  padding:24px;
}
.connect-card h2{
  margin:5px 0 8px;
  font-size:24px;
}
.connect-form{
  margin-top:22px;
}
.field-help{
  margin-top:6px;
  color:#78848a;
  font-size:12px;
  line-height:1.45;
}
.connect-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:18px 0;
  color:#aab1b5;
  font-size:14px;
}
.connect-check input{
  margin-top:4px;
}
.secure-connection-note{
  display:grid;
  gap:4px;
  padding:13px 14px;
  border:1px solid #243029;
  border-radius:11px;
  background:#0c1510;
}
.secure-connection-note strong{
  color:#e7ece9;
}
.secure-connection-note span{
  color:#91a098;
  font-size:13px;
  line-height:1.5;
}
.connection-steps{
  display:grid;
  gap:12px;
  margin-top:20px;
}
.connection-step{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:start;
  padding:12px;
  border:1px solid #232a2e;
  border-radius:12px;
  background:#0b0f11;
}
.connection-step .step-dot{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#1b2124;
  color:#8c979c;
  font-size:12px;
  font-weight:900;
}
.connection-step strong{
  display:block;
  margin-bottom:3px;
}
.connection-step small{
  color:#7f8a8f;
  line-height:1.4;
}
.connection-step.active{
  border-color:#2b5a35;
  background:#0d1710;
}
.connection-step.active .step-dot,
.connection-step.complete .step-dot{
  background:#18d841;
  color:#061008;
}
.connection-step.complete{
  border-color:#26362b;
}
.connection-result{
  margin-top:18px;
  padding:16px;
  border:1px solid #294331;
  border-radius:13px;
  background:#0d1710;
}
.connection-result-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
.requirement-list{
  display:grid;
  gap:0;
  margin-top:18px;
}
.requirement-list > div{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #22282c;
}
.requirement-list > div:last-child{
  border-bottom:0;
}
.requirement-list span{
  color:#18d841;
  font-size:12px;
  font-weight:900;
}
.requirement-list p{
  margin:0;
  color:#c1c8cb;
  font-size:14px;
}
@media(max-width:900px){
  .connect-layout{
    grid-template-columns:1fr;
  }
}


/* ===== Copier setup flow v17 ===== */
.copier-setup-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
  gap:16px;
  align-items:start;
}
.copier-route{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:14px;
  align-items:center;
  margin:20px 0;
}
.route-node{
  padding:17px;
  border:1px solid #252c30;
  border-radius:13px;
  background:#0b0f11;
}
.route-node strong{
  display:block;
  margin:4px 0;
  font-size:17px;
}
.route-node small,.route-label{
  color:#879398;
  font-size:12px;
}
.route-label{
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:900;
}
.route-arrow{
  color:#18d841;
  font-size:24px;
  font-weight:900;
}
.copier-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.copier-section-head h2{
  margin:5px 0 6px;
}
.protection-review-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.protection-review{
  padding:14px;
  border:1px solid #252c30;
  border-radius:12px;
  background:#0b0f11;
}
.protection-review span{
  display:block;
  color:#8b969b;
  font-size:12px;
}
.protection-review strong{
  display:block;
  margin:5px 0 2px;
  font-size:18px;
}
.protection-review small{
  color:#78848a;
}
.copier-activation-card{
  position:sticky;
  top:96px;
}
.activation-summary{
  margin-top:18px;
}
.activate-btn{
  width:100%;
  border:0;
  cursor:pointer;
  margin-top:4px;
}
.activation-progress{
  margin-top:14px;
  padding:14px;
  border:1px solid #294331;
  border-radius:12px;
  background:#0d1710;
}
.activation-progress p{
  margin:5px 0 0;
  color:#92a099;
  font-size:13px;
}
@media(max-width:980px){
  .copier-setup-grid{
    grid-template-columns:1fr;
  }
  .copier-activation-card{
    position:static;
  }
  .protection-review-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .copier-route{
    grid-template-columns:1fr;
  }
  .route-arrow{
    transform:rotate(90deg);
    justify-self:center;
  }
  .copier-section-head{
    flex-direction:column;
  }
  .protection-review-grid{
    grid-template-columns:1fr;
  }
}
