/* =========================================================
   ASD TRADERS
   MARKET NEWS PAGE
========================================================= */


/* =========================================================
   COMMON
========================================================= */

.market-news-page {

    overflow:hidden;

}

.market-news-page .section {

    padding:90px 0;

}

.mn-section-heading {

    max-width:780px;

    margin:0 auto 55px;

    text-align:center;

}

.mn-heading-left {

    max-width:760px;

    margin-left:0;

    text-align:left;

}

.mn-eyebrow {

    display:inline-block;

    margin-bottom:14px;

    color:#39A8FF;

    font-size:13px;

    font-weight:700;

    letter-spacing:1.8px;

    text-transform:uppercase;

}

.mn-section-heading h2 {

    color:#fff;

    font-size:42px;

    line-height:1.2;

    margin-bottom:18px;

}

.mn-section-heading p {

    color:#9CB0CC;

    font-size:17px;

    line-height:1.8;

}


/* =========================================================
   HERO
========================================================= */

.mn-hero {

    position:relative;

    min-height:600px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 15% 25%,
            rgba(57,168,255,.14),
            transparent 32%
        ),
        radial-gradient(
            circle at 85% 70%,
            rgba(99,102,241,.10),
            transparent 32%
        ),
        #06101C;

    border-bottom:1px solid rgba(255,255,255,.06);

}

.mn-hero::after {

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(57,168,255,.45),
        transparent
    );

}

.mn-hero-glow {

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    filter:blur(90px);

    pointer-events:none;

}

.mn-glow-one {

    top:-220px;
    left:-140px;

    background:rgba(57,168,255,.14);

}

.mn-glow-two {

    right:-160px;
    bottom:-240px;

    background:rgba(99,102,241,.12);

}

.mn-hero-content {

    position:relative;

    z-index:2;

    max-width:820px;

    padding:100px 0;

}

.mn-badge {

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:9px 16px;

    margin-bottom:24px;

    color:#8CCFFF;

    background:rgba(57,168,255,.09);

    border:1px solid rgba(57,168,255,.20);

    border-radius:999px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.8px;

    text-transform:uppercase;

}

.mn-hero h1 {

    margin:0 0 24px;

    color:#fff;

    font-size:64px;

    line-height:1.08;

    letter-spacing:-2px;

}

.mn-hero h1 span {

    color:#39A8FF;

}

.mn-hero p {

    max-width:760px;

    margin:0;

    color:#9CB0CC;

    font-size:19px;

    line-height:1.85;

}

.mn-hero-actions {

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:34px;

}


/* =========================================================
   BUTTONS
========================================================= */

.mn-btn {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    min-height:50px;

    padding:0 24px;

    border-radius:10px;

    font-size:15px;

    font-weight:700;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;

}

.mn-btn:hover {

    transform:translateY(-2px);

}

.mn-btn-primary {

    color:#fff;

    background:#1689E8;

    border:1px solid #1689E8;

    box-shadow:0 10px 30px rgba(22,137,232,.20);

}

.mn-btn-primary:hover {

    background:#2498F5;

    border-color:#2498F5;

}

.mn-btn-outline {

    color:#D8E7F7;

    background:rgba(255,255,255,.025);

    border:1px solid rgba(255,255,255,.14);

}

.mn-btn-outline:hover {

    color:#fff;

    border-color:rgba(57,168,255,.55);

    background:rgba(57,168,255,.07);

}


/* =========================================================
   SNAPSHOT STATS
========================================================= */

.mn-snapshot {

    background:#07121F;

}

.mn-stat-grid {

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

}

.mn-stat-card {

    display:flex;

    align-items:center;

    gap:15px;

    padding:24px;

    background:#0B1928;

    border:1px solid rgba(255,255,255,.09);

    border-radius:16px;

    box-shadow:0 8px 25px rgba(0,0,0,.16);

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}

.mn-stat-card:hover {

    transform:translateY(-4px);

    background:#0E2032;

    border-color:rgba(57,168,255,.28);

    box-shadow:0 14px 32px rgba(0,0,0,.20);

}

.mn-stat-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:48px;
    height:48px;

    color:#5CB8FF;

    background:rgba(57,168,255,.08);

    border:1px solid rgba(57,168,255,.14);

    border-radius:12px;

}

.mn-stat-card strong {

    display:block;

    margin-bottom:4px;

    color:#fff;

    font-size:25px;

}

.mn-stat-card span {

    color:#8298B1;

    font-size:11px;

}


/* =========================================================
   COMPANY MARKET
========================================================= */

.mn-company-market {

    background:#06101C;

}

.mn-company-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;

}

.mn-company-card {

    padding:25px;

    background:#0B1928;

    border:1px solid rgba(255,255,255,.09);

    border-radius:17px;

    box-shadow:0 8px 25px rgba(0,0,0,.16);

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}

