/* Trading Platform: Figma 16173:13278; shared Osc hero and final CTA. */
.trading-platform-page {background:#070400;color:#fff;--osc-hero-glow-center:251px;}
.trading-platform-page .osc-shell {max-width:1248px;padding-inline:24px;}
.trading-platform-page .osc-hero__inner {min-height:502px;justify-content:center;padding-block:80px;}
.trading-platform-page .osc-hero__copy {width:100%;max-width:none;}
.trading-platform-page .osc-hero__copy h1 {font-size:56px;line-height:68px;font-weight:700;letter-spacing:-.56px;}
.trading-platform-page .osc-hero__copy h1 .osc-title-row {display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.trading-platform-page .osc-hero__copy h1 .osc-title-row::after {content:"";width:68px;height:68px;flex:none;background:url('../../images/backgrounds/mt5-logo-clear.png') center/contain no-repeat;}
.trading-platform-page .osc-hero__copy p {max-width:730px;color:#ccc;font-size:18px;line-height:24px;}
.trading-platform-page .osc-badge {font-size:16px;line-height:22px;padding:4px 24px;}
.trading-platform-page .tp-downloads {padding-bottom:80px;}
.trading-platform-page .tp-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.trading-platform-page .tp-card {position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:326px;padding:24px;border:1px solid #ffffff1a;border-radius:20px;}
.trading-platform-page .tp-card::before {content:"";position:absolute;z-index:-1;pointer-events:none;left:-61px;top:-393px;width:726px;height:726px;background:url('../../images/pages/trading-platform/card-glow.svg') center/100% 100% no-repeat;}
.trading-platform-page .tp-icon {display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;margin-bottom:12px;}
.trading-platform-page .tp-icon > span {width:24px;height:24px;display:block;background-image:url('../../images/pages/trading-platform/icons.svg');background-size:96px 24px;background-repeat:no-repeat;}
.trading-platform-page .tp-icon--android {background-position:-24px 0;}
.trading-platform-page .tp-icon--ios {background-position:-48px 0;}
.trading-platform-page .tp-icon--web {background-position:-72px 0;}
.trading-platform-page .tp-card h2 {font-size:20px;line-height:24px;letter-spacing:-.2px;font-weight:700;margin:0 0 8px;color:#fcfcfc;}
.trading-platform-page .tp-card p {font-size:14px;line-height:17px;color:#ccc;margin:0;}
.trading-platform-page .tp-download {display:flex;justify-content:center;align-items:center;min-height:43px;padding:12px 6px;border:1px solid #f98715;border-radius:12px;font-size:14px;line-height:17px;color:#f98715;text-align:center;text-decoration:none;}
.trading-platform-page .tp-download:hover {color:#070400;background:#f9a215;border-color:#f9a215;}
.trading-platform-page .tp-download:focus-visible,.trading-platform-page .tp-video:focus-visible {outline:2px solid #f9a215;outline-offset:4px;}
.trading-platform-page .tp-tutorials {padding-block:80px;}
.trading-platform-page .tp-tutorials .osc-heading {margin:0 0 40px;}
.trading-platform-page .osc-heading h2 {font-size:56px;line-height:68px;letter-spacing:-.56px;font-weight:700;}
.trading-platform-page .tp-videos {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.trading-platform-page .tp-video {position:relative;display:block;height:320px;border:1px solid #f98715;border-radius:20px;overflow:hidden;}
.trading-platform-page .tp-video img {width:100%;height:100%;object-fit:cover;display:block;}
.trading-platform-page .tp-video__play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#000b;display:grid;place-items:center;}
.trading-platform-page .tp-video__play::after {content:"";border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px;}
.trading-platform-page .tp-video:hover .tp-video__play {background:#f98715;}
.trading-platform-page .osc-final {padding:80px 0 160px;}
.trading-platform-page .osc-final .osc-heading p {max-width:792px;color:#999;font-size:18px;line-height:24px;}
@media (min-width:768px) and (max-width:1100px) {
 .trading-platform-page .tp-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .trading-platform-page .tp-video {height:auto;aspect-ratio:590/320;}
}
@media (max-width:767px) {
 .trading-platform-page {--osc-hero-glow-center:145px;}
 .trading-platform-page .osc-hero__inner {min-height:0;padding-block:40px;}
 .trading-platform-page .osc-hero__copy h1,.trading-platform-page .osc-heading h2 {font-size:32px;line-height:40px;letter-spacing:-.32px;}
 .trading-platform-page .osc-hero__copy h1 .osc-title-row::after {width:40px;height:40px;}
 .trading-platform-page .osc-hero__copy p,.trading-platform-page .osc-final .osc-heading p {font-size:16px;line-height:22px;}
 .trading-platform-page .tp-downloads,.trading-platform-page .tp-tutorials,.trading-platform-page .osc-final {padding-block:40px;}
 .trading-platform-page .tp-grid,.trading-platform-page .tp-videos {grid-template-columns:minmax(0,1fr);}
 .trading-platform-page .tp-card {min-height:0;gap:24px;}
 .trading-platform-page .tp-video {height:auto;aspect-ratio:590/320;}
 .trading-platform-page .tp-tutorials .osc-heading {margin-bottom:32px;}
 .trading-platform-page .tp-video__play {width:48px;height:48px;}
}
