.ec-modern-page {
        overflow: hidden;
        background:
            radial-gradient(circle at 8% 5%, rgba(250, 204, 21, .18), transparent 28rem),
            radial-gradient(circle at 92% 8%, rgba(249, 115, 22, .14), transparent 28rem),
            linear-gradient(180deg, #fffaf0 0%, #fff7ed 52%, #ffffff 100%);
    }

    .ec-modern-hero {
        position: relative;
        padding: 86px 0 88px;
        color: #fff;
        isolation: isolate;
        background:
            radial-gradient(circle at 16% 20%, rgba(255, 106, 31, .28), transparent 26rem),
            radial-gradient(circle at 82% 18%, rgba(250, 204, 21, .16), transparent 24rem),
            radial-gradient(circle at 72% 82%, rgba(22, 101, 52, .15), transparent 28rem),
            linear-gradient(135deg, #050505 0%, #17080d 34%, #44131f 62%, #f05a24 120%);
    }

    .ec-modern-hero::before {
        content: "ॐ";
        position: absolute;
        right: 7%;
        top: 8%;
        font-family: 'Noto Sans Devanagari', sans-serif;
        font-size: 170px;
        line-height: 1;
        color: rgba(255, 255, 255, .055);
        pointer-events: none;
    }

    .ec-modern-hero::after {
        content: "";
        position: absolute;
        inset: auto 0 0;
        height: 95px;
        background: linear-gradient(180deg, transparent, rgba(255, 250, 240, .96));
        pointer-events: none;
    }

    .ec-hero-grid {
        position: absolute;
        inset: 0;
        z-index: -2;
        opacity: .42;
        background-image:
            linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
        background-size: 58px 58px;
    }

    .ec-hero-orb {
        position: absolute;
        z-index: -1;
        border-radius: 999px;
        animation: gmFloat 8s ease-in-out infinite;
    }

    .ec-hero-orb-one {
        width: 220px;
        height: 220px;
        left: -70px;
        top: 130px;
        background: radial-gradient(circle, rgba(250, 204, 21, .20), transparent 70%);
    }

    .ec-hero-orb-two {
        width: 280px;
        height: 280px;
        right: -90px;
        bottom: 90px;
        background: radial-gradient(circle, rgba(249, 115, 22, .22), transparent 70%);
        animation-delay: -3s;
    }

    .ec-modern-badge {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 10px 16px;
        border-radius: 999px;
        color: #fff3d0;
        background: rgba(255,255,255,.11);
        border: 1px solid rgba(255,255,255,.18);
        backdrop-filter: blur(14px);
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .06em;
    }

    .ec-modern-badge i {
        color: #ffd166;
    }

    .ec-modern-hero h1 {
        max-width: 780px;
        margin: 20px 0 18px;
        font-size: clamp(42px, 5.5vw, 72px);
        line-height: 1.04;
        font-weight: 800;
        letter-spacing: -.055em;
        color: #fff;
    }

    .ec-modern-hero h1 span {
        display: block;
        color: #ffd166;
    }

    .ec-modern-hero p {
        max-width: 720px;
        color: rgba(255,255,255,.82);
        font-size: 18px;
        line-height: 1.8;
        font-weight: 400;
    }

    .ec-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 30px;
    }

    .ec-primary-action,
    .ec-light-action {
        min-height: 54px;
        padding: 0 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        text-decoration: none !important;
        font-size: 15px;
        font-weight: 800;
        transition: all .25s ease;
    }

    .ec-primary-action {
        color: #fff !important;
        background: linear-gradient(135deg, #ff6a1a 0%, #ef3426 48%, #be123c 100%);
        box-shadow: 0 18px 40px rgba(159, 18, 57, .28);
    }

    .ec-light-action {
        color: #fff !important;
        background: rgba(255,255,255,.12);
        border: 1px solid rgba(255,255,255,.28);
        backdrop-filter: blur(14px);
    }

    .ec-primary-action:hover,
    .ec-light-action:hover {
        transform: translateY(-3px);
        color: #fff !important;
    }

    .ec-modern-hero-card {
        padding: 32px;
        border-radius: 34px;
        color: #fff;
        background:
            linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.055)),
            radial-gradient(circle at 50% 20%, rgba(250, 204, 21, .18), transparent 22rem);
        border: 1px solid rgba(255,255,255,.18);
        box-shadow: 0 34px 90px rgba(0,0,0,.25);
        backdrop-filter: blur(18px);
    }

    .ec-modern-card-icon {
        width: 76px;
        height: 76px;
        display: grid;
        place-items: center;
        border-radius: 26px;
        color: #5b1020;
        background: linear-gradient(135deg, #ffd166, #f97316);
        font-size: 32px;
        box-shadow: 0 18px 44px rgba(250, 204, 21, .25);
        margin-bottom: 22px;
    }

    .ec-modern-hero-card h3 {
        margin: 0;
        font-size: 56px;
        line-height: 1;
        font-weight: 900;
        color: #fff;
    }

    .ec-modern-hero-card p {
        margin: 10px 0 0;
        color: rgba(255,255,255,.74);
        font-size: 15px;
    }

    .ec-modern-chip {
        margin-top: 22px;
        padding: 13px 15px;
        border-radius: 18px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #fff8dc;
        background: rgba(91, 16, 32, .78);
        border: 1px solid rgba(255,255,255,.14);
        font-weight: 700;
        font-size: 14px;
    }

    .ec-modern-chip i {
        color: #ffd166;
    }

    .ec-summary-modern-section {
        position: relative;
        z-index: 4;
        margin-top: -42px;
        padding-bottom: 42px;
    }

    .ec-summary-modern-card {
        height: 100%;
        padding: 24px;
        border-radius: 28px;
        background:
            linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,247,237,.82)),
            radial-gradient(circle at 12% 0%, rgba(249,115,22,.12), transparent 18rem);
        border: 1px solid rgba(249, 115, 22, .16);
        box-shadow: 0 22px 56px rgba(120, 53, 15, .10);
        transition: all .28s ease;
    }

    .ec-summary-modern-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 30px 80px rgba(91, 16, 32, .15);
    }

    .ec-summary-modern-card span {
        width: 58px;
        height: 58px;
        display: grid;
        place-items: center;
        border-radius: 21px;
        color: #fff;
        font-size: 25px;
        margin-bottom: 18px;
        background: linear-gradient(135deg, #dc2626, #f97316);
        box-shadow: 0 17px 38px rgba(159, 18, 57, .22);
    }

    .ec-summary-modern-card span.green {
        background: linear-gradient(135deg, #16a34a, #065f46);
    }

    .ec-summary-modern-card span.blue {
        background: linear-gradient(135deg, #2563eb, #1e3a8a);
    }

    .ec-summary-modern-card h4 {
        margin: 0 0 8px;
        color: #5b1020;
        font-size: 20px;
        font-weight: 900;
    }

    .ec-summary-modern-card p {
        margin: 0;
        color: #7a5c3a;
        font-size: 14px;
        line-height: 1.65;
        font-weight: 600;
    }

    .ec-list-section {
        padding-top: 34px;
    }

    .ec-modern-filter {
        margin-bottom: 30px;
        border-radius: 28px;
        background:
            linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,247,237,.82));
        border: 1px solid rgba(249, 115, 22, .17);
        box-shadow: 0 22px 56px rgba(120, 53, 15, .10);
    }

    .ec-modern-list-head {
        padding: 20px 22px;
        border-radius: 26px;
        background: rgba(255,255,255,.76);
        border: 1px solid rgba(249, 115, 22, .13);
        box-shadow: 0 16px 38px rgba(120, 53, 15, .07);
    }

    .ec-mini-title {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 8px;
        color: #c2410c;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

    .ec-modern-empty {
        background:
            linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,247,237,.82));
        box-shadow: 0 22px 56px rgba(120, 53, 15, .10);
    }

    @media (max-width: 991px) {
        .ec-modern-hero {
            padding: 62px 0 70px;
        }

        .ec-modern-hero h1 {
            font-size: 46px;
        }
    }

    @media (max-width: 767px) {
        .ec-modern-hero {
            padding: 46px 0 60px;
        }

        .ec-modern-hero::before {
            right: -20px;
            top: 20px;
            font-size: 125px;
        }

        .ec-modern-hero h1 {
            font-size: 38px;
            letter-spacing: -1px;
        }

        .ec-modern-hero p {
            font-size: 15px;
            line-height: 1.7;
        }

        .ec-primary-action,
        .ec-light-action {
            width: 100%;
        }

        .ec-modern-hero-card,
        .ec-summary-modern-card {
            padding: 22px;
            border-radius: 26px;
        }

        .ec-modern-list-head {
            display: grid;
            padding: 18px;
            border-radius: 22px;
        }
    }