.mn-company-card:hover {

    transform:translateY(-5px);

    background:#0E2032;

    border-color:rgba(57,168,255,.28);

    box-shadow:0 16px 35px rgba(0,0,0,.22);

}


/* =========================================================
   COMPANY HEADER
========================================================= */

.mn-company-header {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding-bottom:20px;

    border-bottom:1px solid rgba(255,255,255,.07);

}

.mn-company-identity {

    display:flex;

    align-items:center;

    gap:13px;

    min-width:0;

}

.mn-company-logo {

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:50px;
    height:50px;

    object-fit:cover;

    background:#101B29;

    border:1px solid rgba(255,255,255,.10);

    border-radius:13px;

}

.mn-company-logo-placeholder {

    color:#5CB8FF;

    font-size:17px;

}

.mn-company-identity h3 {

    margin:0 0 5px;

    overflow:hidden;

    color:#fff;

    font-size:16px;

    font-weight:700;

    text-overflow:ellipsis;

    white-space:nowrap;

}

.mn-company-identity span {

    color:#7188A2;

    font-size:10px;

    font-weight:600;

}

.mn-company-identity em {

    margin:0 4px;

    color:#425C75;

    font-style:normal;

}

.mn-company-direction {

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:38px;
    height:38px;

    border-radius:10px;

    font-size:13px;

}

.mn-up .mn-company-direction {

    color:#63D997;

    background:rgba(70,205,125,.08);

    border:1px solid rgba(70,205,125,.14);

}

.mn-down .mn-company-direction {

    color:#FF7F91;

    background:rgba(255,75,98,.08);

    border:1px solid rgba(255,75,98,.14);

}

.mn-flat .mn-company-direction {

    color:#9BAFC2;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

}


/* =========================================================
   PRICE
========================================================= */

.mn-company-price-row {

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:15px;

    padding:23px 0;

}

.mn-price-label {

    display:block;

    margin-bottom:6px;

    color:#7188A2;

    font-size:10px;

    text-transform:uppercase;

    letter-spacing:.7px;

}

.mn-company-price {

    color:#fff;

    font-size:25px;

    font-weight:700;

}

.mn-company-change {

    text-align:right;

}

.mn-company-change strong {

    display:block;

    margin-bottom:3px;

    font-size:13px;

}

.mn-company-change span {

    font-size:11px;

    font-weight:700;

}

.mn-up .mn-company-change strong,
.mn-up .mn-company-change span {

    color:#63D997;

}

.mn-down .mn-company-change strong,
.mn-down .mn-company-change span {

    color:#FF7F91;

}

.mn-flat .mn-company-change strong,
.mn-flat .mn-company-change span {

    color:#9BAFC2;

}


/* =========================================================
   COMPANY DATA
========================================================= */

.mn-company-data {

    padding-top:18px;

    border-top:1px solid rgba(255,255,255,.07);

}

.mn-data-row {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:8px 0;

}

.mn-data-row span {

    display:flex;

    align-items:center;

    gap:8px;

    color:#7188A2;

    font-size:11px;

}

.mn-data-row span i {

    width:13px;

    color:#4E83A7;

    text-align:center;

}

.mn-data-row strong {

    color:#C9D7E5;

    font-size:11px;

}


/* =========================================================
   EMPTY STATE
========================================================= */

.mn-empty-state {

    padding:70px 30px;

    text-align:center;

    background:rgba(255,255,255,.025);

    border:1px solid rgba(255,255,255,.07);

    border-radius:18px;

}

.mn-empty-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    width:65px;
    height:65px;

    margin:0 auto 20px;

    color:#5CB8FF;

    background:rgba(57,168,255,.08);

    border:1px solid rgba(57,168,255,.14);

    border-radius:16px;

    font-size:22px;

}

.mn-empty-state h3 {

    margin-bottom:10px;

    color:#fff;

    font-size:20px;

}

.mn-empty-state p {

    max-width:500px;

    margin:0 auto 25px;

    color:#8298B1;

    font-size:14px;

    line-height:1.7;

}


/* =========================================================
   MARKET UPDATES
========================================================= */

.mn-updates {

    background:#07121F;

}

.mn-news-layout {

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:20px;

}

.mn-featured-news {

    min-height:390px;

    padding:35px;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(57,168,255,.10),
            transparent 40%
        ),
        rgba(255,255,255,.025);

    border:1px solid rgba(57,168,255,.15);

    border-radius:20px;

}

.mn-news-category {

    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#5CB8FF;

    font-size:11px;

    font-weight:800;

    letter-spacing:1px;

}

