.trade-modern-page{
  --tm-bg:#070b18;
  --tm-panel:#10182c;
  --tm-panel-2:#0b1224;
  --tm-line:rgba(148,163,184,.17);
  --tm-muted:#96a1b9;
  --tm-cyan:#7de6ff;
  --tm-purple:#8175ff;
  background:radial-gradient(circle at 50% 0,rgba(99,102,241,.11),transparent 38rem),var(--tm-bg);
}
.trade-modern-page:before{
  background-image:linear-gradient(rgba(124,58,237,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.035) 1px,transparent 1px);
}
.trade-modern-page .breadcrumb{position:relative;z-index:4;width:min(1180px,calc(100% - 36px));margin:18px auto 0;padding:0}
.tm-kicker,.trade-modern-page .update-badge{
  display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border:1px solid rgba(45,212,255,.34);border-radius:999px;background:rgba(8,15,35,.72);color:var(--tm-cyan);font:800 11px Fredoka,sans-serif;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)
}
.trade-modern-page .hero,.trade-modern-page .tt-hero,.trade-modern-page .ct-hero,.trade-modern-page .vv-hero{
  position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(125,211,252,.16);background:linear-gradient(125deg,#050814,#0b1230 38%,#11103b 66%,#061725);background-size:220% 220%;animation:tmHeroGradient 16s ease-in-out infinite
}
.trade-modern-page .hero:before,.trade-modern-page .tt-hero:before,.trade-modern-page .ct-hero:before,.trade-modern-page .vv-hero:before{
  content:"";position:absolute;inset:-35%;z-index:-1;background:radial-gradient(circle at 25% 35%,rgba(34,211,238,.16),transparent 27%),radial-gradient(circle at 76% 30%,rgba(139,92,246,.22),transparent 29%),radial-gradient(circle at 56% 85%,rgba(236,72,153,.10),transparent 25%);animation:tmHeroGlow 13s ease-in-out infinite alternate
}
.trade-modern-page .hero:after,.trade-modern-page .tt-hero:after,.trade-modern-page .ct-hero:after,.trade-modern-page .vv-hero:after{
  content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.48),transparent 90%)
}
.trade-modern-page .hero h1,.trade-modern-page .tt-hero h1,.trade-modern-page .ct-hero h1,.trade-modern-page .vv-hero h1{
  margin:18px auto 13px;color:#f8faff;font:800 clamp(46px,7vw,78px)/.94 Fredoka,sans-serif;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 12px 40px rgba(0,0,0,.5)
}
.trade-modern-page .hero h1 .hi,.trade-modern-page .tt-hero h1 span,.trade-modern-page .ct-hero h1 span,.trade-modern-page .vv-hero h1{
  background:linear-gradient(100deg,#9df1ff,#8b85ff 58%,#f59bc6);-webkit-background-clip:text;background-clip:text;color:transparent
}
.trade-modern-page .hero p,.trade-modern-page .tt-hero p,.trade-modern-page .ct-hero p,.trade-modern-page .vv-hero p{max-width:720px;margin:0 auto;color:#dfe6f5;font-size:clamp(14px,2vw,17px);line-height:1.65}
.trade-modern-page input,.trade-modern-page select,.trade-modern-page textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.trade-modern-page input:focus,.trade-modern-page select:focus,.trade-modern-page textarea:focus{border-color:rgba(125,230,255,.64)!important;box-shadow:0 0 0 3px rgba(45,212,255,.08)!important;outline:0}

/* Calculator */
.calculator-modern-page .hero{min-height:340px;display:grid;place-content:center;margin-top:-40px;padding:82px 18px 54px!important;text-align:center}
.calculator-modern-page .hero h1{max-width:900px}
.calculator-modern-page main{position:relative;z-index:2;max-width:1240px;padding-top:38px}
.calculator-modern-page .section-title{font-size:clamp(23px,3vw,34px)!important;letter-spacing:-.02em!important;color:#f8faff!important}
.calculator-modern-page #trade-main-grid>div{padding:16px;border:1px solid var(--tm-line);border-radius:18px;background:linear-gradient(155deg,rgba(16,24,44,.96),rgba(11,18,36,.96));box-shadow:0 16px 40px rgba(0,0,0,.16)}
.calculator-modern-page #value-formula,.calculator-modern-page .calc-discovery,.calculator-modern-page .calc-next-actions{border-color:var(--tm-line)!important;background:linear-gradient(155deg,rgba(16,24,44,.96),rgba(11,18,36,.96))!important;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.calculator-modern-page button{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.calculator-modern-page button:hover{transform:translateY(-1px)}

/* Trade Tools */
.trade-tools-modern-page .tt{max-width:none;padding:0 0 70px}
.trade-tools-modern-page .tt-hero{min-height:360px;display:grid;place-content:center;margin-top:-40px;padding:84px 18px 58px;text-align:center}
.trade-tools-modern-page .tt-hero>*{position:relative;z-index:1}
.trade-tools-modern-page .tt-tabs,.trade-tools-modern-page .tt-panel,.trade-tools-modern-page .seo-info{width:min(1180px,calc(100% - 36px));margin-left:auto;margin-right:auto}
.trade-tools-modern-page .tt-tabs{position:relative;z-index:3;margin-top:-25px;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(13,20,42,.94);box-shadow:0 20px 55px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.trade-tools-modern-page .tt-tab{border-color:transparent;background:transparent;border-radius:12px;color:#aab4c9}
.trade-tools-modern-page .tt-tab.active{border-color:rgba(125,230,255,.32);background:linear-gradient(135deg,rgba(101,89,233,.42),rgba(124,58,237,.34));color:#fff;box-shadow:0 10px 24px rgba(70,55,190,.2)}
.trade-tools-modern-page .tt-card,.trade-tools-modern-page .seo-info{border-color:var(--tm-line);background:linear-gradient(155deg,#121a30,#0b1123);box-shadow:0 18px 45px rgba(0,0,0,.17)}
.trade-tools-modern-page .tt-card{margin-top:24px;border-radius:20px;padding:24px}
.trade-tools-modern-page .tt-card h2,.trade-tools-modern-page .seo-info h2{color:#f8faff}
.trade-tools-modern-page .tt-input{min-height:48px;border-color:var(--tm-line);background:#080e1e}
.trade-tools-modern-page .tt-result{border-color:var(--tm-line);background:linear-gradient(145deg,#0e172c,#090f20)}

/* W or L */
.community-trades-modern-page .ct-wrap{max-width:none;padding:0 0 70px}
.community-trades-modern-page .ct-wrap>.breadcrumb{margin-top:18px;margin-bottom:0!important}
.community-trades-modern-page .ct-hero{min-height:350px;align-items:center;margin:0 0 42px;padding:62px max(18px,calc((100vw - 1180px)/2)) 58px}
.community-trades-modern-page .ct-hero>div{max-width:790px}
.community-trades-modern-page .ct-hero h1{margin-left:0;text-align:left}
.community-trades-modern-page .ct-hero p{margin-left:0}
.community-trades-modern-page .ct-btn.primary{min-height:46px;padding:12px 20px;border-radius:14px;background:linear-gradient(135deg,#6659ef,#7c3aed);box-shadow:0 12px 30px rgba(54,42,170,.24)}
.community-trades-modern-page .ct-list,.community-trades-modern-page .ct-pagination,.community-trades-modern-page .ct-seo-copy{width:min(1180px,calc(100% - 36px));margin-left:auto;margin-right:auto}
.community-trades-modern-page .ct-card{border-color:var(--tm-line);border-radius:20px;background:linear-gradient(155deg,#121a30,#0b1123);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.community-trades-modern-page .ct-side{border-color:var(--tm-line);background:rgba(4,8,18,.35)}
.community-trades-modern-page .ct-seo-copy{margin-top:38px;border-color:var(--tm-line);background:linear-gradient(155deg,#10182c,#0b1224)}

/* Community Value Votes */
.value-votes-modern-page .vv-wrap{max-width:none;padding:0 0 80px}
.value-votes-modern-page .vv-hero{min-height:355px;display:grid;place-content:center;margin-top:0;padding:68px 18px 58px;text-align:center}
.value-votes-modern-page .vv-wrap>:not(.vv-hero){width:min(1240px,calc(100% - 36px));margin-left:auto;margin-right:auto;box-sizing:border-box}
.value-votes-modern-page .vv-flow{position:relative;z-index:3;margin-top:-25px!important;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(13,20,42,.95);box-shadow:0 20px 55px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.value-votes-modern-page .vv-step,.value-votes-modern-page .vv-stat{border-color:var(--tm-line);background:linear-gradient(145deg,#111a30,#0b1225)}
.value-votes-modern-page .vv-card{border-color:var(--tm-line);background:radial-gradient(circle at 100% 0,rgba(125,230,255,.07),transparent 28%),linear-gradient(155deg,#121a30,#0b1123);box-shadow:0 18px 45px rgba(0,0,0,.17)}
.value-votes-modern-page .vv-card:before{background:linear-gradient(90deg,#6559e9,#7de6ff,#f59bc6)}
.value-votes-modern-page .vv-faq{border-color:var(--tm-line);background:linear-gradient(155deg,#10182c,#0b1224)}

@media(max-width:700px){
  .trade-modern-page .breadcrumb{width:calc(100% - 24px);margin-top:12px}
  .trade-modern-page .hero h1,.trade-modern-page .tt-hero h1,.trade-modern-page .ct-hero h1,.trade-modern-page .vv-hero h1{font-size:46px}
  .calculator-modern-page .hero,.trade-tools-modern-page .tt-hero{min-height:320px;padding:72px 14px 46px!important}
  .calculator-modern-page main{padding:28px 12px 58px}
  .calculator-modern-page #trade-main-grid>div{padding:11px}
  .trade-tools-modern-page .tt-tabs,.trade-tools-modern-page .tt-panel,.trade-tools-modern-page .seo-info,.community-trades-modern-page .ct-list,.community-trades-modern-page .ct-pagination,.community-trades-modern-page .ct-seo-copy,.value-votes-modern-page .vv-wrap>:not(.vv-hero){width:calc(100% - 24px)}
  .community-trades-modern-page .ct-hero{display:block;min-height:330px;padding:52px 14px 44px}
  .community-trades-modern-page .ct-hero h1{text-align:center}
  .community-trades-modern-page .ct-hero p{text-align:center}
  .community-trades-modern-page .ct-hero .ct-btn{margin-top:20px}
  .value-votes-modern-page .vv-hero{min-height:320px;padding:54px 14px 46px}
  .value-votes-modern-page .vv-flow{grid-template-columns:1fr 1fr;margin-top:-20px!important}
}
@media(max-width:430px){
  .trade-modern-page .hero h1,.trade-modern-page .tt-hero h1,.trade-modern-page .ct-hero h1,.trade-modern-page .vv-hero h1{font-size:40px}
  .trade-tools-modern-page .tt-tabs{grid-template-columns:1fr!important}
  .value-votes-modern-page .vv-flow{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.trade-modern-page .hero,.trade-modern-page .tt-hero,.trade-modern-page .ct-hero,.trade-modern-page .vv-hero,.trade-modern-page .hero:before,.trade-modern-page .tt-hero:before,.trade-modern-page .ct-hero:before,.trade-modern-page .vv-hero:before{animation:none}}
@keyframes tmHeroGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes tmHeroGlow{0%{transform:translate3d(-2%,0,0) scale(1)}100%{transform:translate3d(3%,2%,0) scale(1.08)}}