html,body{margin:0;padding:0;background:#0f1115;color:#f5f1e7;font-family:Segoe UI,Arial,sans-serif}
a{text-decoration:none}
.ccm-container{max-width:1320px}
.up{color:#28c76f !important}
.down{color:#ff6b6b !important}
.top-launch{background:linear-gradient(90deg,#0b0b0b,#2e2a24,#7d5b1f);padding:18px 0;border-bottom:1px solid rgba(214,169,79,.18)}
.top-launch-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.launch-heading{font-size:2rem;font-weight:900;line-height:1.1;color:#fff}
.launch-heading span{color:#d6a94f;font-style:italic}
.launch-subtext{margin-top:6px;color:#d3c8b6}
.launch-btn{background:#d6a94f;color:#111;padding:11px 18px;border-radius:999px;font-weight:800}
.utility-nav,.main-nav{background:#14161b;border-bottom:1px solid rgba(214,169,79,.12)}
.menu-line{list-style:none;margin:0;padding:0;display:flex;gap:0;overflow:auto;white-space:nowrap}
.menu-line li a{display:block;padding:14px 16px;color:#eee5d1;font-weight:600}
.menu-line li a:hover,.menu-line li a.active{background:#d6a94f;color:#111}
.hero-header{background:linear-gradient(180deg,#15181f,#101216);border-bottom:1px solid rgba(214,169,79,.1)}
.header-grid{display:grid;grid-template-columns:350px 1fr 340px;gap:20px;align-items:center;padding:22px 0}
.brand-wrap{display:flex;align-items:center;gap:16px}
.brand-logo{width:120px;max-height:82px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(214,169,79,.18))}
.brand-name{font-size:1.9rem;font-weight:900;color:#fff}
.brand-tag{font-size:.95rem;color:#bfb4a4}
.search-shell{display:flex;align-items:center;background:#1a1d24;border:1px solid rgba(214,169,79,.22);border-radius:18px;height:58px;padding:0 10px 0 16px;box-shadow:0 15px 35px rgba(0,0,0,.18)}
.search-shell i{font-size:1.1rem;color:#d6a94f}
.search-shell input{flex:1;border:none;background:transparent;outline:none;color:#fff;padding:0 12px}
.search-shell button{border:none;background:#d6a94f;color:#111;border-radius:12px;padding:10px 16px;font-weight:800}
.header-mini-panels{display:flex;gap:12px}
.mini-panel{flex:1;background:linear-gradient(180deg,#1a1d24,#12141a);border:1px solid rgba(214,169,79,.14);padding:12px 14px;border-radius:18px}
.mini-title{font-size:.9rem;font-weight:800;color:#fff}
.mini-value{font-size:1.2rem;font-weight:900}
.mini-meta{font-size:.8rem;color:#a99f91}
.ticker-band{background:#111318;border-bottom:1px solid rgba(214,169,79,.12)}
.ticker-track{display:flex;gap:12px;overflow:auto;padding:14px 0}
.ticker-pill{min-width:250px;background:#191c23;border:1px solid rgba(214,169,79,.12);border-left:4px solid #d6a94f;padding:12px 14px;border-radius:14px;display:flex;justify-content:space-between;gap:10px;align-items:center;box-shadow:0 10px 20px rgba(0,0,0,.16)}
.ticker-pill b{color:#fff}
.ticker-pill span{color:#f4e8c8}
.ticker-pill em{font-style:normal;font-weight:700}
.page-wrap{padding:22px 0 36px;background:radial-gradient(circle at top,#191c24 0%,#111318 45%,#0f1115 100%)}
.live-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.status-card,.index-card,.panel{background:linear-gradient(180deg,#191d24,#13161c);border:1px solid rgba(214,169,79,.12);border-radius:22px;padding:22px;box-shadow:0 20px 40px rgba(0,0,0,.22)}
.status-card span{display:block;color:#bdb3a3;font-size:.82rem}
.status-card strong{display:block;color:#fff;font-size:1.12rem;margin-top:4px}
.hero-layout{display:grid;grid-template-columns:2.05fr 1fr;gap:20px;margin-bottom:20px}
.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.section-kicker{font-size:.92rem;text-transform:uppercase;letter-spacing:.08em;color:#d6a94f;font-weight:800}
.main-price{font-size:2.2rem;font-weight:900;color:#fff;line-height:1.1}
.main-change{font-size:1.08rem;font-weight:800;color:#d7ccb6}
.update-badge{font-size:.84rem;color:#b8af9e;background:#0f1115;border:1px solid rgba(214,169,79,.12);padding:9px 12px;border-radius:999px}
.watch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}
.watch-card{background:#11141a;border:1px solid rgba(214,169,79,.08);padding:18px;border-radius:18px}
.watch-symbol{font-size:1rem;font-weight:900;color:#fff}
.watch-price{font-size:1.85rem;color:#f6e9c6;font-weight:900;margin-top:6px}
.watch-change{font-size:1rem;font-weight:800;margin-top:4px}
.watch-meta{font-size:.84rem;color:#aa9f8d;margin-top:4px}
.gold-promo{background:linear-gradient(135deg,#0f1115,#241c0f 55%,#6b5121);position:relative;overflow:hidden}
.gold-promo:before{content:"";position:absolute;right:-30px;top:-30px;width:170px;height:170px;border-radius:50%;background:rgba(214,169,79,.08)}
.promo-chip{display:inline-block;background:#d6a94f;color:#111;padding:7px 12px;border-radius:999px;font-weight:900;font-size:.82rem;margin-bottom:14px}
.gold-promo h3{font-size:2rem;font-weight:900;color:#fff}
.gold-promo p{color:#e5dbc8}
.promo-feature-list{display:grid;gap:12px;margin:18px 0}
.promo-feature-list div{padding:12px 14px;background:rgba(15,17,21,.35);border:1px solid rgba(214,169,79,.12);border-radius:16px}
.gold-action{display:inline-block;background:#d6a94f;color:#111;padding:12px 18px;border-radius:14px;font-weight:900}
.triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}
.section-title{font-size:1.15rem;font-weight:900;color:#fff;margin-bottom:16px}
.list-table{display:grid;gap:12px}
.list-row{display:grid;grid-template-columns:1.25fr .9fr .8fr;align-items:center;background:#11141a;border:1px solid rgba(214,169,79,.08);border-radius:14px;padding:12px 14px;font-weight:700}
.list-row span{color:#fff}
.list-row strong{color:#f6e9c6}
.list-row em{font-style:normal;text-align:right;color:#c7b99c}
.one-col{grid-template-columns:1fr !important}
.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.feature-box{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:center;padding:18px;background:#11141a;border:1px solid rgba(214,169,79,.08);border-radius:18px;min-height:120px}
.feature-box i{font-size:1.45rem;color:#d6a94f}
.feature-box span{font-weight:900;color:#fff}
.dark-table{--bs-table-bg:transparent;--bs-table-color:#eee5d1;--bs-table-border-color:rgba(214,169,79,.08)}
.dark-table thead th{background:#11141a;color:#fff;border-bottom:none}
.dark-table tbody tr:hover{background:rgba(214,169,79,.04)}
.side-learning{display:grid;gap:14px;align-content:start}
.learn-row{padding:14px;background:#11141a;border:1px solid rgba(214,169,79,.08);border-radius:16px}
.learn-row strong{display:block;color:#fff;margin-bottom:4px}
.learn-row span{color:#b9ab96}
.site-footer{margin-top:26px;background:#0b0d10;border-top:1px solid rgba(214,169,79,.12);padding:42px 0;color:#c5baa6}
.site-footer h5{color:#fff;font-weight:900;margin-bottom:14px}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:8px}
.footer-links a{color:#c5baa6}
.analyzer-shell{padding:26px}
.analyzer-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.analyzer-title{margin:0;color:#fff;font-size:2rem;font-weight:900}
.analyzer-subtitle{margin:.35rem 0 0;color:#bcaf99}
.status-live,.status-demo{display:inline-block;padding:8px 12px;border-radius:999px;font-weight:900;font-size:.82rem}
.status-live{background:#173523;color:#7df0aa;border:1px solid #255239}
.status-demo{background:#3a2814;color:#f1c86d;border:1px solid #6b4d20}
.form-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.analyzer-search{display:flex;gap:12px;margin:22px 0}
.input-lg{height:56px;background:#11141a;border:1px solid rgba(214,169,79,.16);color:#fff;border-radius:16px;padding:0 16px}
.input-lg:focus{background:#11141a;color:#fff;border-color:#d6a94f;box-shadow:none}
.form-select.input-lg{padding-top:.85rem;padding-bottom:.85rem}
.btn-gold{background:#d6a94f;color:#111;border:none;height:56px;padding:0 24px;border-radius:16px;font-weight:900}
.quote-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}
.quote-box{background:#11141a;border:1px solid rgba(214,169,79,.08);border-radius:18px;padding:16px}
.quote-box span{display:block;color:#b8ab95;font-size:.82rem}
.quote-box strong{display:block;color:#fff;font-size:1.22rem;margin-top:4px}
.analysis-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}
.inner-panel{padding:20px}
.signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.signal-card{background:#11141a;border:1px solid rgba(214,169,79,.08);border-radius:18px;padding:18px}
.signal-card span{display:block;color:#b6aa94;font-size:.82rem}
.signal-card strong{display:block;color:#fff;font-size:1.35rem;margin-top:4px}
.bias-box{margin-top:16px;background:#11141a;border:1px solid rgba(214,169,79,.08);border-radius:18px;padding:18px}
.bias-label{font-size:.82rem;color:#b6aa94;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.bias-value{color:#fff;font-size:1rem;font-weight:700;margin-top:6px}
.how-list{padding-left:18px;color:#d1c5b4;line-height:1.9;margin:0}
@media (max-width:1199px){
    .header-grid,.hero-layout,.triple-grid,.bottom-grid,.analysis-grid,.form-grid,.settings-grid{grid-template-columns:1fr}
    .live-status-row,.quote-summary,.feature-grid,.watch-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
    .top-launch-inner,.analyzer-top,.analyzer-search{flex-direction:column;align-items:flex-start}
    .header-grid,.live-status-row,.watch-grid,.quote-summary,.signal-grid,.feature-grid{grid-template-columns:1fr}
    .brand-logo{width:92px}
    .brand-name{font-size:1.45rem}
    .launch-heading{font-size:1.45rem}
    .main-price{font-size:1.7rem}
    .list-row{grid-template-columns:1fr;gap:6px}
    .list-row em{text-align:left}
}
.nse-home {
    background: #f4f6fb;
    color: #1c2450;
}

.nse-top-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin-bottom: 18px;
}

.market-mini-card {
    border-radius: 18px;
    padding: 18px;
    color: #fff;
    box-shadow: 0 12px 30px rgba(24, 38, 79, .10);
}

    .market-mini-card.red {
        background: linear-gradient(135deg, #f8d7da, #fff);
        color: #b02a37;
        border: 1px solid #f1b0b7;
    }

    .market-mini-card.green {
        background: linear-gradient(135deg, #d1f2df, #fff);
        color: #146c43;
        border: 1px solid #a3d9ba;
    }

    .market-mini-card.amber {
        background: linear-gradient(135deg, #fff0c2, #fff);
        color: #8a6500;
        border: 1px solid #f1d26a;
    }

.mini-head {
    font-size: .9rem;
    font-weight: 800;
}

.mini-value {
    font-size: 1.55rem;
    font-weight: 900;
    margin-top: 6px;
}

.mini-change {
    margin-top: 5px;
    font-size: .95rem;
    font-weight: 800;
}

.hero-dual-section {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.main-market-panel,
.market-box-panel,
.right-promo-panel {
    background: #fff;
    border: 1px solid #e3e8f7;
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 16px 35px rgba(20, 32, 74, .07);
}

.market-panel-header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.panel-kicker {
    color: #6c3bd7;
    font-weight: 800;
    letter-spacing: .08em;
    font-size: .82rem;
}

.panel-title {
    margin: 2px 0 0;
    font-size: 1.7rem;
    font-weight: 900;
    color: #1c2450;
}

.hero-live-price {
    font-size: 2.4rem;
    font-weight: 900;
    color: #17214a;
}

.hero-live-change {
    font-size: 1rem;
    font-weight: 800;
}

.hero-side-meta {
    text-align: right;
}

.meta-badge {
    background: #eef2ff;
    color: #4c43a8;
    border-radius: 999px;
    padding: 8px 14px;
    display: inline-block;
    font-weight: 800;
    font-size: .85rem;
}

.meta-note {
    color: #7e88ad;
    margin-top: 6px;
    font-size: .86rem;
}

.ohlc-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 18px;
}

.ohlc-box {
    background: #f8faff;
    border: 1px solid #e8eefc;
    border-radius: 16px;
    padding: 14px;
}

    .ohlc-box span {
        display: block;
        color: #687395;
        font-size: .82rem;
    }

    .ohlc-box strong {
        display: block;
        margin-top: 5px;
        font-size: 1.05rem;
        color: #1c2450;
    }

.chart-tab-row {
    display: flex;
    gap: 10px;
    margin: 18px 0 12px;
}

    .chart-tab-row button {
        border: none;
        background: #eef1fb;
        color: #3f4a77;
        border-radius: 999px;
        padding: 10px 16px;
        font-weight: 800;
    }

        .chart-tab-row button.active {
            background: #5d3fd8;
            color: #fff;
        }

.fake-chart-box {
    height: 280px;
    background: linear-gradient(180deg, #fbfcff, #f6f8ff);
    border: 1px solid #e8eefb;
    border-radius: 18px;
    padding: 12px;
}

    .fake-chart-box svg {
        width: 100%;
        height: 100%;
    }

.chart-time-strip {
    display: flex;
    justify-content: space-between;
    color: #7e88ad;
    font-size: .82rem;
    padding-top: 8px;
}

.right-promo-panel {
    background: linear-gradient(135deg, #2b1f77, #5e2fd2);
    color: #fff;
}

.promo-tag {
    display: inline-block;
    background: #ffd04a;
    color: #261700;
    border-radius: 999px;
    padding: 7px 12px;
    font-weight: 900;
    font-size: .8rem;
    margin-bottom: 12px;
}

.right-promo-panel h3 {
    font-size: 1.8rem;
    font-weight: 900;
}

.promo-list {
    display: grid;
    gap: 12px;
    margin: 18px 0;
}

    .promo-list div {
        background: rgba(255,255,255,.10);
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 14px;
        padding: 12px 14px;
    }

.promo-main-btn {
    display: inline-block;
    background: #fff;
    color: #4d2ccc;
    border-radius: 14px;
    padding: 12px 18px;
    font-weight: 900;
}

.market-panels-3 {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.section-title2 {
    font-size: 1.15rem;
    font-weight: 900;
    color: #1c2450;
    margin-bottom: 16px;
}

.watch-grid-pro {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.watch-pro-card {
    background: #f8faff;
    border: 1px solid #e8eefb;
    border-radius: 18px;
    padding: 18px;
}

    .watch-pro-card .symbol {
        font-weight: 900;
        color: #1b2450;
    }

    .watch-pro-card .ltp {
        font-size: 1.7rem;
        font-weight: 900;
        margin-top: 6px;
        color: #1c2450;
    }

    .watch-pro-card .chg {
        font-weight: 800;
        margin-top: 4px;
    }

    .watch-pro-card .meta {
        color: #7e88ad;
        font-size: .84rem;
        margin-top: 4px;
    }

.rows-list {
    display: grid;
    gap: 12px;
}

.row-item {
    display: grid;
    grid-template-columns: 1.2fr .8fr .8fr;
    align-items: center;
    background: #f8faff;
    border: 1px solid #e8eefb;
    border-radius: 14px;
    padding: 12px 14px;
    font-weight: 800;
}

    .row-item span {
        color: #1c2450;
    }

    .row-item strong {
        color: #1c2450;
    }

    .row-item em {
        text-align: right;
        font-style: normal;
    }

.news-table-section {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}

.quick-info-card {
    background: #f8faff;
    border: 1px solid #e8eefb;
    border-radius: 16px;
    padding: 14px;
    margin-bottom: 12px;
}

    .quick-info-card strong {
        display: block;
        color: #1c2450;
        margin-bottom: 4px;
    }

    .quick-info-card span {
        color: #667293;
    }

.ccm-home-table thead th {
    background: #f4f7ff;
    color: #33406f;
    border-bottom: none;
    font-weight: 900;
}

.ccm-home-table td,
.ccm-home-table th {
    padding: 14px;
    border-color: #e8eefb;
}

@media (max-width: 1199px) {
    .nse-top-cards,
    .hero-dual-section,
    .market-panels-3,
    .news-table-section,
    .ohlc-strip,
    .watch-grid-pro {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .nse-top-cards,
    .hero-dual-section,
    .market-panels-3,
    .news-table-section,
    .ohlc-strip,
    .watch-grid-pro {
        grid-template-columns: 1fr;
    }

    .market-panel-header {
        flex-direction: column;
    }

    .row-item {
        grid-template-columns: 1fr;
        gap: 6px;
    }

        .row-item em {
            text-align: left;
        }
}
.nse-home {
    background: #f4f6fb;
    color: #1c2450;
}

.live-marquee-wrap {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 14px;
    margin-bottom: 18px;
    align-items: center;
}

.marquee-label {
    background: linear-gradient(135deg, #5b3fd3, #7d55ff);
    color: #fff;
    border-radius: 14px;
    padding: 14px 16px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(93, 63, 216, .18);
}

.marquee-shell {
    background: #ffffff;
    border: 1px solid #e5eaf8;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    height: 54px;
    display: flex;
    align-items: center;
}

.marquee-track {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: ccmMarquee 65s linear infinite;
    font-weight: 800;
    color: #1e2752;
}

    .marquee-track span {
        display: inline-block;
        margin-right: 42px;
    }

@keyframes ccmMarquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.signal-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 20px;
}

.signal-summary-card {
    border-radius: 18px;
    padding: 18px;
    color: #fff;
    box-shadow: 0 14px 28px rgba(20, 32, 74, .08);
}

.bullish-card {
    background: linear-gradient(135deg, #1ea55b, #42cb7b);
}

.bearish-card {
    background: linear-gradient(135deg, #d9435a, #ff6c7b);
}

.neutral-card {
    background: linear-gradient(135deg, #f0ab2f, #ffd36a);
    color: #503600;
}

.purple-card {
    background: linear-gradient(135deg, #5531c6, #7b57ef);
}

.signal-title {
    font-size: .95rem;
    font-weight: 900;
}

.signal-number {
    font-size: 2rem;
    font-weight: 900;
    margin-top: 8px;
}

    .signal-number.small-text {
        font-size: 1.15rem;
        line-height: 1.3;
    }

.signal-sub {
    margin-top: 6px;
    font-size: .9rem;
    font-weight: 700;
    opacity: .95;
}

.nse-top-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin-bottom: 18px;
}

.market-mini-card {
    border-radius: 18px;
    padding: 18px;
    color: #fff;
    box-shadow: 0 12px 30px rgba(24, 38, 79, .10);
}

    .market-mini-card.red {
        background: linear-gradient(135deg, #f8d7da, #fff);
        color: #b02a37;
        border: 1px solid #f1b0b7;
    }

    .market-mini-card.green {
        background: linear-gradient(135deg, #d1f2df, #fff);
        color: #146c43;
        border: 1px solid #a3d9ba;
    }

    .market-mini-card.amber {
        background: linear-gradient(135deg, #fff0c2, #fff);
        color: #8a6500;
        border: 1px solid #f1d26a;
    }

.mini-head {
    font-size: .9rem;
    font-weight: 800;
}

.mini-value {
    font-size: 1.55rem;
    font-weight: 900;
    margin-top: 6px;
}

.mini-change {
    margin-top: 5px;
    font-size: .95rem;
    font-weight: 800;
}

.hero-dual-section {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.main-market-panel,
.market-box-panel,
.right-promo-panel {
    background: #fff;
    border: 1px solid #e3e8f7;
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 16px 35px rgba(20, 32, 74, .07);
}

.market-panel-header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.panel-kicker {
    color: #6c3bd7;
    font-weight: 800;
    letter-spacing: .08em;
    font-size: .82rem;
}

.panel-title {
    margin: 2px 0 0;
    font-size: 1.7rem;
    font-weight: 900;
    color: #1c2450;
}

.hero-live-price {
    font-size: 2.4rem;
    font-weight: 900;
    color: #17214a;
}

.hero-live-change {
    font-size: 1rem;
    font-weight: 800;
}

.hero-side-meta {
    text-align: right;
}

.meta-badge {
    background: #eef2ff;
    color: #4c43a8;
    border-radius: 999px;
    padding: 8px 14px;
    display: inline-block;
    font-weight: 800;
    font-size: .85rem;
}

.meta-note {
    color: #7e88ad;
    margin-top: 6px;
    font-size: .86rem;
}

.ohlc-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 18px;
}

.ohlc-box {
    background: #f8faff;
    border: 1px solid #e8eefc;
    border-radius: 16px;
    padding: 14px;
}

    .ohlc-box span {
        display: block;
        color: #687395;
        font-size: .82rem;
    }

    .ohlc-box strong {
        display: block;
        margin-top: 5px;
        font-size: 1.05rem;
        color: #1c2450;
    }

.chart-tab-row {
    display: flex;
    gap: 10px;
    margin: 18px 0 12px;
}

    .chart-tab-row button {
        border: none;
        background: #eef1fb;
        color: #3f4a77;
        border-radius: 999px;
        padding: 10px 16px;
        font-weight: 800;
    }

        .chart-tab-row button.active {
            background: #5d3fd8;
            color: #fff;
        }

.fake-chart-box {
    height: 280px;
    background: linear-gradient(180deg, #fbfcff, #f6f8ff);
    border: 1px solid #e8eefb;
    border-radius: 18px;
    padding: 12px;
}

    .fake-chart-box svg {
        width: 100%;
        height: 100%;
    }

.chart-time-strip {
    display: flex;
    justify-content: space-between;
    color: #7e88ad;
    font-size: .82rem;
    padding-top: 8px;
}

.right-promo-panel {
    background: linear-gradient(135deg, #2b1f77, #5e2fd2);
    color: #fff;
}

.promo-tag {
    display: inline-block;
    background: #ffd04a;
    color: #261700;
    border-radius: 999px;
    padding: 7px 12px;
    font-weight: 900;
    font-size: .8rem;
    margin-bottom: 12px;
}

.right-promo-panel h3 {
    font-size: 1.8rem;
    font-weight: 900;
}

.promo-list {
    display: grid;
    gap: 12px;
    margin: 18px 0;
}

    .promo-list div {
        background: rgba(255,255,255,.10);
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 14px;
        padding: 12px 14px;
    }

.promo-main-btn {
    display: inline-block;
    background: #fff;
    color: #4d2ccc;
    border-radius: 14px;
    padding: 12px 18px;
    font-weight: 900;
}

.market-panels-3 {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.section-title2 {
    font-size: 1.15rem;
    font-weight: 900;
    color: #1c2450;
    margin-bottom: 16px;
}

.watch-grid-pro {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.watch-pro-card {
    background: #f8faff;
    border: 1px solid #e8eefb;
    border-radius: 18px;
    padding: 18px;
}

    .watch-pro-card .symbol {
        font-weight: 900;
        color: #1b2450;
    }

    .watch-pro-card .ltp {
        font-size: 1.7rem;
        font-weight: 900;
        margin-top: 6px;
        color: #1c2450;
    }

    .watch-pro-card .chg {
        font-weight: 800;
        margin-top: 4px;
    }

    .watch-pro-card .meta {
        color: #7e88ad;
        font-size: .84rem;
        margin-top: 4px;
    }

.rows-list {
    display: grid;
    gap: 12px;
}

.row-item {
    display: grid;
    grid-template-columns: 1.2fr .8fr .8fr;
    align-items: center;
    background: #f8faff;
    border: 1px solid #e8eefb;
    border-radius: 14px;
    padding: 12px 14px;
    font-weight: 800;
}

    .row-item span {
        color: #1c2450;
    }

    .row-item strong {
        color: #1c2450;
    }

    .row-item em {
        text-align: right;
        font-style: normal;
    }

.news-table-section {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}

.quick-info-card {
    background: #f8faff;
    border: 1px solid #e8eefb;
    border-radius: 16px;
    padding: 14px;
    margin-bottom: 12px;
}

    .quick-info-card strong {
        display: block;
        color: #1c2450;
        margin-bottom: 4px;
    }

    .quick-info-card span {
        color: #667293;
    }

.ccm-home-table thead th {
    background: #f4f7ff;
    color: #33406f;
    border-bottom: none;
    font-weight: 900;
}

.ccm-home-table td,
.ccm-home-table th {
    padding: 14px;
    border-color: #e8eefb;
}

.up {
    color: #138f49 !important;
}

.down {
    color: #d63347 !important;
}

@media (max-width: 1199px) {
    .signal-summary-grid,
    .nse-top-cards,
    .hero-dual-section,
    .market-panels-3,
    .news-table-section,
    .ohlc-strip,
    .watch-grid-pro {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .live-marquee-wrap,
    .signal-summary-grid,
    .nse-top-cards,
    .hero-dual-section,
    .market-panels-3,
    .news-table-section,
    .ohlc-strip,
    .watch-grid-pro {
        grid-template-columns: 1fr;
    }

    .market-panel-header {
        flex-direction: column;
    }

    .row-item {
        grid-template-columns: 1fr;
        gap: 6px;
    }

        .row-item em {
            text-align: left;
        }
}
/* Money Maharaj additions - existing portal design remains intact */
.money-maharaj-topbar {
    background: linear-gradient(135deg, #171032 0%, #5b2cff 52%, #ffb21c 100%);
    color: #fff;
    border-radius: 24px;
    padding: 18px 22px;
    margin: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    box-shadow: 0 20px 45px rgba(27, 26, 70, .18);
}
.mm-logo-line { display: flex; align-items: center; gap: 14px; }
.mm-icon { width: 54px; height: 54px; border-radius: 18px; background: rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; font-size:28px; }
.mm-brand { font-size: 30px; font-weight: 1000; letter-spacing: .2px; line-height: 1; }
.mm-brand span { color: #ffe7a3; }
.mm-tagline { font-size: 13px; opacity: .9; margin-top: 4px; }
.mm-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.mm-actions a { color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.12); padding:9px 13px; border-radius:999px; font-weight:800; font-size:13px; }
.mm-actions a:hover { background:#fff; color:#2d176b; }
.mm-enquiry-zone { background:#fff; border:1px solid #e8eefb; border-radius:24px; padding:24px; margin:24px 0; box-shadow:0 16px 40px rgba(35,45,90,.08); }
.mm-enquiry-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:20px; }
.mm-enquiry-head h2 { margin:0; color:#1c2450; font-weight:1000; }
.mm-enquiry-head p { margin:6px 0 0; color:#667293; }
.mm-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.mm-service-card { background:linear-gradient(180deg,#fbfcff 0%,#f4f7ff 100%); border:1px solid #e7edfb; border-radius:20px; padding:18px; min-height:190px; display:flex; flex-direction:column; }
.mm-service-card i { font-size:32px; color:#5f3bd9; margin-bottom:12px; }
.mm-service-card h4 { color:#1c2450; font-weight:1000; margin-bottom:8px; }
.mm-service-card p { color:#667293; margin-bottom:14px; flex:1; }
.mm-service-card a { display:inline-block; text-align:center; text-decoration:none; background:#1c2450; color:#fff; border-radius:12px; padding:10px 12px; font-weight:900; }
.mm-service-card a:hover { background:#5f3bd9; color:#fff; }
@media (max-width: 991px) { .money-maharaj-topbar, .mm-enquiry-head { flex-direction:column; align-items:flex-start; } .mm-service-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 575px) { .mm-brand { font-size:24px; } .mm-service-grid { grid-template-columns:1fr; } }
/* ===============================
   Professional Header Search UI
   Add at END of site.css
================================ */

.search-shell {
    position: relative;
    overflow: visible !important;
    border-radius: 20px;
    border: 1px solid rgba(214,169,79,.30);
    background: linear-gradient(180deg,#1b1e26,#151820);
}

    .search-shell input {
        font-size: 15px;
        font-weight: 600;
        letter-spacing: .1px;
    }

        .search-shell input::placeholder {
            color: #8f96a6;
        }

    .search-shell button {
        min-width: 88px;
        border-radius: 14px;
        box-shadow: 0 8px 22px rgba(214,169,79,.18);
    }

    .search-shell:focus-within {
        border-color: #d6a94f;
        box-shadow: 0 0 0 4px rgba(214,169,79,.10), 0 18px 45px rgba(0,0,0,.22);
    }

.stock-suggest-box {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 66px;
    background: #ffffff;
    color: #111827;
    border-radius: 18px;
    box-shadow: 0 24px 65px rgba(0,0,0,.30);
    z-index: 99999;
    overflow: hidden;
    border: 1px solid rgba(214,169,79,.28);
    max-height: 370px;
    overflow-y: auto;
}

    .stock-suggest-box::-webkit-scrollbar {
        width: 7px;
    }

    .stock-suggest-box::-webkit-scrollbar-track {
        background: #f3f4f6;
    }

    .stock-suggest-box::-webkit-scrollbar-thumb {
        background: #d6a94f;
        border-radius: 20px;
    }

.suggest-head {
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 900;
    color: #7a6223;
    background: linear-gradient(90deg,#fff8e1,#ffffff);
    border-bottom: 1px solid #f0e4c2;
    text-transform: uppercase;
    letter-spacing: .08em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .suggest-head em {
        font-style: normal;
        font-size: 10px;
        color: #9ca3af;
        letter-spacing: .02em;
        text-transform: none;
    }

.stock-suggest-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 14px;
    border-bottom: 1px solid #eef1f6;
    cursor: pointer;
    transition: .15s ease;
    min-height: 54px;
    background: #fff;
}

    .stock-suggest-item:hover {
        background: linear-gradient(90deg,#fff8e6,#ffffff);
    }

.suggest-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.suggest-logo {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 12px;
    background: linear-gradient(135deg,#151820,#d6a94f);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 15px;
    box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

.suggest-text {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.suggest-symbol {
    font-size: 14px;
    font-weight: 900;
    color: #111827;
    white-space: nowrap;
}

.suggest-name {
    font-size: 12px;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suggest-token {
    font-size: 11px;
    color: #8a6a14;
    background: #fff3cd;
    border: 1px solid #ffe29a;
    border-radius: 999px;
    padding: 4px 8px;
    white-space: nowrap;
    font-weight: 800;
}

.suggest-loading,
.suggest-empty {
    padding: 14px 16px;
    color: #6b7280;
    font-size: 13px;
    font-weight: 700;
}

    .suggest-loading i {
        color: #d6a94f;
        margin-right: 6px;
    }

@media(max-width: 767px) {
    .stock-suggest-box {
        top: 62px;
    }

    .stock-suggest-item {
        align-items: flex-start;
        min-height: auto;
    }

    .suggest-text {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .suggest-token {
        display: none;
    }
}
.wa-join-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #25d366;
    color: #fff !important;
    padding: 8px 13px;
    border-radius: 12px;
    font-weight: 900;
    margin-top: 5px;
}

.whatsapp-panel {
    border-color: rgba(37,211,102,.35) !important;
}

/* 2026 visual polish: compact typography, brighter finance palette, and richer imagery */
html,
body {
    font-size: 15px;
    line-height: 1.55;
}

.ccm-container {
    max-width: 1240px;
}

.top-launch {
    padding: 12px 0;
    background: linear-gradient(90deg, #101827, #123c5a, #f59f32);
}

.launch-heading,
.brand-name,
.gold-promo h3,
.right-promo-panel h3 {
    font-size: clamp(1.28rem, 2vw, 1.72rem);
    letter-spacing: 0;
}

.brand-logo {
    width: 92px;
    max-height: 68px;
}

.header-grid {
    grid-template-columns: 290px 1fr 300px;
    gap: 16px;
    padding: 16px 0;
}

.menu-line li a {
    padding: 11px 13px;
    font-size: .9rem;
}

.page-wrap {
    padding: 18px 0 30px;
    background:
        radial-gradient(circle at 8% 0%, rgba(42, 175, 132, .18), transparent 28%),
        radial-gradient(circle at 90% 5%, rgba(255, 177, 41, .20), transparent 24%),
        linear-gradient(180deg, #f7fbff 0%, #eef5ff 48%, #fff8ec 100%);
}

.nse-home {
    background: transparent;
}

.money-maharaj-topbar {
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(11, 31, 51, .92), rgba(14, 108, 132, .90)),
        url("../Images/finance-hero.png") center right / cover no-repeat;
    padding: 16px 18px;
}

.mm-brand {
    font-size: clamp(1.35rem, 2.4vw, 1.82rem);
}

.mm-actions a,
.promo-main-btn,
.mm-service-card a,
.btn-gold,
.launch-btn {
    border-radius: 10px;
}

.main-market-panel,
.market-box-panel,
.right-promo-panel,
.mm-enquiry-zone,
.market-mini-card,
.watch-pro-card,
.quick-info-card,
.signal-summary-card,
.status-card,
.index-card,
.panel {
    border-radius: 14px;
}

.main-market-panel,
.market-box-panel,
.mm-enquiry-zone {
    border-color: rgba(72, 103, 170, .16);
    box-shadow: 0 14px 30px rgba(24, 45, 91, .08);
}

.market-mini-card {
    padding: 14px;
}

.mini-value {
    font-size: 1.22rem;
}

.panel-title {
    font-size: 1.34rem;
}

.hero-live-price {
    font-size: clamp(1.65rem, 3vw, 2rem);
}

.fake-chart-box {
    height: 230px;
    border-radius: 12px;
}

.right-promo-panel {
    background: linear-gradient(160deg, #083344 0%, #0f766e 52%, #f97316 100%);
    padding: 18px;
    overflow: hidden;
}

.promo-hero-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 14px;
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: 0 14px 30px rgba(0,0,0,.20);
}

.promo-list div {
    border-radius: 10px;
    padding: 10px 12px;
}

.mm-enquiry-head h2 {
    font-size: clamp(1.28rem, 2.6vw, 1.8rem);
}

.mm-service-card {
    border-radius: 14px;
    min-height: 165px;
    padding: 16px;
}

.mm-service-card:nth-child(1) i { color: #0f766e; }
.mm-service-card:nth-child(2) i { color: #dc2626; }
.mm-service-card:nth-child(3) i { color: #2563eb; }
.mm-service-card:nth-child(4) i { color: #9333ea; }
.mm-service-card:nth-child(5) i { color: #f97316; }
.mm-service-card:nth-child(6) i { color: #16a34a; }

.section-title2 {
    font-size: 1.02rem;
}

.watch-pro-card .ltp {
    font-size: 1.36rem;
}

.ccm-home-table td,
.ccm-home-table th {
    padding: 11px 12px;
    font-size: .92rem;
}

.site-footer {
    background: linear-gradient(135deg, #08111f, #10283d);
    padding: 30px 0;
}

.social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.social-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 10px;
    padding: 8px 11px;
    font-weight: 800;
}

.social-links a:hover {
    background: #fff;
    color: #0f2a43;
}

@media (max-width: 1199px) {
    .header-grid {
        grid-template-columns: 1fr;
    }
}

.mm-seo-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(260px, .75fr);
    gap: 18px;
    align-items: stretch;
    margin: 18px 0;
}

.mm-seo-copy,
.mm-seo-card,
.mm-training-zone {
    background: #fff;
    border: 1px solid rgba(72, 103, 170, .16);
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(24, 45, 91, .08);
}

.mm-seo-copy {
    padding: 24px;
}

.mm-seo-copy h1 {
    color: #10213d;
    font-size: clamp(1.55rem, 3vw, 2.28rem);
    font-weight: 1000;
    line-height: 1.16;
    margin: 6px 0 12px;
}

.mm-seo-copy p,
.mm-training-head p,
.mm-training-grid p {
    color: #5f6c89;
    margin-bottom: 0;
}

.mm-keyword-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.mm-keyword-pills span {
    background: #eef6f4;
    color: #0f766e;
    border: 1px solid #cce8e2;
    border-radius: 999px;
    padding: 8px 11px;
    font-size: .88rem;
    font-weight: 900;
}

.mm-seo-card {
    padding: 22px;
    background: linear-gradient(155deg, #0f2a43 0%, #0f766e 62%, #f59e0b 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.mm-seo-card strong {
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mm-seo-card a {
    color: #fff;
    font-size: 1.45rem;
    font-weight: 1000;
}

.mm-seo-card span {
    color: rgba(255,255,255,.88);
    font-weight: 700;
}

.mm-training-zone {
    padding: 24px;
    margin: 24px 0;
}

.mm-training-head {
    max-width: 850px;
    margin-bottom: 18px;
}

.mm-training-head h2 {
    color: #10213d;
    font-size: clamp(1.35rem, 2.6vw, 1.9rem);
    font-weight: 1000;
    margin: 6px 0 8px;
}

.mm-training-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.mm-training-grid article {
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7ff 100%);
    border: 1px solid #e7edfb;
    border-radius: 14px;
    padding: 16px;
}

.mm-training-grid h3 {
    color: #1c2450;
    font-size: 1rem;
    font-weight: 1000;
    margin-bottom: 8px;
}

@media (max-width: 991px) {
    .mm-seo-hero,
    .mm-training-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575px) {
    .mm-seo-hero,
    .mm-training-grid {
        grid-template-columns: 1fr;
    }

    .mm-seo-copy,
    .mm-seo-card,
    .mm-training-zone {
        padding: 18px;
    }
}