.mn-featured-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    width:60px;
    height:60px;

    margin:28px 0 23px;

    color:#5CB8FF;

    background:rgba(57,168,255,.08);

    border:1px solid rgba(57,168,255,.15);

    border-radius:15px;

    font-size:21px;

}

.mn-featured-news h3 {

    margin-bottom:14px;

    color:#fff;

    font-size:27px;

    line-height:1.3;

}

.mn-featured-news > p {

    margin-bottom:25px;

    color:#8FA4BD;

    font-size:14px;

    line-height:1.8;

}

.mn-news-list {

    display:flex;

    flex-direction:column;

    gap:14px;

}

.mn-news-card {

    display:flex;

    align-items:flex-start;

    gap:17px;

    padding:22px;

    background:#0B1928;

    border:1px solid rgba(255,255,255,.09);

    border-radius:15px;

    box-shadow:0 7px 22px rgba(0,0,0,.14);

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}

.mn-news-card:hover {

    transform:translateX(4px);

    background:#0E2032;

    border-color:rgba(57,168,255,.28);

    box-shadow:0 12px 28px rgba(0,0,0,.18);

}

.mn-news-card-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:48px;
    height:48px;

    color:#5CB8FF;

    background:rgba(57,168,255,.08);

    border:1px solid rgba(57,168,255,.13);

    border-radius:12px;

}

.mn-news-tag {

    display:block;

    margin-bottom:5px;

    color:#5CB8FF;

    font-size:9px;

    font-weight:800;

    letter-spacing:1px;

}

.mn-news-card h3 {

    margin-bottom:7px;

    color:#fff;

    font-size:16px;

}

.mn-news-card p {

    margin:0;

    color:#8298B1;

    font-size:12px;

    line-height:1.65;

}


/* =========================================================
   TEXT LINK
========================================================= */

.mn-text-link {

    display:inline-flex;

    align-items:center;

    gap:9px;

    color:#5CB8FF;

    font-size:14px;

    font-weight:700;

    transition:
        gap .25s ease,
        color .25s ease;

}

.mn-text-link:hover {

    gap:14px;

    color:#8CCFFF;

}


/* =========================================================
   WHAT TO WATCH
========================================================= */

.mn-watch {

    background:#06101C;

}

.mn-watch-box {

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:70px;

    align-items:center;

    padding:55px;

    background:
        linear-gradient(
            135deg,
            rgba(57,168,255,.07),
            rgba(255,255,255,.018)
        );

    border:1px solid rgba(57,168,255,.14);

    border-radius:22px;

}

.mn-watch-content {

    max-width:500px;

}

.mn-watch-content h2 {

    margin-bottom:18px;

    color:#fff;

    font-size:38px;

    line-height:1.25;

}

.mn-watch-content p {

    margin-bottom:25px;

    color:#91A5BD;

    font-size:16px;

    line-height:1.85;

}

.mn-watch-list {

    display:flex;

    flex-direction:column;

    gap:12px;

}

.mn-watch-item {

    display:flex;

    align-items:center;

    gap:14px;

    padding:17px;

    background:#0B1928;

    border:1px solid rgba(255,255,255,.09);

    border-radius:13px;

    box-shadow:0 6px 18px rgba(0,0,0,.14);

}

.mn-watch-check {

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:40px;
    height:40px;

    color:#63D997;

    background:rgba(70,205,125,.08);

    border:1px solid rgba(70,205,125,.14);

    border-radius:10px;

    font-size:11px;

}

.mn-watch-item strong {

    display:block;

    margin-bottom:3px;

    color:#fff;

    font-size:13px;

}

.mn-watch-item small {

    color:#758BA5;

    font-size:11px;

}


/* =========================================================
   NOTICE
========================================================= */

.mn-notice {

    background:#07121F;

}

.mn-notice-box {

    display:flex;

    align-items:flex-start;

    gap:30px;

    padding:45px;

    background:
        linear-gradient(
            135deg,
            rgba(57,168,255,.07),
            rgba(255,255,255,.018)
        );

    border:1px solid rgba(57,168,255,.14);

    border-radius:20px;

}

.mn-notice-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:68px;
    height:68px;

    color:#5CB8FF;

    background:rgba(57,168,255,.09);

    border:1px solid rgba(57,168,255,.18);

    border-radius:18px;

    font-size:26px;

}

.mn-notice-content h2 {

    margin-bottom:16px;

    color:#fff;

    font-size:34px;

}

.mn-notice-content p {

    max-width:850px;

    margin-bottom:14px;

    color:#91A5BD;

    font-size:16px;

    line-height:1.85;

}

.mn-notice-content p:last-child {

    margin-bottom:0;

}


/* =========================================================
   RESOURCES
========================================================= */

.mn-resources {

    background:#06101C;

}

.mn-resource-grid {

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

.mn-resource-card {

    display:flex;

    align-items:center;

    gap:17px;

    padding:25px;

    background:#0B1928;

    border:1px solid rgba(255,255,255,.09);

    border-radius:15px;

    box-shadow:0 7px 22px rgba(0,0,0,.14);

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;

}

.mn-resource-card:hover {

    transform:translateY(-4px);

    background:#0E2032;

    border-color:rgba(57,168,255,.28);

    box-shadow:0 14px 30px rgba(0,0,0,.20);

}

.mn-resource-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:50px;
    height:50px;

    color:#5CB8FF;

    background:rgba(57,168,255,.08);

    border:1px solid rgba(57,168,255,.14);

    border-radius:13px;

}

.mn-resource-card h3 {

    margin-bottom:5px;

    color:#fff;

    font-size:16px;

}

.mn-resource-card p {

    margin:0;

    color:#8298B1;

    font-size:13px;

    line-height:1.6;

}

.mn-resource-arrow {

    margin-left:auto;

    color:#4E7EA2;

    font-size:13px;

    transition:
        transform .25s ease,
        color .25s ease;

}

.mn-resource-card:hover .mn-resource-arrow {

    color:#5CB8FF;

    transform:translateX(4px);

}


/* =========================================================
   CTA
========================================================= */

.mn-cta {

    padding-top:30px !important;

    padding-bottom:100px !important;

    background:#06101C;

}

.mn-cta-box {

    padding:70px 30px;

    text-align:center;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(57,168,255,.12),
            transparent 55%
        ),
        rgba(255,255,255,.025);

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

}

.mn-cta-box h2 {

    margin-bottom:16px;

    color:#fff;

    font-size:42px;

}

.mn-cta-box p {

    max-width:680px;

    margin:0 auto;

    color:#91A5BD;

    font-size:17px;

    line-height:1.8;

}

.mn-cta-actions {

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

    margin-top:30px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:992px){

    .market-news-page .section {

        padding:75px 0;

    }

    .mn-hero {

        min-height:auto;

    }

    .mn-hero-content {

        padding:85px 0;

    }

    .mn-hero h1 {

        font-size:52px;

    }

    .mn-stat-grid {

        grid-template-columns:repeat(2,1fr);

    }

    .mn-company-grid {

        grid-template-columns:repeat(2,1fr);

    }

    .mn-news-layout {

        grid-template-columns:1fr;

    }

    .mn-watch-box {

        grid-template-columns:1fr;

        gap:45px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:576px){

    .market-news-page .section {

        padding:60px 0;

    }

    .mn-hero-content {

        padding:70px 0;

        text-align:center;

    }

    .mn-badge {

        font-size:11px;

    }

    .mn-hero h1 {

        font-size:38px;

        line-height:1.12;

        letter-spacing:-1px;

    }

    .mn-hero p {

        font-size:16px;

        line-height:1.75;

    }

    .mn-hero-actions {

        justify-content:center;

    }

    .mn-btn {

        width:100%;

    }

    .mn-section-heading {

        margin-bottom:38px;

    }

    .mn-section-heading h2 {

        font-size:31px;

    }

    .mn-section-heading p {

        font-size:15px;

    }

    .mn-heading-left {

        text-align:center;

    }

    .mn-stat-grid {

        grid-template-columns:1fr;

        gap:14px;

    }

    .mn-company-grid {

        grid-template-columns:1fr;

        gap:14px;

    }

    .mn-company-card {

        padding:23px;

    }

    .mn-featured-news {

        min-height:auto;

        padding:28px 23px;

    }

    .mn-featured-news h3 {

        font-size:24px;

    }

    .mn-news-card {

        padding:20px;

    }

    .mn-watch-box {

        padding:30px 24px;

        gap:35px;

    }

    .mn-watch-content {

        text-align:center;

    }

    .mn-watch-content h2 {

        font-size:29px;

    }

    .mn-watch-content p {

        font-size:15px;

    }

    .mn-notice-box {

        flex-direction:column;

        padding:30px 24px;

        gap:24px;

        text-align:center;

    }

    .mn-notice-icon {

        margin:0 auto;

    }

    .mn-notice-content h2 {

        font-size:29px;

    }

    .mn-notice-content p {

        font-size:15px;

    }

    .mn-resource-grid {

        grid-template-columns:1fr;

        gap:14px;

    }

    .mn-resource-card {

        padding:22px;

    }

    .mn-cta {

        padding-top:15px !important;

        padding-bottom:70px !important;

    }

    .mn-cta-box {

        padding:50px 22px;

    }

    .mn-cta-box h2 {

        font-size:31px;

    }

    .mn-cta-box p {

        font-size:15px;

    }

}