@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');

:root{

--pcb-primary:#0f172a;
--pcb-secondary:#1e293b;
--pcb-accent:#2563eb;
--pcb-accent-2:#06b6d4;

--pcb-bg:#f8fafc;
--pcb-card:#ffffff;

--pcb-text:#0f172a;
--pcb-muted:#64748b;

--pcb-radius:24px;

--pcb-shadow:
0 10px 35px rgba(15,23,42,.08);

}

html{
scroll-behavior:smooth;
}

body{

font-family:'Cairo',sans-serif !important;

background:
linear-gradient(
180deg,
#f8fafc 0%,
#eef2ff 100%
);

color:var(--pcb-text);

overflow-x:hidden;

}

*{
box-sizing:border-box;
}


html[dir="rtl"] body{
font-family:'Cairo',sans-serif !important;
direction:rtl;
text-align:right;
}

img{
max-width:100%;
height:auto;
}

a{
text-decoration:none;
transition:.3s;
}

.section-title{

font-size:2rem;
font-weight:800;

margin-bottom:2rem;

color:var(--pcb-primary);

}

.cardx{

background:#fff;

border-radius:var(--pcb-radius);

box-shadow:var(--pcb-shadow);

border:none;

overflow:hidden;
}

:root{
    --primary:#1d4ed8;
    --secondary:#020617;
    --accent:#38bdf8;
    --gold:#facc15;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:Cairo,sans-serif;
    background:#f3f6fb;
    color:#0f172a;
}

.hero{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(135deg,#020617 0%,#0f172a 28%,#172554 62%,#1d4ed8 100%);
    
    padding:38px 0 70px;
    border-radius:0 0 42px 42px;
    box-shadow:0 20px 60px rgba(15,23,42,.22);
    margin-bottom:3rem;
}

.hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,rgba(255,255,255,.13),transparent 38%),
        radial-gradient(circle at bottom left,rgba(56,189,248,.16),transparent 34%);
}

.hero::after{
    content:'';
    position:absolute;
    width:650px;
    height:650px;
    top:-220px;
    right:-180px;
    background:radial-gradient(circle,rgba(59,130,246,.16),transparent 72%);
    filter:blur(40px);
}

.hero .container{
    position:relative;
    z-index:2;
}

.lang-switch a{
    border-radius:999px;
    padding:8px 16px;
    font-weight:800;
    text-decoration:none;
}

.hero-banner{
    max-height:360px;
    width:100%;
    object-fit:cover;
    border-radius:28px;
    box-shadow:0 18px 55px rgba(0,0,0,.28);
    border:1px solid rgba(255,255,255,.16);
}

.glass-bar{
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(10px);
    border-radius:24px;
    padding:20px;
}

/* =========================================================
   PACK 606 — COUNTDOWN + KPI ENGINE
========================================================= */

.ec-countdown-wrap{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:24px;
    margin-bottom:38px;
}

.ec-countdown-card,
.ec-deadline-card{
    display:flex;
    align-items:center;
    gap:22px;
    padding:28px;
    border-radius:28px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.ec-countdown-icon,
.ec-deadline-icon{
    width:78px;
    height:78px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2rem;
    background:rgba(255,255,255,.12);
    color:#fff;
}

.ec-countdown-label,
.ec-deadline-label{
    font-size:.95rem;
    opacity:.82;
    margin-bottom:8px;
}

.ec-countdown-number{
    font-size:2.6rem;
    font-weight:900;
    line-height:1;
}

.ec-countdown-number span{
    font-size:1rem;
    opacity:.82;
}

.ec-deadline-date{
    font-size:1.4rem;
    font-weight:900;
}

.ec-kpi-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    padding:32px 26px;
    background:#fff;
    box-shadow:0 18px 44px rgba(15,23,42,.08);
    text-align:center;
    transition:.3s ease;
}

.ec-kpi-card:hover{
    transform:translateY(-8px);
}

.ec-kpi-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(59,130,246,.06),
        transparent 35%);
}

.ec-kpi-icon{
    width:76px;
    height:76px;
    margin:auto auto 18px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.8rem;
}

.ec-kpi-value{
    font-size:2.8rem;
    font-weight:900;
    line-height:1;
    margin-bottom:12px;
    color:#0f172a;
}

.ec-kpi-label{
    font-weight:800;
    color:#475569;
}

@media(max-width:768px){

    .ec-countdown-card,
    .ec-deadline-card{
        flex-direction:column;
        text-align:center;
    }

}

.section-title{
    font-size:2rem;
    font-weight:900;
    margin-bottom:1.5rem;
    color:rgba(255,255,255,.65);
}

.cardx{
    border:0;
    border-radius:28px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 12px 35px rgba(15,23,42,.08);
    transition:.28s;
}

.cardx:hover{
    transform:translateY(-8px);
}

.avatar{
    width:96px;
    height:96px;
    border-radius:50%;
    object-fit:cover;
    border:5px solid rgba(255,255,255,.9);
    box-shadow:0 8px 24px rgba(15,23,42,.16);
}

.noavatar{
    width:96px;
    height:96px;
    border-radius:50%;
    background:#e2e8f0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#64748b;
    font-weight:900;
    font-size:1.1rem;
}

.type-pill{
    border-radius:999px;
    background:#dbeafe;
    color:#1e3a8a;
    padding:6px 12px;
    font-size:12px;
    font-weight:800;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:18px;
    padding:14px 24px;
    font-weight:900;
    transition:.28s;
    text-decoration:none;
    border:0;
    box-shadow:0 10px 25px rgba(0,0,0,.22);
}

.hero-btn:hover{
    transform:translateY(-4px);
}

.hero-submit{
    background:linear-gradient(135deg,#facc15,#f59e0b);
    color:#111827 !important;
}

.hero-secondary{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    color:#fff !important;
    backdrop-filter:blur(8px);
}

.hero-secondary:hover{
    background:rgba(255,255,255,.18);
    color:#fff !important;
}

.timeline-bar{
    height:5px;
    background:linear-gradient(90deg,#1d4ed8,#38bdf8,#facc15);
    margin:-1.5rem -1.5rem 1.5rem -1.5rem;
}

.proceeding-download{
    border-radius:14px;
    font-weight:700;
}

@media(max-width:768px){
    .hero{padding:28px 0 50px;}
    .section-title{font-size:1.6rem;}
}

/* =========================================================
   PACK 562 COMMITTEE / TPC ENTERPRISE CARDS
========================================================= */

.ec-section-title{
    position:relative;
    font-size:2rem;
    font-weight:900;
    margin-bottom:40px;
    color:#123f77;
}

.ec-section-title::after{
    content:'';
    width:90px;
    height:5px;
    border-radius:999px;
    background:linear-gradient(135deg,#00c896,#00a2ff);
    position:absolute;
    bottom:-14px;
    left:0;
}

[dir="rtl"] .ec-section-title::after{
    left:auto;
    right:0;
}

.ec-committee-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:28px;
}

.ec-committee-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    border-radius:28px;
    padding:28px 24px;
    box-shadow:0 20px 50px rgba(15,30,60,.08);
    transition:.3s ease;
    border:1px solid rgba(0,0,0,.04);
    height:100%;
}

.ec-committee-card:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 70px rgba(15,30,60,.16);
}

.ec-committee-card::before{
    content:'';
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:6px;
    background:linear-gradient(135deg,#00c896,#00a2ff);
}

.ec-committee-avatar{
    width:92px;
    height:92px;
    border-radius:50%;
    overflow:hidden;
    margin-bottom:22px;
    background:linear-gradient(135deg,#0d2f63,#00a2ff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:2rem;
    font-weight:900;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.ec-committee-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ec-committee-name{
    font-size:1.2rem;
    font-weight:900;
    color:#123f77;
    margin-bottom:8px;
}

.ec-committee-role{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    border-radius:999px;
    background:rgba(0,162,255,.08);
    color:#0078c8;
    font-weight:800;
    font-size:.82rem;
    margin-bottom:16px;
}

.ec-committee-affiliation{
    color:#55657d;
    line-height:1.8;
    font-size:.95rem;
    margin-bottom:14px;
}

.ec-committee-bio{
    color:#6f7f95;
    line-height:1.9;
    font-size:.92rem;
}

.ec-committee-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.ec-mini-badge{
    padding:8px 14px;
    border-radius:999px;
    background:#f3f7fb;
    color:#123f77;
    font-size:.78rem;
    font-weight:800;
}

.ec-keynote-card{
    background:
        radial-gradient(circle at top right, rgba(0,162,255,.15), transparent 30%),
        linear-gradient(135deg,#0d2f63,#154c8c);
    color:#fff;
}

.ec-keynote-card .ec-committee-name,
.ec-keynote-card .ec-committee-affiliation,
.ec-keynote-card .ec-committee-bio{
    color:#fff;
}

.ec-keynote-card .ec-mini-badge{
    background:rgba(255,255,255,.12);
    color:#fff;
}

.ec-sponsor-card{
    text-align:center;
    padding:40px 20px;
}

.ec-sponsor-logo{
    max-height:90px;
    width:auto;
    object-fit:contain;
    filter:grayscale(100%);
    transition:.25s ease;
}

.ec-sponsor-card:hover .ec-sponsor-logo{
    filter:none;
    transform:scale(1.04);
}

.ec-committee-section{
    margin-top:80px;
    margin-bottom:80px;
}


/* =========================================================
   PACK 563 TIMELINE ENGINE
========================================================= */

.ec-timeline-wrap{
    margin:90px 0;
}

.ec-timeline{
    position:relative;
    margin-top:50px;
}

.ec-timeline::before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:6px;
    transform:translateX(-50%);
    background:linear-gradient(180deg,#1d4ed8,#38bdf8,#facc15);
    border-radius:999px;
}

[dir="rtl"] .ec-timeline::before{
    left:auto;
    right:50%;
    transform:translateX(50%);
}

.ec-timeline-item{
    position:relative;
    width:50%;
    padding:0 40px 50px;
}

.ec-timeline-item:nth-child(odd){
    left:0;
    text-align:right;
}

.ec-timeline-item:nth-child(even){
    left:50%;
}

.ec-timeline-dot{
    position:absolute;
    top:22px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#fff;
    border:6px solid #1d4ed8;
    box-shadow:0 0 0 8px rgba(29,78,216,.12);
}

.ec-timeline-item:nth-child(odd) .ec-timeline-dot{
    right:-12px;
}

.ec-timeline-item:nth-child(even) .ec-timeline-dot{
    left:-12px;
}

.ec-timeline-card{
    background:#fff;
    border-radius:28px;
    padding:28px;
    box-shadow:0 20px 50px rgba(15,23,42,.08);
    border:1px solid rgba(0,0,0,.05);
    transition:.3s ease;
}

.ec-timeline-card:hover{
    transform:translateY(-6px);
}

.ec-timeline-date{
    font-size:1.4rem;
    font-weight:900;
    color:#1d4ed8;
    margin-bottom:10px;
}

.ec-timeline-title{
    font-size:1.15rem;
    font-weight:900;
    color:#0f172a;
    margin-bottom:12px;
}

.ec-timeline-status{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    font-size:.8rem;
    font-weight:800;
}

.ec-status-open{
    background:#dcfce7;
    color:#166534;
}

.ec-status-upcoming{
    background:#dbeafe;
    color:#1d4ed8;
}

.ec-status-closed{
    background:#fee2e2;
    color:#991b1b;
}

.ec-countdown{
    margin-top:14px;
    color:#64748b;
    font-weight:700;
    font-size:.92rem;
}

@media(max-width:991px){

    .ec-timeline::before{
        left:18px;
    }

    [dir="rtl"] .ec-timeline::before{
        right:18px;
        left:auto;
    }

    .ec-timeline-item,
    .ec-timeline-item:nth-child(even),
    .ec-timeline-item:nth-child(odd){
        width:100%;
        left:0;
        text-align:left;
        padding-left:60px;
        padding-right:0;
    }

    [dir="rtl"] .ec-timeline-item,
    [dir="rtl"] .ec-timeline-item:nth-child(even),
    [dir="rtl"] .ec-timeline-item:nth-child(odd){
        padding-right:60px;
        padding-left:0;
        text-align:right;
    }

    .ec-timeline-item:nth-child(odd) .ec-timeline-dot,
    .ec-timeline-item:nth-child(even) .ec-timeline-dot{
        left:6px;
        right:auto;
    }

    [dir="rtl"] .ec-timeline-item:nth-child(odd) .ec-timeline-dot,
    [dir="rtl"] .ec-timeline-item:nth-child(even) .ec-timeline-dot{
        right:6px;
        left:auto;
    }
}


/* =========================================================
   PACK 564 TRACK / THEME SHOWCASE
========================================================= */

.ec-theme-wrap{
    margin:100px 0;
}

.ec-theme-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:28px;
}

/* =========================================================
   PACK 605 — FLOATING NAVIGATION ENGINE
========================================================= */

.ec-floating-nav{
    position:sticky;
    top:0;
    z-index:9999;
    padding:14px 0;
    backdrop-filter:blur(18px);
    background:rgba(7,28,57,.72);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ec-floating-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
}

.ec-nav-brand{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:#fff;
    font-weight:900;
    font-size:1.1rem;
}

.ec-nav-brand i{
    width:48px;
    height:48px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#00c896,#00a2ff);
    box-shadow:0 12px 30px rgba(0,162,255,.28);
}

.ec-nav-links{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.ec-nav-links a{
    text-decoration:none;
    color:rgba(255,255,255,.92);
    font-weight:800;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    transition:.28s ease;
}

.ec-nav-links a:hover{
    background:rgba(255,255,255,.10);
    color:#fff;
}

.ec-nav-submit{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    border-radius:999px;
    padding:14px 24px;
    background:linear-gradient(135deg,#facc15,#f59e0b);
    color:#111827;
    font-weight:900;
    box-shadow:0 14px 34px rgba(245,158,11,.28);
    transition:.3s ease;
}

.ec-nav-submit:hover{
    transform:translateY(-3px);
    color:#111827;
}

.ec-hero-meta-bar{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:32px;
}

.ec-hero-meta-card{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 22px;
    border-radius:22px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(14px);
    color:#fff;
    min-width:220px;
}

.ec-hero-meta-card i{
    width:54px;
    height:54px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.12);
    font-size:1.3rem;
}

.ec-hero-meta-card small{
    display:block;
    opacity:.75;
    margin-bottom:4px;
}

.ec-hero-meta-card strong{
    display:block;
    font-size:1rem;
}

@media(max-width:992px){

    .ec-floating-inner{
        justify-content:center;
    }

    .ec-nav-links{
        justify-content:center;
    }

}

@media(max-width:768px){

    .ec-nav-links{
        display:none;
    }

    .ec-hero-meta-card{
        width:100%;
    }

}

.ec-theme-card{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    padding:32px 28px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 25%),
        linear-gradient(135deg,#0d2f63 0%,#154c8c 60%,#00a2ff 100%);
    color:#fff;
    box-shadow:0 24px 60px rgba(13,47,99,.18);
    transition:.35s ease;
    min-height:260px;
}

.ec-theme-card:hover{
    transform:translateY(-8px) scale(1.01);
    box-shadow:0 34px 80px rgba(13,47,99,.28);
}

.ec-theme-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        rgba(255,255,255,.05),
        rgba(255,255,255,.01)
    );
}

.ec-theme-content{
    position:relative;
    z-index:2;
}

.ec-theme-icon{
    width:72px;
    height:72px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.14);
    backdrop-filter:blur(10px);
    font-size:1.8rem;
    margin-bottom:22px;
    box-shadow:0 10px 24px rgba(0,0,0,.15);
}

.ec-theme-title{
    font-size:1.35rem;
    font-weight:900;
    line-height:1.4;
    margin-bottom:16px;
}

.ec-theme-desc{
    color:rgba(255,255,255,.92);
    line-height:1.9;
    font-size:.96rem;
    min-height:92px;
}

.ec-theme-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}

.ec-theme-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
    font-size:.78rem;
    font-weight:800;
}

.ec-theme-counter{
    position:absolute;
    top:20px;
    right:22px;
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1rem;
    font-weight:900;
    backdrop-filter:blur(10px);
}

[dir="rtl"] .ec-theme-counter{
    right:auto;
    left:22px;
}

.ec-theme-highlight{
    margin-top:24px;
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    font-weight:700;
    font-size:.9rem;
}

.ec-theme-highlight i{
    color:#facc15;
}

@media(max-width:768px){

    .ec-theme-card{
        min-height:auto;
    }

}


/* =========================================================
   PACK 565 DYNAMIC HOMEPAGE BLOCKS
========================================================= */

.ec-home-blocks{
    margin:110px 0;
}

.ec-block-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.ec-home-card{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 30%),
        linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);
    border:1px solid rgba(15,23,42,.06);
    padding:34px 30px;
    box-shadow:0 24px 60px rgba(15,23,42,.08);
    transition:.35s ease;
    height:100%;
}


.ec-home-card-ai {
    background:
        linear-gradient(
            135deg,
            #071c2f,
            #0f3c68
        );
}

.ec-home-card-operations {
    background:
        linear-gradient(
            135deg,
            #1f2937,
            #111827
        );
}

.ec-home-card-media {
    background:
        linear-gradient(
            135deg,
            #3b0764,
            #6d28d9
        );
}

.ec-home-card-participation {
    background:
        linear-gradient(
            135deg,
            #14532d,
            #166534
        );
}
.ec-home-card:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 90px rgba(15,23,42,.14);
}

.ec-home-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:7px;
    background:linear-gradient(135deg,#00c896,#00a2ff,#1d4ed8);
}

.ec-home-icon{
    width:78px;
    height:78px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#00c896,#00a2ff);
    color:#fff;
    font-size:2rem;
    margin-bottom:24px;
    box-shadow:0 14px 34px rgba(0,162,255,.25);
}

.ec-home-title{
    font-size:1.45rem;
    font-weight:900;
    color:#0f172a;
    line-height:1.4;
    margin-bottom:16px;
}

.ec-home-desc{
    color:#64748b;
    line-height:1.95;
    font-size:.97rem;
    margin-bottom:22px;
}

.ec-home-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:auto;
}

.ec-home-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    padding:10px 18px;
    background:#eff6ff;
    color:#1d4ed8;
    font-weight:800;
    font-size:.8rem;
}

.ec-home-link{
    text-decoration:none;
    color:#0f172a;
    font-weight:900;
    transition:.25s ease;
}

.ec-home-link:hover{
    color:#1d4ed8;
}

.ec-highlight-banner{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:46px;
    margin-bottom:50px;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.14), transparent 28%),
        linear-gradient(135deg,#071c39 0%,#123f77 45%,#00a2ff 100%);
    color:#fff;
    box-shadow:0 30px 90px rgba(7,28,57,.28);
}

.ec-highlight-banner::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.ec-highlight-content{
    position:relative;
    z-index:2;
}

.ec-highlight-title{
    font-size:clamp(2rem,4vw,3.4rem);
    font-weight:900;
    margin-bottom:18px;
}

.ec-highlight-desc{
    max-width:900px;
    line-height:2;
    font-size:1.05rem;
    color:rgba(255,255,255,.92);
}

.ec-highlight-actions{
    margin-top:28px;
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}

.ec-highlight-btn{
    border-radius:999px;
    padding:14px 30px;
    font-weight:900;
    border:none;
    transition:.3s ease;
}

.ec-highlight-btn-primary{
    background:#fff;
    color:#0f172a;
}

.ec-highlight-btn-outline{
    background:transparent;
    color:#fff;
    border:2px solid rgba(255,255,255,.22);
}

.ec-highlight-btn:hover{
    transform:translateY(-3px);
}

@media(max-width:768px){

    .ec-highlight-banner{
        padding:32px 24px;
    }

    .ec-home-card{
        padding:28px 24px;
    }

}


/* =========================================================
   PACK 566 SPONSORS & INDEXING
========================================================= */

.ec-sponsor-wrap{
    margin:110px 0;
}

.ec-sponsor-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:28px;
}

.ec-sponsor-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    border-radius:30px;
    padding:34px 26px;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 24px 60px rgba(15,23,42,.08);
    text-align:center;
    transition:.35s ease;
}

.ec-sponsor-card:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 90px rgba(15,23,42,.16);
}

.ec-sponsor-tier{
    position:absolute;
    top:18px;
    right:18px;
    padding:8px 14px;
    border-radius:999px;
    font-size:.75rem;
    font-weight:900;
    color:#fff;
}

.ec-tier-platinum{ background:linear-gradient(135deg,#94a3b8,#e2e8f0); color:#0f172a; }
.ec-tier-gold{ background:linear-gradient(135deg,#facc15,#f59e0b); }
.ec-tier-silver{ background:linear-gradient(135deg,#cbd5e1,#94a3b8); }

.ec-sponsor-logo{
    width:110px;
    height:110px;
    margin:10px auto 24px;
    border-radius:28px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.14), transparent 35%),
        linear-gradient(135deg,#0d2f63,#00a2ff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:2.5rem;
    box-shadow:0 18px 38px rgba(0,162,255,.22);
}

.ec-sponsor-title{
    font-size:1.25rem;
    font-weight:900;
    color:#0f172a;
    margin-bottom:12px;
}

.ec-sponsor-desc{
    color:#64748b;
    line-height:1.9;
    font-size:.95rem;
}

.ec-indexing-strip{
    margin-top:70px;
    border-radius:36px;
    padding:44px;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.12), transparent 30%),
        linear-gradient(135deg,#071c39 0%,#123f77 50%,#00a2ff 100%);
    box-shadow:0 30px 90px rgba(7,28,57,.24);
}

.ec-indexing-title{
    color:#fff;
    font-size:2.1rem;
    font-weight:900;
    margin-bottom:20px;
}

.ec-indexing-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:22px;
    margin-top:36px;
}

.ec-index-card{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
    border-radius:26px;
    padding:28px 18px;
    text-align:center;
    backdrop-filter:blur(14px);
    transition:.3s ease;
}

.ec-index-card:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.16);
}

.ec-index-icon{
    width:72px;
    height:72px;
    margin:auto auto 18px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:2rem;
}

.ec-index-name{
    color:#fff;
    font-size:1.05rem;
    font-weight:900;
    margin-bottom:8px;
}

.ec-index-desc{
    color:rgba(255,255,255,.86);
    font-size:.88rem;
    line-height:1.7;
}

@media(max-width:768px){

    .ec-indexing-strip{
        padding:34px 24px;
    }

}


/* =========================================================
   PACK 567 LIVE ANALYTICS DASHBOARD
========================================================= */

.ec-stats-wrap{
    margin:120px 0;
}

.ec-stats-hero{
    position:relative;
    overflow:hidden;
    border-radius:38px;
    padding:52px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(135deg,#071c39 0%,#0d2f63 35%,#00a2ff 100%);
    box-shadow:0 34px 100px rgba(7,28,57,.28);
    color:#fff;
}

.ec-stats-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom, rgba(255,255,255,.03), rgba(255,255,255,.01));
}

.ec-stats-content{
    position:relative;
    z-index:2;
}

.ec-stats-title{
    font-size:clamp(2rem,4vw,3.5rem);
    font-weight:900;
    margin-bottom:18px;
}

.ec-stats-desc{
    color:rgba(255,255,255,.90);
    line-height:2;
    font-size:1.05rem;
    max-width:900px;
}

.ec-kpi-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:26px;
    margin-top:50px;
}

.ec-kpi-card{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    border-radius:30px;
    padding:30px 24px;
    backdrop-filter:blur(14px);
    transition:.35s ease;
    text-align:center;
}

.ec-kpi-card:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.16);
}

.ec-kpi-icon{
    width:84px;
    height:84px;
    margin:auto auto 22px;
    border-radius:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:2.1rem;
    box-shadow:0 16px 34px rgba(0,0,0,.18);
}

.ec-kpi-number{
    font-size:2.5rem;
    font-weight:900;
    line-height:1;
    color:#fff;
}

.ec-kpi-label{
    margin-top:14px;
    color:rgba(255,255,255,.88);
    font-weight:800;
    font-size:1rem;
}

.ec-kpi-mini{
    margin-top:10px;
    color:rgba(255,255,255,.70);
    font-size:.85rem;
    font-weight:700;
}

.ec-analytics-strip{
    margin-top:50px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:28px;
}

.ec-analytics-panel{
    border-radius:28px;
    padding:30px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(12px);
}

.ec-analytics-panel h4{
    color:#fff;
    font-weight:900;
    margin-bottom:18px;
}

.ec-analytics-progress{
    height:16px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.12);
}

.ec-analytics-progress > div{
    height:100%;
    border-radius:999px;
    background:linear-gradient(135deg,#00c896,#facc15);
}

.ec-analytics-text{
    margin-top:14px;
    color:rgba(255,255,255,.88);
    line-height:1.8;
}

@media(max-width:768px){

    .ec-stats-hero{
        padding:36px 24px;
    }

}


/* =========================================================
   PACK 568 VENUE / TRAVEL / ACCOMMODATION
========================================================= */

.ec-venue-wrap{
    margin:120px 0;
}

.ec-venue-hero{
    position:relative;
    overflow:hidden;
    border-radius:38px;
    padding:52px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 30%),
        linear-gradient(135deg,#05203d 0%,#123f77 50%,#00a2ff 100%);
    color:#fff;
    box-shadow:0 34px 100px rgba(5,32,61,.28);
}

.ec-venue-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
    margin-top:50px;
}

.ec-venue-card{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    background:#fff;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 24px 60px rgba(15,23,42,.08);
    transition:.35s ease;
    height:100%;
}

.ec-venue-card:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 90px rgba(15,23,42,.16);
}

.ec-venue-image{
    height:220px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 30%),
        linear-gradient(135deg,#0d2f63,#00a2ff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:4rem;
}

.ec-venue-content{
    padding:30px 28px;
}

.ec-venue-title{
    font-size:1.35rem;
    font-weight:900;
    color:#0f172a;
    margin-bottom:14px;
}

.ec-venue-desc{
    color:#64748b;
    line-height:1.95;
    font-size:.96rem;
}

.ec-venue-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}

.ec-venue-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    padding:10px 16px;
    background:#eff6ff;
    color:#1d4ed8;
    font-size:.78rem;
    font-weight:800;
}

.ec-travel-strip{
    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:26px;
}

.ec-travel-card{
    border-radius:30px;
    padding:34px 28px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 30%),
        linear-gradient(135deg,#ffffff,#f8fbff);
    border:1px solid rgba(15,23,42,.05);
    box-shadow:0 20px 50px rgba(15,23,42,.07);
    transition:.3s ease;
}

.ec-travel-card:hover{
    transform:translateY(-6px);
}

.ec-travel-icon{
    width:74px;
    height:74px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#00c896,#00a2ff);
    color:#fff;
    font-size:2rem;
    margin-bottom:22px;
    box-shadow:0 16px 34px rgba(0,162,255,.22);
}

.ec-travel-title{
    font-size:1.2rem;
    font-weight:900;
    color:#0f172a;
    margin-bottom:14px;
}

.ec-travel-desc{
    color:#64748b;
    line-height:1.9;
    font-size:.95rem;
}

.ec-hotel-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:24px;
    margin-top:60px;
}

.ec-hotel-card{
    border-radius:28px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 18px 44px rgba(15,23,42,.08);
    transition:.3s ease;
}

.ec-hotel-card:hover{
    transform:translateY(-6px);
}

.ec-hotel-top{
    height:160px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 30%),
        linear-gradient(135deg,#0d2f63,#00a2ff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:3rem;
}

.ec-hotel-content{
    padding:24px;
}

.ec-hotel-title{
    font-size:1.12rem;
    font-weight:900;
    color:#0f172a;
    margin-bottom:10px;
}

.ec-hotel-desc{
    color:#64748b;
    line-height:1.8;
    font-size:.9rem;
}

@media(max-width:768px){

    .ec-venue-hero{
        padding:36px 24px;
    }

}


/* =========================================================
   PACK 569 MEDIA GALLERY & SHOWCASE
========================================================= */

.ec-media-wrap{
    margin:120px 0;
}

.ec-media-hero{
    position:relative;
    overflow:hidden;
    border-radius:40px;
    padding:56px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(135deg,#071c39 0%,#123f77 45%,#00a2ff 100%);
    color:#fff;
    box-shadow:0 34px 100px rgba(7,28,57,.28);
}

.ec-media-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:28px;
    margin-top:50px;
}

.ec-media-card{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    min-height:320px;
    background:
        linear-gradient(rgba(7,28,57,.22), rgba(7,28,57,.55)),
        radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 28%),
        linear-gradient(135deg,#0d2f63,#00a2ff);
    box-shadow:0 24px 60px rgba(15,23,42,.14);
    transition:.35s ease;
}

.ec-media-card:hover{
    transform:translateY(-8px) scale(1.01);
    box-shadow:0 38px 100px rgba(15,23,42,.24);
}

.ec-media-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(7,28,57,.82), rgba(7,28,57,.08));
}

.ec-media-content{
    position:absolute;
    inset:auto 0 0 0;
    padding:30px;
    z-index:2;
    color:#fff;
}

.ec-media-icon{
    width:74px;
    height:74px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.14);
    backdrop-filter:blur(12px);
    color:#fff;
    font-size:2rem;
    margin-bottom:20px;
    box-shadow:0 14px 34px rgba(0,0,0,.18);
}

.ec-media-title{
    font-size:1.35rem;
    font-weight:900;
    margin-bottom:12px;
}

.ec-media-desc{
    color:rgba(255,255,255,.90);
    line-height:1.9;
    font-size:.95rem;
}

.ec-media-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}

.ec-media-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
    font-size:.78rem;
    font-weight:800;
}

.ec-highlight-panels{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:28px;
    margin-top:60px;
}

.ec-highlight-panel{
    border-radius:34px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 24px 60px rgba(15,23,42,.08);
    transition:.35s ease;
}

.ec-highlight-panel:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 90px rgba(15,23,42,.16);
}

.ec-highlight-top{
    height:220px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 30%),
        linear-gradient(135deg,#0d2f63,#00a2ff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:4rem;
}

.ec-highlight-body{
    padding:32px 28px;
}

.ec-highlight-heading{
    font-size:1.3rem;
    font-weight:900;
    color:#0f172a;
    margin-bottom:14px;
}

.ec-highlight-text{
    color:#64748b;
    line-height:1.95;
    font-size:.96rem;
}

.ec-video-banner{
    margin-top:70px;
    border-radius:38px;
    overflow:hidden;
    background:
        linear-gradient(rgba(7,28,57,.38), rgba(7,28,57,.62)),
        radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 30%),
        linear-gradient(135deg,#071c39,#123f77,#00a2ff);
    padding:60px;
    position:relative;
    color:#fff;
    box-shadow:0 34px 100px rgba(7,28,57,.24);
}

.ec-video-btn{
    width:110px;
    height:110px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.14);
    backdrop-filter:blur(12px);
    color:#fff;
    font-size:2.6rem;
    margin-top:28px;
    box-shadow:0 18px 44px rgba(0,0,0,.22);
    transition:.3s ease;
}

.ec-video-btn:hover{
    transform:scale(1.08);
}

@media(max-width:768px){

    .ec-media-hero,
    .ec-video-banner{
        padding:36px 24px;
    }

}


/* =========================================================
   PACK 572 SECTION FOUNDATION
========================================================= */

.ec-section-anchor{
    position:relative;
    scroll-margin-top:120px;
}

.ec-section-shell{
    position:relative;
}

.ec-section-shell + .ec-section-shell{
    margin-top:10px;
}

.ec-section-divider{
    width:140px;
    height:6px;
    border-radius:999px;
    margin:40px auto 0;
    background:linear-gradient(135deg,#00c896,#00a2ff,#1d4ed8);
    opacity:.18;
}

.ec-builder-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    color:#fff;
    font-size:.82rem;
    font-weight:800;
    backdrop-filter:blur(12px);
}


/* =========================================================
   PACK 573 CTA & PARTICIPATION EXPERIENCE
========================================================= */

.ec-cta-wrap{
    margin:120px 0;
}

.ec-cta-hero{
    position:relative;
    overflow:hidden;
    border-radius:42px;
    padding:60px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 28%),
        linear-gradient(135deg,#071c39 0%,#123f77 45%,#00c896 100%);
    color:#fff;
    box-shadow:0 40px 120px rgba(7,28,57,.28);
}

.ec-cta-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(12px);
    color:#fff;
    font-size:.82rem;
    font-weight:900;
    margin-bottom:24px;
}

.ec-cta-title{
    font-size:clamp(2.2rem,4vw,4rem);
    line-height:1.2;
    font-weight:900;
    margin-bottom:22px;
}

.ec-cta-desc{
    max-width:980px;
    color:rgba(255,255,255,.92);
    line-height:2;
    font-size:1.05rem;
}

.ec-cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:36px;
}

.ec-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    border-radius:999px;
    padding:16px 34px;
    font-weight:900;
    font-size:.95rem;
    transition:.3s ease;
    text-decoration:none;
}

.ec-cta-btn:hover{
    transform:translateY(-4px);
}

.ec-cta-primary{
    background:#fff;
    color:#071c39;
    box-shadow:0 18px 40px rgba(255,255,255,.18);
}

.ec-cta-outline{
    border:2px solid rgba(255,255,255,.22);
    color:#fff;
    background:rgba(255,255,255,.06);
}

.ec-participation-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
    margin-top:60px;
}

.ec-participation-card{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:34px 30px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 30%),
        linear-gradient(135deg,#ffffff,#f8fbff);
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 24px 60px rgba(15,23,42,.08);
    transition:.35s ease;
}

.ec-participation-card:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 90px rgba(15,23,42,.16);
}

.ec-participation-icon{
    width:84px;
    height:84px;
    border-radius:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#00c896,#00a2ff);
    color:#fff;
    font-size:2.2rem;
    margin-bottom:24px;
    box-shadow:0 18px 40px rgba(0,162,255,.22);
}

.ec-participation-title{
    font-size:1.35rem;
    font-weight:900;
    color:#0f172a;
    margin-bottom:16px;
}

.ec-participation-desc{
    color:#64748b;
    line-height:1.95;
    font-size:.96rem;
    margin-bottom:24px;
}

.ec-participation-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#1d4ed8;
    font-weight:900;
    text-decoration:none;
}

.ec-floating-ribbon{
    position:absolute;
    top:18px;
    right:-36px;
    transform:rotate(35deg);
    background:linear-gradient(135deg,#facc15,#f59e0b);
    color:#fff;
    padding:10px 60px;
    font-size:.74rem;
    font-weight:900;
    box-shadow:0 10px 24px rgba(245,158,11,.28);
}

[dir="rtl"] .ec-floating-ribbon{
    right:auto;
    left:-36px;
    transform:rotate(-35deg);
}

@media(max-width:768px){

    .ec-cta-hero{
        padding:38px 24px;
    }

}


/* =========================================================
   PACK 574 PROCEEDINGS & PUBLICATIONS
========================================================= */

.ec-proceedings-wrap{
    margin:120px 0;
}

.ec-proceedings-hero{
    position:relative;
    overflow:hidden;
    border-radius:42px;
    padding:60px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(135deg,#071c39 0%,#123f77 45%,#7c3aed 100%);
    color:#fff;
    box-shadow:0 40px 120px rgba(7,28,57,.28);
}

.ec-proceedings-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
    margin-top:60px;
}

.ec-paper-card{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 30%),
        linear-gradient(135deg,#ffffff,#f8fbff);
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 24px 60px rgba(15,23,42,.08);
    transition:.35s ease;
}

.ec-paper-card:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 90px rgba(15,23,42,.16);
}

.ec-paper-top{
    padding:30px 30px 20px;
    border-bottom:1px solid rgba(15,23,42,.06);
}

.ec-paper-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    padding:10px 16px;
    background:linear-gradient(135deg,#7c3aed,#2563eb);
    color:#fff;
    font-size:.75rem;
    font-weight:900;
    margin-bottom:18px;
}

.ec-paper-title{
    font-size:1.28rem;
    line-height:1.5;
    font-weight:900;
    color:#0f172a;
    margin-bottom:14px;
}

.ec-paper-authors{
    color:#475569;
    font-size:.92rem;
    line-height:1.8;
}

.ec-paper-body{
    padding:26px 30px 30px;
}

.ec-paper-abstract{
    color:#64748b;
    line-height:1.95;
    font-size:.95rem;
}

.ec-paper-meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.ec-paper-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    padding:10px 15px;
    background:#eff6ff;
    color:#1d4ed8;
    font-size:.78rem;
    font-weight:800;
}

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

.ec-paper-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    border-radius:999px;
    padding:12px 20px;
    font-size:.82rem;
    font-weight:900;
    text-decoration:none;
    transition:.3s ease;
}

.ec-paper-btn-primary{
    background:linear-gradient(135deg,#2563eb,#7c3aed);
    color:#fff;
}

.ec-paper-btn-outline{
    border:2px solid rgba(37,99,235,.12);
    color:#1d4ed8;
    background:#fff;
}

.ec-paper-btn:hover{
    transform:translateY(-3px);
}

.ec-proceedings-metrics{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:24px;
    margin-top:50px;
}

.ec-proceedings-metric{
    border-radius:30px;
    padding:28px 24px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(12px);
    text-align:center;
}

.ec-proceedings-number{
    font-size:2.5rem;
    font-weight:900;
    line-height:1;
}

.ec-proceedings-label{
    margin-top:12px;
    color:rgba(255,255,255,.88);
    font-weight:800;
}

@media(max-width:768px){

    .ec-proceedings-hero{
        padding:38px 24px;
    }

}


/* =========================================================
   PACK 575 SCIENTIFIC PROGRAM & SESSIONS
========================================================= */

.ec-program-wrap{
    margin:120px 0;
}

.ec-program-hero{
    position:relative;
    overflow:hidden;
    border-radius:42px;
    padding:60px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(135deg,#071c39 0%,#123f77 45%,#0ea5e9 100%);
    color:#fff;
    box-shadow:0 40px 120px rgba(7,28,57,.28);
}

.ec-program-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:30px;
    margin-top:60px;
}

.ec-session-card{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.06), transparent 30%),
        linear-gradient(135deg,#ffffff,#f8fbff);
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 24px 60px rgba(15,23,42,.08);
    transition:.35s ease;
}

.ec-session-card:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 90px rgba(15,23,42,.16);
}

.ec-session-top{
    padding:28px 30px;
    border-bottom:1px solid rgba(15,23,42,.06);
}

.ec-session-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    padding:10px 16px;
    background:linear-gradient(135deg,#0ea5e9,#2563eb);
    color:#fff;
    font-size:.74rem;
    font-weight:900;
    margin-bottom:18px;
}

.ec-session-title{
    font-size:1.28rem;
    line-height:1.5;
    font-weight:900;
    color:#0f172a;
    margin-bottom:14px;
}

.ec-session-meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.ec-session-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    padding:10px 15px;
    background:#eff6ff;
    color:#1d4ed8;
    font-size:.78rem;
    font-weight:800;
}

.ec-session-body{
    padding:28px 30px 30px;
}

.ec-session-desc{
    color:#64748b;
    line-height:1.95;
    font-size:.95rem;
}

.ec-speaker-list{
    margin-top:24px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.ec-speaker-item{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px;
    border-radius:20px;
    background:#f8fafc;
}

.ec-speaker-avatar{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0ea5e9,#2563eb);
    color:#fff;
    font-size:1.4rem;
    font-weight:900;
}

.ec-speaker-info{
    flex:1;
}

.ec-speaker-name{
    font-weight:900;
    color:#0f172a;
    margin-bottom:4px;
}

.ec-speaker-role{
    color:#64748b;
    font-size:.88rem;
}

.ec-agenda-strip{
    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:24px;
}

.ec-agenda-card{
    border-radius:30px;
    padding:30px 26px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 30%),
        linear-gradient(135deg,#ffffff,#f8fbff);
    border:1px solid rgba(15,23,42,.05);
    box-shadow:0 20px 50px rgba(15,23,42,.07);
    transition:.3s ease;
}

.ec-agenda-card:hover{
    transform:translateY(-6px);
}

.ec-agenda-icon{
    width:74px;
    height:74px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0ea5e9,#2563eb);
    color:#fff;
    font-size:2rem;
    margin-bottom:22px;
}

.ec-agenda-title{
    font-size:1.18rem;
    font-weight:900;
    color:#0f172a;
    margin-bottom:14px;
}

.ec-agenda-desc{
    color:#64748b;
    line-height:1.9;
    font-size:.94rem;
}

@media(max-width:768px){

    .ec-program-hero{
        padding:38px 24px;
    }

}


/* =========================================================
   PACK 576 SPEAKERS & KEYNOTES
========================================================= */

.ec-speakers-wrap{
    margin:120px 0;
}

.ec-speakers-hero{
    position:relative;
    overflow:hidden;
    border-radius:42px;
    padding:60px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(135deg,#071c39 0%,#123f77 45%,#9333ea 100%);
    color:#fff;
    box-shadow:0 40px 120px rgba(7,28,57,.28);
}

.ec-speakers-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:32px;
    margin-top:60px;
}

.ec-speaker-card{
    position:relative;
    overflow:hidden;
    border-radius:36px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 30%),
        linear-gradient(135deg,#ffffff,#f8fbff);
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 24px 60px rgba(15,23,42,.08);
    transition:.35s ease;
}

.ec-speaker-card:hover{
    transform:translateY(-8px);
    box-shadow:0 34px 90px rgba(15,23,42,.16);
}

.ec-speaker-banner{
    height:180px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(135deg,#0f172a,#2563eb,#9333ea);
    position:relative;
}

.ec-speaker-avatar-xl{
    width:110px;
    height:110px;
    border-radius:34px;
    background:#fff;
    position:absolute;
    left:30px;
    bottom:-55px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2.8rem;
    font-weight:900;
    color:#2563eb;
    box-shadow:0 18px 44px rgba(15,23,42,.16);
}

[dir="rtl"] .ec-speaker-avatar-xl{
    left:auto;
    right:30px;
}

.ec-speaker-content{
    padding:74px 30px 32px;
}

.ec-speaker-name-xl{
    font-size:1.4rem;
    font-weight:900;
    color:#0f172a;
    margin-bottom:10px;
}

.ec-speaker-position{
    color:#475569;
    font-weight:700;
    margin-bottom:16px;
    line-height:1.8;
}

.ec-speaker-bio{
    color:#64748b;
    line-height:1.95;
    font-size:.95rem;
}

.ec-speaker-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}

.ec-speaker-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    padding:10px 15px;
    background:#eff6ff;
    color:#1d4ed8;
    font-size:.76rem;
    font-weight:800;
}

.ec-speaker-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:26px;
}

.ec-speaker-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#2563eb;
    font-weight:900;
    text-decoration:none;
}

.ec-speaker-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    padding:10px 16px;
    background:linear-gradient(135deg,#9333ea,#2563eb);
    color:#fff;
    font-size:.74rem;
    font-weight:900;
}

@media(max-width:768px){

    .ec-speakers-hero{
        padding:38px 24px;
    }

}


/* =========================================================
   PACK 606X — TRUE IEEE PREMIUM EXPERIENCE
========================================================= */

:root{
    --ec-primary:#0a2a66;
    --ec-secondary:#1147b8;
    --ec-accent:#0ea5e9;
    --ec-dark:#081225;
    --ec-light:#f4f8ff;
}

html{
    scroll-behavior:smooth;
}

body{
    background:
        radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 30%),
        linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);
    overflow-x:hidden;
}

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

.hero{
    position:relative;
    overflow:hidden;
    min-height:860px;
    padding-top:70px !important;
    padding-bottom:90px !important;
    background:
        linear-gradient(135deg,#020617 0%,#0a2a66 35%,#1d4ed8 100%) !important;
    border-radius:0 0 48px 48px;
    box-shadow:0 30px 80px rgba(15,23,42,.25);
}

.hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.12),
        transparent 30%),
        radial-gradient(circle at bottom left,
        rgba(14,165,233,.16),
        transparent 35%);
}

.hero .container{
    position:relative;
    z-index:2;
}

.hero-banner{
    width:100%;
    border-radius:32px;
    box-shadow:0 25px 60px rgba(0,0,0,.35);
}

/* ================= FLOATING NAV ================= */

.ec-floating-nav{
    position:sticky;
    top:0;
    z-index:9999;
    backdrop-filter:blur(18px);
    background:rgba(2,6,23,.78);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.ec-floating-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
    padding:14px 0;
}

.ec-nav-links{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.ec-nav-links a{
    text-decoration:none;
    color:#fff;
    font-weight:800;
    padding:12px 20px;
    border-radius:999px;
    transition:.25s ease;
}

.ec-nav-links a:hover{
    background:rgba(255,255,255,.10);
    color:#fff;
}

/* ================= SECTION ================= */

.container.pb-5{
    margin-top:70px;
}

section{
    margin-bottom:80px !important;
}

.section-title{
    position:relative;
    font-size:clamp(2rem,3vw,3rem);
    font-weight:900;
    margin-bottom:2.5rem;
     color:rgba(255,255,255,.65);
}

.section-title::after{
    content:'';
    display:block;
    width:100px;
    height:6px;
    border-radius:999px;
    margin-top:14px;
    background:
        linear-gradient(90deg,var(--ec-primary),var(--ec-accent));
}

/* ================= CARDS ================= */

.cardx,
.ec-theme-card,
.ec-speaker-card,
.ec-kpi-card,
.timeline-card,
.card{
    border:none !important;
    border-radius:32px !important;
    overflow:hidden;
    background:#fff;
    box-shadow:0 18px 45px rgba(15,23,42,.08);
    transition:.3s ease;
}

.cardx:hover,
.ec-theme-card:hover,
.ec-speaker-card:hover,
.ec-kpi-card:hover{
    transform:translateY(-10px);
    box-shadow:0 28px 70px rgba(15,23,42,.16);
}

/* ================= COMMITTEE CARDS ================= */

.avatar{
    width:120px !important;
    height:120px !important;
    object-fit:cover;
    border-radius:50%;
    border:5px solid #fff;
    box-shadow:0 15px 35px rgba(15,23,42,.18);
}

.noavatar{
    width:120px;
    height:120px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2rem;
    color:#fff;
    background:
        linear-gradient(135deg,#2563eb,#0ea5e9);
}

/* ================= TIMELINE ================= */

.timeline-bar{
    height:6px;
    border-radius:999px;
    margin-bottom:26px;
    background:
        linear-gradient(90deg,#2563eb,#06b6d4);
}

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

.hero-btn,
.btn-primary,
.btn-warning{
    border-radius:999px !important;
    font-weight:900 !important;
    padding:14px 28px !important;
    box-shadow:0 14px 35px rgba(37,99,235,.22);
}

/* ================= KPI ================= */

.display-6{
    font-weight:900 !important;
    font-size:3rem !important;
}

/* ================= PROCEEDINGS ================= */

.proceeding-download{
    border-radius:999px !important;
    font-weight:700;
}

/* ================= FIX BAD LAYOUT ================= */

.row.g-4{
    align-items:stretch;
}

.col-lg-3 .cardx,
.col-md-4 .cardx,
.col-lg-4 .cardx{
    height:100%;
}

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

@media(max-width:992px){

    .hero{
        min-height:auto;
        padding-top:50px !important;
    }

    .ec-floating-inner{
        justify-content:center;
    }

    .ec-nav-links{
        justify-content:center;
    }

}

@media(max-width:768px){

    .hero{
        border-radius:0 0 28px 28px;
    }

    .section-title{
        font-size:2rem;
    }

    .ec-nav-links{
        display:none;
    }

    .display-3{
        font-size:2.4rem !important;
    }

}

/* =========================================================
   PACK 607 — TRUE IEEE EXPERIENCE SYSTEM
========================================================= */

/* =========================================================
   GLOBAL DEPTH
========================================================= */

body{
    position:relative;
}

body::before{
    content:'';
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 15% 20%,
        rgba(14,165,233,.06),
        transparent 22%),

        radial-gradient(circle at 80% 10%,
        rgba(37,99,235,.05),
        transparent 20%),

        radial-gradient(circle at 50% 80%,
        rgba(59,130,246,.04),
        transparent 24%);
}

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

.hero{
    isolation:isolate;
}

.hero::after{
    content:'';
    position:absolute;
    width:620px;
    height:620px;
    border-radius:50%;
    background:
        radial-gradient(circle,
        rgba(255,255,255,.12),
        transparent 70%);
    top:-260px;
    right:-120px;
    animation:ecGlow 9s ease-in-out infinite;
    z-index:-1;
}

@keyframes ecGlow{

    0%{
        transform:scale(1);
        opacity:.6;
    }

    50%{
        transform:scale(1.08);
        opacity:.9;
    }

    100%{
        transform:scale(1);
        opacity:.6;
    }

}

/* =========================================================
   SECTION SPACING SYSTEM
========================================================= */

section{
    position:relative;
    margin-bottom:110px !important;
}

section::before{
    content:'';
    position:absolute;
    top:-40px;
    left:0;
    width:100%;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37,99,235,.18),
            transparent
        );
}

/* =========================================================
   IEEE BADGES
========================================================= */

.ec-ieee-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:999px;
    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #2563eb
        );
    color:#fff;
    font-size:.92rem;
    font-weight:800;
    box-shadow:0 12px 30px rgba(37,99,235,.24);
}

/* =========================================================
   PREMIUM PAPER CARDS
========================================================= */

.paper-card,
.proceeding-card,
.session-paper{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    background:#fff;
    border:1px solid rgba(37,99,235,.08);
    box-shadow:0 20px 50px rgba(15,23,42,.08);
    transition:.35s ease;
}

.paper-card:hover,
.proceeding-card:hover,
.session-paper:hover{
    transform:
        translateY(-10px)
        scale(1.01);

    box-shadow:
        0 28px 80px rgba(15,23,42,.14);
}

.paper-card::before,
.proceeding-card::before,
.session-paper::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;
    background:
        linear-gradient(
            90deg,
            #0b3d91,
            #0ea5e9
        );
}

/* =========================================================
   PROCEEDINGS UI
========================================================= */

.proceedings-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
    margin-bottom:34px;
}

.proceedings-title{
    font-size:2rem;
    font-weight:900;
    color:#081225;
}

.proceeding-meta{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.proceeding-meta span{
    padding:10px 16px;
    border-radius:999px;
    background:#eef4ff;
    color:#1d4ed8;
    font-weight:800;
}

/* =========================================================
   GLASS PANELS
========================================================= */

.glass-bar,
.ec-countdown-card,
.ec-deadline-card{
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.08)
        ) !important;

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

    backdrop-filter:blur(18px);
}

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

.hero-btn,
.btn-primary,
.btn-warning,
.ec-nav-submit{
    position:relative;
    overflow:hidden;
}

.hero-btn::before,
.btn-primary::before,
.btn-warning::before,
.ec-nav-submit::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:100%;
    height:100%;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.24),
            transparent
        );

    transition:.6s ease;
}

.hero-btn:hover::before,
.btn-primary:hover::before,
.btn-warning:hover::before,
.ec-nav-submit:hover::before{
    left:120%;
}

/* =========================================================
   FOOTER POLISH
========================================================= */

.footer-space{
    position:relative;
    height:120px;
}

.footer-space::before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:240px;
    height:1px;
    transform:translate(-50%,-50%);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(37,99,235,.22),
            transparent
        );
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:992px){

    section{
        margin-bottom:80px !important;
    }

}

@media(max-width:768px){

    .proceedings-header{
        align-items:flex-start;
    }

    .proceedings-title{
        font-size:1.5rem;
    }

}

/* =========================================================
   PACK 608 — PREMIUM TRACKS/THEMES EXPERIENCE
========================================================= */

.ec-theme-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(340px,1fr));
    gap:34px;
}

.ec-theme-premium-card{
    position:relative;
    overflow:hidden;
    min-height:420px;
    border-radius:34px !important;
    padding:42px 34px;
    background:
        linear-gradient(
            135deg,
            #020617 0%,
            #0b3d91 45%,
            #0ea5e9 100%
        ) !important;

    color:#fff !important;

    box-shadow:
        0 28px 70px rgba(15,23,42,.22);

    transition:.38s ease;
    isolation:isolate;
}

.ec-theme-premium-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.14),
        transparent 34%),

        radial-gradient(circle at bottom left,
        rgba(255,255,255,.08),
        transparent 28%);
    z-index:-1;
}

.ec-theme-premium-card::after{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:
        radial-gradient(circle,
        rgba(255,255,255,.10),
        transparent 72%);
    top:-120px;
    right:-80px;
    z-index:-1;
}

.ec-theme-premium-card:hover{
    transform:
        translateY(-12px)
        scale(1.015);

    box-shadow:
        0 40px 90px rgba(15,23,42,.28);
}

.ec-theme-counter{
    position:absolute;
    top:28px;
    left:28px;
    width:58px;
    height:58px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.14);
    backdrop-filter:blur(12px);
    color:#fff;
    font-size:1.2rem;
    font-weight:900;
    border:1px solid rgba(255,255,255,.12);
}

.ec-theme-premium-icon{
    width:90px;
    height:90px;
    border-radius:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:26px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.10)
        );

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

    backdrop-filter:blur(18px);

    box-shadow:
        0 20px 45px rgba(0,0,0,.18);
}

.ec-theme-premium-icon i{
    font-size:2.3rem;
    color:#fff;
}

.ec-theme-premium-title{
    font-size:2rem;
    line-height:1.3;
    font-weight:900;
    margin-bottom:24px;
    color:#fff !important;
}

.ec-theme-premium-desc{
    color:rgba(255,255,255,.88) !important;
    line-height:2;
    font-size:1rem;
    margin-bottom:28px;
}

.ec-theme-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:24px;
}

.ec-theme-badge{
    padding:10px 16px;
    border-radius:999px;

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

    color:#fff !important;

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

    font-size:.88rem;
    font-weight:800;
}

.ec-theme-premium-highlight{
    display:flex;
    align-items:center;
    gap:12px;

    margin-top:auto;

    padding:18px 22px;

    border-radius:22px;

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

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

    color:#fff !important;

    font-weight:800;
}

.ec-theme-premium-highlight i{
    color:#facc15;
    font-size:1.1rem;
}

@media(max-width:768px){

    .ec-theme-premium-card{
        min-height:auto;
        padding:34px 28px;
    }

    .ec-theme-premium-title{
        font-size:1.6rem;
    }

}

/* =========================================================
   PACK 609 — PREMIUM PROCEEDINGS EXPERIENCE
========================================================= */

.ec-proceedings-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(360px,1fr));
    gap:34px;
}

.ec-proceeding-card{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    background:#fff;
    border:1px solid rgba(37,99,235,.08);

    box-shadow:
        0 22px 60px rgba(15,23,42,.08);

    transition:.35s ease;
}

.ec-proceeding-card:hover{
    transform:
        translateY(-10px)
        scale(1.01);

    box-shadow:
        0 36px 90px rgba(15,23,42,.14);
}

.ec-proceeding-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;

    background:
        linear-gradient(
            90deg,
            #0b3d91,
            #0ea5e9
        );
}

.ec-proceeding-header{
    padding:32px 32px 24px;
    border-bottom:
        1px solid rgba(15,23,42,.06);
}

.ec-proceeding-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 18px;
    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #2563eb
        );

    color:#fff;
    font-size:.88rem;
    font-weight:800;

    margin-bottom:22px;

    box-shadow:
        0 12px 28px rgba(37,99,235,.22);
}

.ec-proceeding-title{
    font-size:1.7rem;
    line-height:1.4;
    font-weight:900;
    color:#081225;
    margin-bottom:16px;
}

.ec-proceeding-desc{
    color:#475569;
    line-height:1.9;
}

.ec-proceeding-meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}

.ec-proceeding-meta span{
    padding:10px 16px;
    border-radius:999px;

    background:#eef4ff;

    color:#1d4ed8;

    font-size:.86rem;
    font-weight:800;
}

.ec-paper-list{
    padding:28px 32px 34px;
}

.ec-paper-item{
    position:relative;

    padding:24px 24px 24px 78px;

    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    margin-bottom:20px;

    transition:.28s ease;
}

.ec-paper-item:hover{
    transform:translateY(-5px);

    box-shadow:
        0 16px 40px rgba(15,23,42,.08);
}

.ec-paper-number{
    position:absolute;
    top:24px;
    left:20px;

    width:42px;
    height:42px;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #0ea5e9
        );

    color:#fff;
    font-weight:900;

    box-shadow:
        0 12px 24px rgba(37,99,235,.22);
}

.ec-paper-title{
    font-size:1.12rem;
    line-height:1.8;
    font-weight:900;
    color:#081225;
    margin-bottom:14px;
}

.ec-paper-authors{
    color:#475569;
    line-height:1.8;
    margin-bottom:18px;
}

.ec-paper-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.ec-paper-tags span{
    padding:9px 14px;
    border-radius:999px;

    background:
        rgba(37,99,235,.08);

    color:#1d4ed8;

    font-size:.82rem;
    font-weight:800;
}

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

.ec-paper-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;
    border-radius:999px;

    text-decoration:none;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #2563eb
        );

    color:#fff;
    font-size:.88rem;
    font-weight:800;

    transition:.28s ease;

    box-shadow:
        0 12px 28px rgba(37,99,235,.20);
}

.ec-paper-btn:hover{
    transform:translateY(-3px);
    color:#fff;
}

.ec-paper-btn.secondary{
    background:#eef4ff;
    color:#1d4ed8;
    box-shadow:none;
}

.ec-paper-btn.secondary:hover{
    color:#1d4ed8;
}

@media(max-width:768px){

    .ec-proceeding-header,
    .ec-paper-list{
        padding:26px;
    }

    .ec-proceeding-title{
        font-size:1.4rem;
    }

    .ec-paper-item{
        padding:
            84px 20px 22px 20px;
    }

    .ec-paper-number{
        left:20px;
        top:20px;
    }

}

/* =========================================================
   PACK 610 — PREMIUM KEYNOTE EXPERIENCE
========================================================= */

.ec-keynote-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(360px,1fr));
    gap:38px;
}

.ec-keynote-card{
    position:relative;
    overflow:hidden;

    border-radius:38px;

    background:
        linear-gradient(
            135deg,
            #020617 0%,
            #0b3d91 45%,
            #0ea5e9 100%
        );

    color:#fff;

    box-shadow:
        0 28px 80px rgba(15,23,42,.20);

    transition:.4s ease;

    isolation:isolate;
}

.ec-keynote-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.16),
        transparent 30%),

        radial-gradient(circle at bottom left,
        rgba(255,255,255,.08),
        transparent 24%);

    z-index:-1;
}

.ec-keynote-card:hover{
    transform:
        translateY(-12px)
        scale(1.015);

    box-shadow:
        0 44px 100px rgba(15,23,42,.28);
}

.ec-keynote-top{
    position:relative;
    padding:42px 42px 0;
    text-align:center;
}

.ec-keynote-badge{
    position:absolute;
    top:24px;
    left:24px;

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;
    border-radius:999px;

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

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

    backdrop-filter:blur(14px);

    font-size:.82rem;
    font-weight:900;
}

.ec-keynote-avatar{
    width:170px;
    height:170px;

    object-fit:cover;

    border-radius:50%;

    border:
        6px solid rgba(255,255,255,.18);

    box-shadow:
        0 24px 60px rgba(0,0,0,.26);
}

.ec-keynote-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;

    font-size:3rem;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.16),
            rgba(255,255,255,.08)
        );
}

.ec-keynote-body{
    padding:34px 42px 42px;
    text-align:center;
}

.ec-keynote-name{
    font-size:2rem;
    line-height:1.3;
    font-weight:900;
    margin-bottom:14px;
}

.ec-keynote-title{
    color:rgba(255,255,255,.92);
    font-size:1.05rem;
    line-height:1.8;
    margin-bottom:18px;
}

.ec-keynote-org{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-bottom:24px;

    color:#facc15;

    font-weight:800;
}

.ec-keynote-bio{
    color:rgba(255,255,255,.86);
    line-height:2;
    margin-bottom:28px;
}

.ec-keynote-tags{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.ec-keynote-tags span{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;
    border-radius:999px;

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

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

    font-size:.84rem;
    font-weight:800;
}

@media(max-width:768px){

    .ec-keynote-top{
        padding:36px 24px 0;
    }

    .ec-keynote-body{
        padding:30px 24px 34px;
    }

    .ec-keynote-avatar{
        width:140px;
        height:140px;
    }

    .ec-keynote-name{
        font-size:1.6rem;
    }

}

/* =========================================================
   PACK 611 — PREMIUM SPONSORS EXPERIENCE
========================================================= */

.ec-sponsor-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(340px,1fr));
    gap:38px;
}

.ec-sponsor-card{
    position:relative;
    overflow:hidden;

    border-radius:36px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 24px 70px rgba(15,23,42,.08);

    transition:.38s ease;
}

.ec-sponsor-card:hover{
    transform:
        translateY(-10px)
        scale(1.01);

    box-shadow:
        0 40px 100px rgba(15,23,42,.16);
}

.ec-sponsor-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;

    background:
        linear-gradient(
            90deg,
            #0b3d91,
            #0ea5e9
        );
}

.ec-sponsor-top{
    position:relative;
    padding:40px 34px 10px;
    text-align:center;
}

.ec-sponsor-tier{
    position:absolute;
    top:22px;
    left:22px;

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;
    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #facc15,
            #f59e0b
        );

    color:#111827;

    font-size:.82rem;
    font-weight:900;

    box-shadow:
        0 14px 30px rgba(245,158,11,.22);
}

.ec-sponsor-logo{
    width:180px;
    height:180px;

    object-fit:contain;

    border-radius:28px;

    background:#fff;

    padding:24px;

    filter:
        grayscale(100%);

    transition:.35s ease;

    box-shadow:
        0 20px 55px rgba(15,23,42,.10);
}

.ec-sponsor-card:hover .ec-sponsor-logo{
    filter:
        grayscale(0%);
}

.ec-sponsor-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;

    font-size:3rem;

    background:
        linear-gradient(
            135deg,
            #eef4ff,
            #dbeafe
        );

    color:#2563eb;
}

.ec-sponsor-body{
    padding:24px 34px 40px;
    text-align:center;
}

.ec-sponsor-name{
    font-size:1.7rem;
    line-height:1.4;
    font-weight:900;
    color:#081225;
    margin-bottom:18px;
}

.ec-sponsor-desc{
    color:#475569;
    line-height:2;
    margin-bottom:26px;
}

.ec-sponsor-tags{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.ec-sponsor-tags span{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;
    border-radius:999px;

    background:
        rgba(37,99,235,.08);

    color:#1d4ed8;

    font-size:.84rem;
    font-weight:800;
}

@media(max-width:768px){

    .ec-sponsor-top{
        padding:34px 24px 10px;
    }

    .ec-sponsor-body{
        padding:24px 24px 34px;
    }

    .ec-sponsor-logo{
        width:140px;
        height:140px;
    }

    .ec-sponsor-name{
        font-size:1.4rem;
    }

}


/* =========================================================
   PACK 612 — PREMIUM VENUE EXPERIENCE
========================================================= */

.ec-venue-layout{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:40px;
    align-items:stretch;
}

.ec-venue-hero{
    position:relative;
    overflow:hidden;
    border-radius:38px;
    min-height:640px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91
        );

    box-shadow:
        0 32px 90px rgba(15,23,42,.18);
}

.ec-venue-image{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
}

.ec-venue-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;

    font-size:5rem;

    color:#fff;
}

.ec-venue-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(2,6,23,.10),
            rgba(2,6,23,.78)
        );
}

.ec-venue-content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    padding:44px;
    z-index:2;
}

.ec-venue-name{
    font-size:2.8rem;
    line-height:1.3;
    font-weight:900;
    color:#fff;
    margin-bottom:18px;
}

.ec-venue-address{
    display:flex;
    align-items:center;
    gap:12px;

    color:
        rgba(255,255,255,.92);

    font-size:1.1rem;
    font-weight:700;
}

.ec-venue-side{
    display:flex;
    flex-direction:column;
    gap:28px;
}

.ec-venue-info-card{
    border-radius:34px;

    padding:38px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 24px 70px rgba(15,23,42,.08);
}

.ec-venue-info-title{
    font-size:1.8rem;
    font-weight:900;
    color:#081225;
    margin-bottom:22px;
}

.ec-venue-info-desc{
    color:#475569;
    line-height:2.1;
}

.ec-venue-mini-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.ec-venue-mini-card{
    display:flex;
    align-items:flex-start;
    gap:18px;

    padding:28px 24px;

    border-radius:28px;

    background:#fff;

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 18px 50px rgba(15,23,42,.06);

    transition:.32s ease;
}

.ec-venue-mini-card:hover{
    transform:translateY(-6px);

    box-shadow:
        0 28px 70px rgba(15,23,42,.12);
}

.ec-venue-mini-icon{
    width:62px;
    height:62px;

    border-radius:20px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #0ea5e9
        );

    color:#fff;
    font-size:1.5rem;

    box-shadow:
        0 16px 36px rgba(37,99,235,.22);
}

.ec-venue-mini-title{
    font-size:1rem;
    font-weight:900;
    color:#081225;
    margin-bottom:10px;
}

.ec-venue-mini-desc{
    color:#64748b;
    line-height:1.7;
}

@media(max-width:1200px){

    .ec-venue-layout{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ec-venue-hero{
        min-height:420px;
    }

    .ec-venue-content{
        padding:28px;
    }

    .ec-venue-name{
        font-size:2rem;
    }

    .ec-venue-mini-grid{
        grid-template-columns:1fr;
    }

    .ec-venue-info-card{
        padding:28px;
    }

}


/* =========================================================
   PACK 613 — AI ANALYTICS EXPERIENCE
========================================================= */

.ec-ai-dashboard{
    position:relative;
    overflow:hidden;

    border-radius:42px;

    padding:50px;

    background:
        linear-gradient(
            135deg,
            #020617 0%,
            #0b3d91 42%,
            #0ea5e9 100%
        );

    color:#fff;

    box-shadow:
        0 36px 100px rgba(15,23,42,.22);

    isolation:isolate;
}

.ec-ai-dashboard::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.14),
        transparent 28%),

        radial-gradient(circle at bottom left,
        rgba(255,255,255,.08),
        transparent 24%);

    z-index:-1;
}

.ec-ai-dashboard-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    flex-wrap:wrap;

    margin-bottom:44px;
}

.ec-ai-dashboard-title{
    font-size:2.6rem;
    line-height:1.3;
    font-weight:900;
    margin-bottom:18px;
}

.ec-ai-dashboard-desc{
    max-width:760px;

    color:
        rgba(255,255,255,.88);

    line-height:2;
}

.ec-ai-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:12px 20px;
    border-radius:999px;

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

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

    backdrop-filter:blur(14px);

    font-weight:900;
}

.ec-ai-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(260px,1fr));

    gap:30px;
}

.ec-ai-card{
    position:relative;
    overflow:hidden;

    padding:34px 30px;

    border-radius:32px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);

    transition:.35s ease;
}

.ec-ai-card:hover{
    transform:
        translateY(-8px)
        scale(1.015);
}

.ec-ai-icon{
    width:82px;
    height:82px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:24px;

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

    font-size:2rem;

    box-shadow:
        0 18px 44px rgba(0,0,0,.18);
}

.ec-ai-value{
    font-size:3rem;
    line-height:1;
    font-weight:900;

    margin-bottom:16px;
}

.ec-ai-label{
    font-size:1.05rem;
    font-weight:800;

    margin-bottom:14px;
}

.ec-ai-desc{
    color:
        rgba(255,255,255,.82);

    line-height:1.9;
    font-size:.96rem;
}

.ec-ai-progress{
    margin-top:24px;

    height:10px;

    border-radius:999px;

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

    overflow:hidden;
}

.ec-ai-progress-bar{
    height:100%;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #ffffff,
            #dbeafe
        );

    animation:
        ecProgress 3s ease forwards;
}

@keyframes ecProgress{

    from{
        width:0;
    }

}

.ec-ai-ribbon{
    position:absolute;
    top:20px;
    right:-44px;

    width:160px;

    text-align:center;

    padding:8px 0;

    transform:rotate(45deg);

    background:
        linear-gradient(
            135deg,
            #facc15,
            #f59e0b
        );

    color:#111827;

    font-size:.82rem;
    font-weight:900;

    box-shadow:
        0 12px 28px rgba(245,158,11,.22);
}

@media(max-width:768px){

    .ec-ai-dashboard{
        padding:34px 24px;
    }

    .ec-ai-dashboard-title{
        font-size:2rem;
    }

    .ec-ai-value{
        font-size:2.4rem;
    }

}

/* =========================================================
   PACK 614 — LIVE ANNOUNCEMENTS EXPERIENCE
========================================================= */

.ec-live-announcements{
    position:relative;
    overflow:hidden;

    margin:40px 0 70px;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91,
            #1d4ed8
        );

    color:#fff;

    box-shadow:
        0 30px 90px rgba(15,23,42,.22);
}

.ec-live-announcements::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.14),
        transparent 28%),

        radial-gradient(circle at bottom left,
        rgba(255,255,255,.08),
        transparent 24%);
}

.ec-live-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;

    padding:26px 34px;

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

.ec-live-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:12px 20px;

    border-radius:999px;

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

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

    backdrop-filter:blur(14px);

    font-weight:900;

    box-shadow:
        0 14px 34px rgba(0,0,0,.16);
}

.ec-live-dot{
    width:12px;
    height:12px;

    border-radius:50%;

    background:#ef4444;

    box-shadow:
        0 0 18px rgba(239,68,68,.88);

    animation:
        ecPulse 1.5s infinite;
}

@keyframes ecPulse{

    0%{
        transform:scale(1);
        opacity:1;
    }

    50%{
        transform:scale(1.25);
        opacity:.6;
    }

    100%{
        transform:scale(1);
        opacity:1;
    }

}

.ec-live-title{
    font-size:1.5rem;
    font-weight:900;
}

.ec-live-ticker{
    position:relative;
    overflow:hidden;

    padding:24px 0;
}

.ec-live-track{
    display:flex;
    align-items:center;
    gap:26px;

    width:max-content;

    animation:
        ecTicker 42s linear infinite;
}

@keyframes ecTicker{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

.ec-live-item{
    display:flex;
    align-items:center;
    gap:18px;

    min-width:420px;

    padding:22px 26px;

    border-radius:26px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(16px);

    box-shadow:
        0 18px 44px rgba(0,0,0,.16);
}

.ec-live-icon{
    width:68px;
    height:68px;

    border-radius:22px;

    display:flex;
    align-items:center;
    justify-content:center;

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

    font-size:1.7rem;

    box-shadow:
        0 16px 36px rgba(0,0,0,.16);
}

.ec-live-item-title{
    font-size:1rem;
    line-height:1.8;
    font-weight:800;

    margin-bottom:8px;
}

.ec-live-item-desc{
    color:
        rgba(255,255,255,.84);

    line-height:1.7;
    font-size:.92rem;
}

.ec-live-track:hover{
    animation-play-state:paused;
}

@media(max-width:768px){

    .ec-live-header{
        padding:22px;
    }

    .ec-live-item{
        min-width:320px;
        padding:20px;
    }

    .ec-live-title{
        font-size:1.2rem;
    }

}

/* =========================================================
   PACK 615 — INTERACTIVE PROGRAM EXPERIENCE
========================================================= */

.ec-program-timeline{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:34px;
}

.ec-program-timeline::before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:110px;

    width:6px;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            #0b3d91,
            #0ea5e9
        );
}

.ec-program-item{
    position:relative;

    display:grid;
    grid-template-columns:220px 1fr;
    gap:34px;
    align-items:flex-start;
}

.ec-program-time{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:24px;

    border-radius:30px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91
        );

    color:#fff;

    box-shadow:
        0 24px 70px rgba(15,23,42,.18);
}

.ec-program-start{
    font-size:2rem;
    font-weight:900;
}

.ec-program-divider{
    width:50px;
    height:4px;

    border-radius:999px;

    margin:16px 0;

    background:
        rgba(255,255,255,.18);
}

.ec-program-end{
    font-size:1rem;
    font-weight:800;

    color:
        rgba(255,255,255,.84);
}

.ec-program-card{
    position:relative;
    overflow:hidden;

    padding:34px;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 24px 70px rgba(15,23,42,.08);

    transition:.35s ease;
}

.ec-program-card:hover{
    transform:
        translateY(-8px);

    box-shadow:
        0 36px 90px rgba(15,23,42,.14);
}

.ec-program-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;

    background:
        linear-gradient(
            90deg,
            #0b3d91,
            #0ea5e9
        );
}

.ec-program-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;

    margin-bottom:24px;
}

.ec-program-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 18px;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #2563eb
        );

    color:#fff;

    font-size:.88rem;
    font-weight:900;

    box-shadow:
        0 14px 32px rgba(37,99,235,.22);
}

.ec-program-status{
    display:inline-flex;
    align-items:center;
    gap:10px;

    color:#10b981;
    font-weight:900;
}

.ec-program-live-dot{
    width:12px;
    height:12px;

    border-radius:50%;

    background:#10b981;

    box-shadow:
        0 0 16px rgba(16,185,129,.88);

    animation:
        ecPulse 1.5s infinite;
}

.ec-program-title{
    font-size:1.7rem;
    line-height:1.4;
    font-weight:900;
    color:#081225;

    margin-bottom:18px;
}

.ec-program-desc{
    color:#475569;
    line-height:2;

    margin-bottom:24px;
}

.ec-program-meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;

    margin-bottom:28px;
}

.ec-program-meta span{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;

    border-radius:999px;

    background:
        rgba(37,99,235,.08);

    color:#1d4ed8;

    font-size:.84rem;
    font-weight:800;
}

.ec-program-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

@media(max-width:992px){

    .ec-program-item{
        grid-template-columns:1fr;
    }

    .ec-program-timeline::before{
        display:none;
    }

}

@media(max-width:768px){

    .ec-program-card{
        padding:26px;
    }

    .ec-program-title{
        font-size:1.4rem;
    }

}


/* =========================================================
   PACK 616 — PREMIUM GALLERY EXPERIENCE
========================================================= */

.ec-gallery-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(320px,1fr));

    gap:32px;
}

.ec-gallery-card{
    position:relative;
    overflow:hidden;

    min-height:420px;

    border-radius:36px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91
        );

    box-shadow:
        0 28px 80px rgba(15,23,42,.18);

    transition:.4s ease;
}

.ec-gallery-card.featured{
    grid-column:span 2;
    min-height:520px;
}

.ec-gallery-card:hover{
    transform:
        translateY(-10px)
        scale(1.01);

    box-shadow:
        0 42px 100px rgba(15,23,42,.24);
}

.ec-gallery-image{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.6s ease;
}

.ec-gallery-card:hover .ec-gallery-image{
    transform:scale(1.08);
}

.ec-gallery-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;

    font-size:5rem;

    color:#fff;
}

.ec-gallery-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(2,6,23,.08),
            rgba(2,6,23,.84)
        );
}

.ec-gallery-content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    padding:34px;

    z-index:2;
}

.ec-gallery-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:20px;

    padding:10px 16px;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #facc15,
            #f59e0b
        );

    color:#111827;

    font-size:.82rem;
    font-weight:900;

    box-shadow:
        0 14px 30px rgba(245,158,11,.22);
}

.ec-gallery-title{
    font-size:1.8rem;
    line-height:1.4;
    font-weight:900;

    color:#fff;

    margin-bottom:18px;
}

.ec-gallery-desc{
    color:
        rgba(255,255,255,.88);

    line-height:2;

    margin-bottom:24px;
}

.ec-gallery-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

@media(max-width:992px){

    .ec-gallery-card.featured{
        grid-column:auto;
    }

}

@media(max-width:768px){

    .ec-gallery-card{
        min-height:360px;
    }

    .ec-gallery-content{
        padding:26px;
    }

    .ec-gallery-title{
        font-size:1.4rem;
    }

}

/* =========================================================
   PACK 617 — SPONSOR CAROUSEL EXPERIENCE
========================================================= */

.ec-trust-ribbon{
    position:relative;
    overflow:hidden;

    margin:90px 0;

    border-radius:40px;

    padding:42px 0;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91,
            #1d4ed8
        );

    box-shadow:
        0 32px 90px rgba(15,23,42,.20);
}

.ec-trust-ribbon::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.14),
        transparent 30%),

        radial-gradient(circle at bottom left,
        rgba(255,255,255,.08),
        transparent 24%);
}

.ec-trust-header{
    text-align:center;

    margin-bottom:34px;

    position:relative;
    z-index:2;
}

.ec-trust-title{
    font-size:2.3rem;
    line-height:1.4;
    font-weight:900;

    color:#fff;

    margin-bottom:16px;
}

.ec-trust-desc{
    color:
        rgba(255,255,255,.86);

    max-width:860px;

    margin:auto;

    line-height:2;
}

.ec-logo-slider{
    position:relative;
    overflow:hidden;

    z-index:2;
}

.ec-logo-track{
    display:flex;
    align-items:center;
    gap:34px;

    width:max-content;

    animation:
        ecLogoScroll 38s linear infinite;
}

@keyframes ecLogoScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

.ec-logo-track:hover{
    animation-play-state:paused;
}

.ec-logo-card{
    position:relative;

    width:220px;
    height:140px;

    border-radius:30px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:24px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);

    box-shadow:
        0 18px 44px rgba(0,0,0,.16);

    transition:.35s ease;
}

.ec-logo-card:hover{
    transform:
        translateY(-8px)
        scale(1.04);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.12)
        );
}

.ec-logo-card img{
    max-width:100%;
    max-height:80px;

    object-fit:contain;

    filter:
        grayscale(100%)
        brightness(1.2);

    transition:.35s ease;
}

.ec-logo-card:hover img{
    filter:
        grayscale(0%)
        brightness(1);
}

.ec-logo-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    border-radius:20px;

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

    color:#fff;

    font-size:2rem;
}

.ec-trust-stats{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:22px;

    margin-top:40px;

    position:relative;
    z-index:2;
}

.ec-trust-stat{
    display:flex;
    align-items:center;
    gap:14px;

    padding:14px 24px;

    border-radius:999px;

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

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

    backdrop-filter:blur(14px);

    color:#fff;

    font-weight:800;
}

.ec-trust-stat i{
    color:#facc15;
}

@media(max-width:768px){

    .ec-trust-title{
        font-size:1.7rem;
    }

    .ec-logo-card{
        width:180px;
        height:120px;
    }

}


/* =========================================================
   PACK 618 — AI RESEARCH INTELLIGENCE
========================================================= */

.ec-ai-research{
    position:relative;
    overflow:hidden;

    margin:90px 0;

    border-radius:42px;

    padding:54px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91,
            #1d4ed8
        );

    color:#fff;

    box-shadow:
        0 36px 100px rgba(15,23,42,.22);

    isolation:isolate;
}

.ec-ai-research::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.14),
        transparent 28%),

        radial-gradient(circle at bottom left,
        rgba(255,255,255,.08),
        transparent 24%);
}

.ec-ai-research-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    flex-wrap:wrap;

    margin-bottom:48px;
}

.ec-ai-research-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    margin-bottom:18px;
}

.ec-ai-research-desc{
    max-width:860px;

    color:
        rgba(255,255,255,.88);

    line-height:2;
}

.ec-ai-research-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:38px;
}

.ec-topic-cloud{
    display:flex;
    flex-wrap:wrap;
    gap:18px;

    padding:38px;

    border-radius:36px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);
}

.ec-topic-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 22px;

    border-radius:999px;

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

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

    font-weight:800;

    transition:.3s ease;
}

.ec-topic-tag:hover{
    transform:
        translateY(-4px)
        scale(1.04);

    background:
        rgba(255,255,255,.18);
}

.ec-topic-tag.large{
    font-size:1.2rem;
    padding:18px 28px;
}

.ec-topic-tag.medium{
    font-size:1rem;
}

.ec-topic-tag.small{
    font-size:.84rem;
}

.ec-trend-panel{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.ec-trend-card{
    position:relative;
    overflow:hidden;

    padding:30px;

    border-radius:32px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);

    transition:.32s ease;
}

.ec-trend-card:hover{
    transform:
        translateY(-6px);
}

.ec-trend-top{
    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:22px;
}

.ec-trend-name{
    font-size:1.15rem;
    font-weight:900;
}

.ec-trend-growth{
    color:#4ade80;
    font-weight:900;
}

.ec-trend-bar{
    height:12px;

    border-radius:999px;

    overflow:hidden;

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

    margin-bottom:18px;
}

.ec-trend-fill{
    height:100%;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #ffffff,
            #dbeafe
        );

    animation:
        ecTrendGrow 3s ease forwards;
}

@keyframes ecTrendGrow{

    from{
        width:0;
    }

}

.ec-trend-desc{
    color:
        rgba(255,255,255,.84);

    line-height:1.9;
}

.ec-ai-insights{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(240px,1fr));

    gap:24px;

    margin-top:38px;
}

.ec-ai-insight{
    padding:28px;

    border-radius:28px;

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

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

    backdrop-filter:blur(14px);

    text-align:center;
}

.ec-ai-insight-number{
    font-size:2.6rem;
    line-height:1;
    font-weight:900;

    margin-bottom:14px;
}

.ec-ai-insight-label{
    color:
        rgba(255,255,255,.88);

    font-weight:800;
}

@media(max-width:1200px){

    .ec-ai-research-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ec-ai-research{
        padding:34px 24px;
    }

    .ec-ai-research-title{
        font-size:1.9rem;
    }

}


/* =========================================================
   PACK 619 — NETWORKING EXPERIENCE
========================================================= */

.ec-networking{
    position:relative;
    overflow:hidden;

    margin:90px 0;

    border-radius:42px;

    padding:54px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 34px 100px rgba(15,23,42,.10);
}

.ec-networking::before{
    content:'';
    position:absolute;
    top:-140px;
    right:-140px;

    width:340px;
    height:340px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.10),
            transparent 70%
        );
}

.ec-networking-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    flex-wrap:wrap;

    margin-bottom:46px;
}

.ec-networking-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    color:#081225;

    margin-bottom:18px;
}

.ec-networking-desc{
    max-width:860px;

    color:#475569;

    line-height:2;
}

.ec-network-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(320px,1fr));

    gap:30px;
}

.ec-network-card{
    position:relative;
    overflow:hidden;

    padding:34px;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 24px 70px rgba(15,23,42,.08);

    transition:.35s ease;
}

.ec-network-card:hover{
    transform:
        translateY(-8px);

    box-shadow:
        0 38px 90px rgba(15,23,42,.14);
}

.ec-network-icon{
    width:82px;
    height:82px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:26px;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #0ea5e9
        );

    color:#fff;

    font-size:2rem;

    box-shadow:
        0 18px 44px rgba(37,99,235,.22);
}

.ec-network-card-title{
    font-size:1.4rem;
    line-height:1.4;
    font-weight:900;

    color:#081225;

    margin-bottom:18px;
}

.ec-network-card-desc{
    color:#475569;

    line-height:2;

    margin-bottom:24px;
}

.ec-network-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.ec-network-tags span{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;

    border-radius:999px;

    background:
        rgba(37,99,235,.08);

    color:#1d4ed8;

    font-size:.84rem;
    font-weight:800;
}

.ec-community-stats{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(220px,1fr));

    gap:24px;

    margin-top:44px;
}

.ec-community-stat{
    padding:28px;

    border-radius:30px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91
        );

    color:#fff;

    text-align:center;

    box-shadow:
        0 24px 70px rgba(15,23,42,.16);
}

.ec-community-number{
    font-size:2.8rem;
    line-height:1;
    font-weight:900;

    margin-bottom:16px;
}

.ec-community-label{
    color:
        rgba(255,255,255,.88);

    font-weight:800;
}

@media(max-width:768px){

    .ec-networking{
        padding:34px 24px;
    }

    .ec-networking-title{
        font-size:1.9rem;
    }

}

/* =========================================================
   PACK 620 — INTERACTIVE MAP EXPERIENCE
========================================================= */

.ec-map-experience{
    position:relative;
    overflow:hidden;

    margin:90px 0;

    border-radius:42px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 34px 100px rgba(15,23,42,.10);

    padding:54px;
}

.ec-map-experience::before{
    content:'';
    position:absolute;
    top:-160px;
    right:-160px;

    width:360px;
    height:360px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.10),
            transparent 70%
        );
}

.ec-map-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    flex-wrap:wrap;

    margin-bottom:48px;
}

.ec-map-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    color:#081225;

    margin-bottom:18px;
}

.ec-map-desc{
    max-width:860px;

    color:#475569;

    line-height:2;
}

.ec-map-layout{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:36px;
}

.ec-map-visual{
    position:relative;
    overflow:hidden;

    min-height:620px;

    border-radius:38px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91,
            #1d4ed8
        );

    box-shadow:
        0 32px 90px rgba(15,23,42,.18);
}

.ec-map-visual::before{
    content:'';
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);

    background-size:42px 42px;
}

.ec-map-overlay{
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.12),
        transparent 28%);
}

.ec-map-center{
    position:absolute;
    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

    z-index:2;

    text-align:center;
}

.ec-map-center-icon{
    width:140px;
    height:140px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:28px;

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

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

    backdrop-filter:blur(18px);

    font-size:4rem;

    color:#fff;

    box-shadow:
        0 26px 70px rgba(0,0,0,.20);
}

.ec-map-center-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    color:#fff;

    margin-bottom:18px;
}

.ec-map-center-desc{
    max-width:560px;

    color:
        rgba(255,255,255,.88);

    line-height:2;
}

.ec-map-pin{
    position:absolute;

    width:74px;
    height:74px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#1d4ed8;

    font-size:1.7rem;

    box-shadow:
        0 18px 44px rgba(0,0,0,.16);

    animation:
        ecFloat 4s ease-in-out infinite;
}

.ec-map-pin.pin1{
    top:16%;
    left:14%;
}

.ec-map-pin.pin2{
    top:22%;
    right:16%;
}

.ec-map-pin.pin3{
    bottom:18%;
    left:18%;
}

.ec-map-pin.pin4{
    bottom:20%;
    right:20%;
}

@keyframes ecFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

    100%{
        transform:translateY(0);
    }

}

.ec-map-side{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.ec-map-card{
    position:relative;
    overflow:hidden;

    padding:30px;

    border-radius:32px;

    background:#fff;

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 22px 60px rgba(15,23,42,.08);

    transition:.32s ease;
}

.ec-map-card:hover{
    transform:
        translateY(-6px);

    box-shadow:
        0 34px 90px rgba(15,23,42,.14);
}

.ec-map-card-top{
    display:flex;
    align-items:center;
    gap:18px;

    margin-bottom:22px;
}

.ec-map-card-icon{
    width:74px;
    height:74px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #0ea5e9
        );

    color:#fff;

    font-size:1.8rem;

    box-shadow:
        0 18px 44px rgba(37,99,235,.20);
}

.ec-map-card-title{
    font-size:1.25rem;
    font-weight:900;

    color:#081225;
}

.ec-map-card-desc{
    color:#475569;

    line-height:2;
}

.ec-map-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;

    margin-top:24px;
}

@media(max-width:1200px){

    .ec-map-layout{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ec-map-experience{
        padding:34px 24px;
    }

    .ec-map-title{
        font-size:1.9rem;
    }

    .ec-map-visual{
        min-height:460px;
    }

    .ec-map-center-title{
        font-size:1.8rem;
    }

}


/* =========================================================
   PACK 621 — DIGITAL BADGES EXPERIENCE
========================================================= */

/* =========================================================
   PACK 622 — VIRTUAL CONFERENCE EXPERIENCE
========================================================= */

.ec-virtual-experience{
    position:relative;
    overflow:hidden;

    margin:90px 0;

    border-radius:42px;

    padding:54px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91,
            #1d4ed8
        );

    color:#fff;

    box-shadow:
        0 36px 100px rgba(15,23,42,.22);

    isolation:isolate;
}

.ec-virtual-experience::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.14),
        transparent 28%),

        radial-gradient(circle at bottom left,
        rgba(255,255,255,.08),
        transparent 24%);
}

.ec-virtual-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    flex-wrap:wrap;

    margin-bottom:48px;
}

.ec-virtual-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    margin-bottom:18px;
}

.ec-virtual-desc{
    max-width:860px;

    color:
        rgba(255,255,255,.88);

    line-height:2;
}

.ec-virtual-layout{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:40px;
    align-items:center;
}

.ec-stream-player{
    position:relative;
    overflow:hidden;

    min-height:520px;

    border-radius:40px;

    background:
        linear-gradient(
            135deg,
            #000000,
            #020617
        );

    box-shadow:
        0 36px 100px rgba(0,0,0,.30);
}

.ec-stream-player::before{
    content:'';
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.01)
        );
}

.ec-stream-overlay{
    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at center,
        rgba(255,255,255,.06),
        transparent 60%);
}

.ec-stream-live{
    position:absolute;
    top:24px;
    left:24px;

    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:12px 20px;

    border-radius:999px;

    background:
        rgba(239,68,68,.18);

    border:
        1px solid rgba(239,68,68,.22);

    backdrop-filter:blur(14px);

    font-weight:900;

    z-index:2;
}

.ec-stream-live-dot{
    width:12px;
    height:12px;

    border-radius:50%;

    background:#ef4444;

    box-shadow:
        0 0 18px rgba(239,68,68,.88);

    animation:
        ecPulse 1.5s infinite;
}

.ec-stream-center{
    position:absolute;
    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

    z-index:2;

    text-align:center;
}

.ec-stream-play{
    width:140px;
    height:140px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:30px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#1d4ed8;

    font-size:4rem;

    box-shadow:
        0 32px 90px rgba(255,255,255,.22);

    transition:.35s ease;
}

.ec-stream-play:hover{
    transform:
        scale(1.08);
}

.ec-stream-title{
    font-size:2.3rem;
    line-height:1.3;
    font-weight:900;

    margin-bottom:18px;
}

.ec-stream-desc{
    max-width:520px;

    color:
        rgba(255,255,255,.86);

    line-height:2;
}

.ec-stream-controls{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;

    padding:26px 30px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(0,0,0,.58)
        );

    z-index:2;
}

.ec-stream-buttons{
    display:flex;
    align-items:center;
    gap:14px;
}

.ec-stream-btn{
    width:58px;
    height:58px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

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

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

    backdrop-filter:blur(14px);

    color:#fff;

    font-size:1.2rem;

    transition:.28s ease;
}

.ec-stream-btn:hover{
    transform:
        translateY(-4px);

    background:
        rgba(255,255,255,.18);
}

.ec-stream-stats{
    display:flex;
    align-items:center;
    gap:20px;

    color:
        rgba(255,255,255,.86);

    font-weight:800;
}

.ec-virtual-side{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.ec-virtual-card{
    position:relative;
    overflow:hidden;

    padding:30px;

    border-radius:32px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);

    transition:.32s ease;
}

.ec-virtual-card:hover{
    transform:
        translateY(-6px);
}

.ec-virtual-card-top{
    display:flex;
    align-items:center;
    gap:18px;

    margin-bottom:22px;
}

.ec-virtual-card-icon{
    width:74px;
    height:74px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#1d4ed8;

    font-size:1.8rem;

    box-shadow:
        0 18px 44px rgba(255,255,255,.16);
}

.ec-virtual-card-title{
    font-size:1.2rem;
    font-weight:900;
}

.ec-virtual-card-desc{
    color:
        rgba(255,255,255,.86);

    line-height:2;
}

@media(max-width:1200px){

    .ec-virtual-layout{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ec-virtual-experience{
        padding:34px 24px;
    }

    .ec-virtual-title{
        font-size:1.9rem;
    }

    .ec-stream-player{
        min-height:420px;
    }

    .ec-stream-title{
        font-size:1.7rem;
    }

}

/* =========================================================
   PACK 623 — AI ASSISTANT EXPERIENCE
========================================================= */

.ec-ai-assistant{
    position:relative;
    overflow:hidden;

    margin:90px 0;

    border-radius:42px;

    padding:54px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 34px 100px rgba(15,23,42,.10);
}

.ec-ai-assistant::before{
    content:'';
    position:absolute;
    top:-160px;
    right:-160px;

    width:360px;
    height:360px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.10),
            transparent 70%
        );
}

.ec-ai-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    flex-wrap:wrap;

    margin-bottom:48px;
}

.ec-ai-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    color:#081225;

    margin-bottom:18px;
}

.ec-ai-desc{
    max-width:860px;

    color:#475569;

    line-height:2;
}

.ec-ai-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:start;
}

.ec-ai-chat{
    position:relative;
    overflow:hidden;

    border-radius:38px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 28px 80px rgba(15,23,42,.10);
}

.ec-ai-chat-header{
    display:flex;
    align-items:center;
    gap:18px;

    padding:28px 30px;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #1d4ed8
        );

    color:#fff;
}

.ec-ai-avatar{
    width:74px;
    height:74px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

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

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

    font-size:2rem;

    box-shadow:
        0 18px 44px rgba(0,0,0,.18);
}

.ec-ai-chat-title{
    font-size:1.3rem;
    font-weight:900;

    margin-bottom:8px;
}

.ec-ai-chat-sub{
    color:
        rgba(255,255,255,.86);

    line-height:1.7;
}

.ec-ai-chat-body{
    padding:30px;

    display:flex;
    flex-direction:column;
    gap:24px;
}

.ec-ai-msg{
    display:flex;
    gap:18px;
    align-items:flex-start;
}

.ec-ai-msg-icon{
    width:58px;
    height:58px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #0ea5e9
        );

    color:#fff;

    font-size:1.4rem;

    box-shadow:
        0 16px 36px rgba(37,99,235,.18);
}

.ec-ai-msg-content{
    flex:1;

    padding:22px 24px;

    border-radius:28px;

    background:
        rgba(37,99,235,.06);

    color:#334155;

    line-height:2;
}

.ec-ai-input{
    display:flex;
    align-items:center;
    gap:14px;

    margin-top:12px;

    padding:18px 22px;

    border-radius:24px;

    background:#fff;

    border:
        1px solid rgba(37,99,235,.10);

    box-shadow:
        0 16px 40px rgba(15,23,42,.06);
}

.ec-ai-input input{
    border:none;
    outline:none;
    flex:1;

    background:transparent;

    font-size:1rem;
}

.ec-ai-send{
    width:54px;
    height:54px;

    border:none;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #0ea5e9
        );

    color:#fff;

    font-size:1.2rem;

    box-shadow:
        0 16px 36px rgba(37,99,235,.18);
}

.ec-ai-recommendations{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.ec-ai-rec-card{
    position:relative;
    overflow:hidden;

    padding:30px;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91
        );

    color:#fff;

    box-shadow:
        0 30px 90px rgba(15,23,42,.18);

    transition:.32s ease;
}

.ec-ai-rec-card:hover{
    transform:
        translateY(-6px);
}

.ec-ai-rec-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;

    margin-bottom:24px;
}

.ec-ai-rec-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;

    border-radius:999px;

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

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

    font-size:.82rem;
    font-weight:900;
}

.ec-ai-match{
    color:#4ade80;
    font-weight:900;
}

.ec-ai-rec-title{
    font-size:1.4rem;
    line-height:1.4;
    font-weight:900;

    margin-bottom:18px;
}

.ec-ai-rec-desc{
    color:
        rgba(255,255,255,.86);

    line-height:2;

    margin-bottom:24px;
}

.ec-ai-rec-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.ec-ai-rec-tags span{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;

    border-radius:999px;

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

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

    font-size:.82rem;
    font-weight:800;
}

@media(max-width:1200px){

    .ec-ai-layout{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ec-ai-assistant{
        padding:34px 24px;
    }

    .ec-ai-title{
        font-size:1.9rem;
    }

}

/* =========================================================
   PACK 624 — LIVE OPERATIONS CENTER
========================================================= */


/* =========================================================
   PACK 625 — KEYNOTE SPOTLIGHT EXPERIENCE
========================================================= */

.ec-speakers-top{
    margin-bottom:50px;
}

.ec-speakers-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    color:#081225;

    margin-bottom:18px;
}

.ec-speakers-desc{
    max-width:920px;

    color:#475569;

    line-height:2;
}

.ec-keynote-spotlight{
    position:relative;
    overflow:hidden;

    margin-bottom:50px;

    border-radius:42px;

    padding:54px;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91,
            #1d4ed8
        );

    color:#fff;

    box-shadow:
        0 40px 100px rgba(15,23,42,.22);
}

.ec-keynote-spotlight::before{
    content:'';

    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.12),
        transparent 30%),

        radial-gradient(circle at bottom left,
        rgba(255,255,255,.08),
        transparent 26%);
}

.ec-keynote-grid{
    position:relative;
    z-index:2;

    display:grid;

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

    gap:42px;
    align-items:center;
}

.ec-keynote-chip{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:12px 20px;

    border-radius:999px;

    margin-bottom:26px;

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

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

    font-weight:900;
}

.ec-keynote-name{
    font-size:3rem;
    line-height:1.2;
    font-weight:900;

    margin-bottom:18px;
}

.ec-keynote-role{
    font-size:1.15rem;
    font-weight:800;

    color:
        rgba(255,255,255,.82);

    margin-bottom:26px;
}

.ec-keynote-bio{
    color:
        rgba(255,255,255,.88);

    line-height:2;

    margin-bottom:30px;
}

.ec-keynote-tags{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.ec-keynote-tags span{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    border-radius:999px;

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

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

    font-size:.84rem;
    font-weight:800;
}

.ec-keynote-visual{
    position:relative;
}

.ec-keynote-image,
.ec-keynote-placeholder{
    width:100%;
    height:520px;

    border-radius:36px;

    object-fit:cover;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.08)
        );

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:6rem;

    color:#fff;

    box-shadow:
        0 34px 90px rgba(0,0,0,.20);
}

.ec-speakers-grid{
    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(260px,1fr));

    gap:30px;
}

.ec-speaker-card{
    position:relative;
    overflow:hidden;

    border-radius:34px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 24px 70px rgba(15,23,42,.08);

    transition:.32s ease;
}

.ec-speaker-card:hover{
    transform:
        translateY(-8px);

    box-shadow:
        0 36px 90px rgba(15,23,42,.14);
}

.ec-speaker-photo-wrap{
    position:relative;
    overflow:hidden;

    height:300px;
}

.ec-speaker-photo{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:.4s ease;
}

.ec-speaker-card:hover .ec-speaker-photo{
    transform:scale(1.06);
}

.ec-speaker-placeholder{
    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:5rem;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #0ea5e9
        );

    color:#fff;
}

.ec-speaker-body{
    padding:28px;
}

.ec-speaker-name{
    font-size:1.2rem;
    line-height:1.5;
    font-weight:900;

    color:#081225;

    margin-bottom:12px;
}

.ec-speaker-role{
    color:#64748b;

    line-height:1.8;
}

@media(max-width:1200px){

    .ec-keynote-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ec-keynote-spotlight{
        padding:34px 24px;
    }

    .ec-speakers-title{
        font-size:1.9rem;
    }

    .ec-keynote-name{
        font-size:2rem;
    }

    .ec-keynote-image,
    .ec-keynote-placeholder{
        height:420px;
    }

}

/* =========================================================
   PACK 626 — SCIENTIFIC TIMELINE EXPERIENCE
========================================================= */

.ec-program-top{
    margin-bottom:50px;
}

.ec-program-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    color:#081225;

    margin-bottom:18px;
}

.ec-program-desc{
    max-width:920px;

    color:#475569;

    line-height:2;
}

.ec-program-timeline{
    position:relative;

    padding-left:80px;
}

.ec-program-timeline::before{
    content:'';

    position:absolute;

    top:0;
    bottom:0;
    left:32px;

    width:6px;

    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            #0b3d91,
            #0ea5e9
        );

    box-shadow:
        0 0 24px rgba(37,99,235,.22);
}

.ec-program-item{
    position:relative;

    margin-bottom:42px;
}

.ec-program-marker{
    position:absolute;

    left:-80px;
    top:26px;

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;
}

.ec-program-dot{
    width:64px;
    height:64px;

    border-radius:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #0ea5e9
        );

    color:#fff;

    font-size:1.5rem;

    box-shadow:
        0 22px 60px rgba(37,99,235,.24);

    border:
        4px solid #fff;
}

.ec-program-card{
    position:relative;
    overflow:hidden;

    border-radius:36px;

    padding:34px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 26px 80px rgba(15,23,42,.08);

    transition:.32s ease;
}

.ec-program-card:hover{
    transform:
        translateY(-6px);

    box-shadow:
        0 36px 90px rgba(15,23,42,.14);
}

.ec-program-card::before{
    content:'';

    position:absolute;

    top:-70px;
    right:-70px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.08),
            transparent 70%
        );
}

.ec-program-card-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;

    margin-bottom:24px;
}

.ec-program-time{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    border-radius:999px;

    background:
        rgba(37,99,235,.08);

    color:#1d4ed8;

    font-size:.86rem;
    font-weight:900;
}

.ec-program-badge{
    display:inline-flex;
    align-items:center;

    padding:12px 18px;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #081225,
            #0b3d91
        );

    color:#fff;

    font-size:.82rem;
    font-weight:900;
}

.ec-program-card-title{
    font-size:1.6rem;
    line-height:1.5;
    font-weight:900;

    color:#081225;

    margin-bottom:22px;
}

.ec-program-card-desc{
    color:#475569;

    line-height:2;

    margin-bottom:28px;
}

.ec-program-meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.ec-program-meta span{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    border-radius:999px;

    background:
        rgba(15,23,42,.04);

    color:#334155;

    font-size:.84rem;
    font-weight:800;
}

@media(max-width:768px){

    .ec-program-title{
        font-size:1.9rem;
    }

    .ec-program-timeline{
        padding-left:0;
    }

    .ec-program-timeline::before{
        display:none;
    }

    .ec-program-marker{
        position:relative;

        left:auto;
        top:auto;

        margin-bottom:18px;
    }

    .ec-program-card{
        padding:28px 22px;
    }

    .ec-program-card-title{
        font-size:1.3rem;
    }

}

/* =========================================================
   PACK 627 — PREMIUM IEEE HERO REBUILD
========================================================= */

.ec-ultra-hero{
    position:relative;
    overflow:hidden;

    min-height:950px;

    padding:
        150px 0 120px;

    background:
        linear-gradient(
            135deg,
            #020617 0%,
            #081225 30%,
            #0b3d91 72%,
            #2563eb 100%
        );

    isolation:isolate;
}

.ec-ultra-hero::before{
    content:'';

    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.14),
        transparent 28%),

        radial-gradient(circle at bottom left,
        rgba(14,165,233,.18),
        transparent 26%);
}

.ec-ultra-grid{
    position:relative;
    z-index:3;

    display:grid;

    grid-template-columns:
        1.08fr .92fr;

    gap:60px;

    align-items:center;
}

.ec-ultra-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:14px 24px;

    border-radius:999px;

    margin-bottom:34px;

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

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

    backdrop-filter:blur(16px);

    color:#fff;

    font-size:.9rem;
    font-weight:900;

    box-shadow:
        0 18px 44px rgba(0,0,0,.16);
}

.ec-ultra-title{
    font-size:4.5rem;
    line-height:1.08;
    font-weight:900;

    color:#fff;

    margin-bottom:30px;

    letter-spacing:-2px;
}

.ec-ultra-title span{
    background:
        linear-gradient(
            135deg,
            #ffffff,
            #93c5fd,
            #dbeafe
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.ec-ultra-desc{
    max-width:820px;

    color:
        rgba(255,255,255,.86);

    font-size:1.15rem;
    line-height:2.1;

    margin-bottom:42px;
}

.ec-ultra-actions{
    display:flex;
    flex-wrap:wrap;
    gap:18px;

    margin-bottom:48px;
}

.ec-ultra-btn{
    position:relative;
    overflow:hidden;

    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:18px 34px;

    border-radius:22px;

    font-weight:900;
    font-size:1rem;

    text-decoration:none;

    transition:.35s ease;
}

.ec-ultra-btn-primary{
    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#0b3d91;

    box-shadow:
        0 26px 70px rgba(255,255,255,.18);
}

.ec-ultra-btn-primary:hover{
    transform:
        translateY(-6px);

    color:#081225;
}

.ec-ultra-btn-secondary{
    background:
        rgba(255,255,255,.10);

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

    backdrop-filter:blur(16px);

    color:#fff;
}

.ec-ultra-btn-secondary:hover{
    transform:
        translateY(-6px);

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

    color:#fff;
}

.ec-ultra-metrics{
    display:grid;

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

    gap:18px;
}

.ec-ultra-metric{
    position:relative;
    overflow:hidden;

    padding:26px;

    border-radius:28px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.16),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);

    text-align:center;

    transition:.32s ease;
}

.ec-ultra-metric:hover{
    transform:
        translateY(-6px);
}

.ec-ultra-metric-number{
    font-size:2.3rem;
    line-height:1;
    font-weight:900;

    color:#fff;

    margin-bottom:12px;
}

.ec-ultra-metric-label{
    color:
        rgba(255,255,255,.82);

    font-size:.88rem;
    font-weight:800;
}

.ec-ultra-visual{
    position:relative;
}

.ec-ultra-main-card{
    position:relative;
    overflow:hidden;

    border-radius:42px;

    padding:42px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);

    box-shadow:
        0 40px 100px rgba(0,0,0,.24);

    min-height:700px;
}

.ec-ultra-main-card::before{
    content:'';

    position:absolute;

    top:-120px;
    right:-120px;

    width:320px;
    height:320px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.14),
            transparent 70%
        );
}

.ec-ultra-card-header{
    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:34px;
}

.ec-ultra-live{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:12px 20px;

    border-radius:999px;

    background:
        rgba(74,222,128,.14);

    border:
        1px solid rgba(74,222,128,.22);

    color:#4ade80;

    font-weight:900;
}

.ec-ultra-live-dot{
    width:12px;
    height:12px;

    border-radius:50%;

    background:#4ade80;

    box-shadow:
        0 0 18px rgba(74,222,128,.9);
}

.ec-ultra-floating{
    position:absolute;

    border-radius:28px;

    padding:22px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.16),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);

    box-shadow:
        0 26px 70px rgba(0,0,0,.18);

    color:#fff;

    animation:
        ecHeroFloat 5s ease-in-out infinite;
}

.ec-ultra-floating h4{
    font-size:1rem;
    font-weight:900;

    margin-bottom:10px;
}

.ec-ultra-floating p{
    color:
        rgba(255,255,255,.82);

    line-height:1.7;

    margin:0;

    font-size:.86rem;
}

.ec-ultra-floating.f1{
    top:-24px;
    right:-24px;

    width:240px;
}

.ec-ultra-floating.f2{
    bottom:40px;
    left:-34px;

    width:260px;

    animation-delay:1s;
}

@keyframes ecHeroFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }

    100%{
        transform:translateY(0);
    }

}

.ec-ultra-hero-image{
    width:100%;
    height:620px;

    border-radius:34px;

    object-fit:cover;

    box-shadow:
        0 34px 90px rgba(0,0,0,.26);
}

@media(max-width:1200px){

    .ec-ultra-grid{
        grid-template-columns:1fr;
    }

    .ec-ultra-main-card{
        min-height:auto;
    }

}

@media(max-width:768px){

    .ec-ultra-hero{
        min-height:auto;

        padding:
            120px 0 80px;
    }

    .ec-ultra-title{
        font-size:2.4rem;

        letter-spacing:-1px;
    }

    .ec-ultra-metrics{
        grid-template-columns:
            repeat(2,1fr);
    }

    .ec-ultra-main-card{
        padding:28px 22px;
    }

    .ec-ultra-floating{
        position:relative;

        inset:auto !important;

        width:100% !important;

        margin-top:20px;
    }

    .ec-ultra-hero-image{
        height:420px;
    }

}

/* =========================================================
   PACK 628 — PREMIUM RESEARCH DOMAINS EXPERIENCE
========================================================= */

.ec-themes-top{
    margin-bottom:54px;
}

.ec-themes-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    color: rgba(255,255,255,.65);

    margin-bottom:18px;
}

.ec-themes-desc{
    max-width:920px;

    color:#fff;

    line-height:2;
}

.ec-themes-grid{
    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(320px,1fr));

    gap:32px;
}

.ec-theme-card-v2{
    position:relative;
    overflow:hidden;

    min-height:420px;

    border-radius:38px;

    padding:36px;

    background:
        linear-gradient(
            135deg,
            #020617 0%,
            #081225 35%,
            #0b3d91 100%
        );

    color:#fff;

    box-shadow:
        0 30px 90px rgba(15,23,42,.16);

    transition:.36s ease;

    isolation:isolate;
}

.ec-theme-card-v2:hover{
    transform:
        translateY(-10px);

    box-shadow:
        0 46px 110px rgba(15,23,42,.24);
}

.ec-theme-glow{
    position:absolute;

    top:-90px;
    right:-90px;

    width:260px;
    height:260px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.12),
            transparent 70%
        );

    z-index:0;
}

.ec-theme-card-top{
    position:relative;
    z-index:2;

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:34px;
}

.ec-theme-icon-v2{
    width:86px;
    height:86px;

    border-radius:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.22),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(14px);

    font-size:2rem;

    color:#fff;

    box-shadow:
        0 20px 50px rgba(0,0,0,.18);
}

.ec-theme-number{
    font-size:3rem;
    line-height:1;
    font-weight:900;

    color:
        rgba(255,255,255,.54);
}

.ec-theme-title-v2{
    position:relative;
    z-index:2;

    font-size:1.7rem;
    line-height:1.5;
    font-weight:900;

    margin-bottom:24px;
}

.ec-theme-desc-v2{
    position:relative;
    z-index:2;

    color:
        rgba(255,255,255,.84);

    line-height:2;

    margin-bottom:32px;
}

.ec-theme-tags-v2{
    position:relative;
    z-index:2;

    display:flex;
    flex-wrap:wrap;
    gap:14px;

    margin-bottom:36px;
}

.ec-theme-tags-v2 span{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    border-radius:999px;

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

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

    font-size:.84rem;
    font-weight:800;
}

.ec-theme-footer-v2{
    position:relative;
    z-index:2;
}

.ec-theme-status{
    display:inline-flex;
    align-items:center;
    gap:12px;

    color:#4ade80;

    font-weight:900;
}

.ec-theme-status-dot{
    width:12px;
    height:12px;

    border-radius:50%;

    background:#4ade80;

    box-shadow:
        0 0 16px rgba(74,222,128,.9);
}

@media(max-width:768px){

    .ec-themes-title{
        font-size:1.9rem;
    }

    .ec-theme-card-v2{
        padding:28px 22px;

        min-height:auto;
    }

    .ec-theme-title-v2{
        font-size:1.3rem;
    }

}

/* =========================================================
   PACK 629 — PREMIUM DESTINATION EXPERIENCE
========================================================= */

.ec-venue-top{
    margin-bottom:54px;
}

.ec-venue-title{
    font-size:2.5rem;
    line-height:1.3;
    font-weight:900;

    color:#081225;

    margin-bottom:18px;
}

.ec-venue-desc{
    max-width:920px;

    color:#475569;

    line-height:2;
}

.ec-venue-main{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:42px;

    align-items:center;
}

.ec-venue-visual{
    position:relative;
}

.ec-venue-image,
.ec-venue-placeholder{
    width:100%;
    height:720px;

    border-radius:42px;

    object-fit:cover;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91
        );

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    font-size:6rem;

    box-shadow:
        0 40px 100px rgba(15,23,42,.22);
}

.ec-venue-overlay-card{
    position:absolute;

    left:30px;
    right:30px;
    bottom:30px;

    display:flex;
    align-items:center;
    gap:18px;

    padding:24px;

    border-radius:30px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);

    color:#fff;
}

.ec-venue-overlay-icon{
    width:74px;
    height:74px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#1d4ed8;

    font-size:1.8rem;

    flex-shrink:0;
}

.ec-venue-overlay-title{
    font-size:1.2rem;
    font-weight:900;

    margin-bottom:8px;
}

.ec-venue-overlay-desc{
    color:
        rgba(255,255,255,.82);
}

.ec-venue-content{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.ec-venue-card{
    position:relative;
    overflow:hidden;

    border-radius:38px;

    padding:40px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 30px 90px rgba(15,23,42,.08);
}

.ec-venue-card::before{
    content:'';

    position:absolute;

    top:-90px;
    right:-90px;

    width:240px;
    height:240px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.08),
            transparent 70%
        );
}

.ec-venue-card-top{
    display:flex;
    align-items:center;
    gap:22px;

    margin-bottom:28px;
}

.ec-venue-icon{
    width:88px;
    height:88px;

    border-radius:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #0b3d91,
            #0ea5e9
        );

    color:#fff;

    font-size:2rem;

    box-shadow:
        0 22px 60px rgba(37,99,235,.22);
}

.ec-venue-card-title{
    font-size:1.7rem;
    line-height:1.4;
    font-weight:900;

    color:#081225;

    margin-bottom:8px;
}

.ec-venue-card-sub{
    color:#64748b;

    font-weight:700;
}

.ec-venue-card-desc{
    color:#475569;

    line-height:2;

    margin-bottom:34px;
}

.ec-venue-features{
    display:grid;

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

    gap:18px;
}

.ec-venue-feature{
    display:flex;
    align-items:center;
    gap:14px;

    padding:18px;

    border-radius:22px;

    background:
        rgba(37,99,235,.06);

    color:#1e293b;

    font-weight:800;
}

.ec-venue-feature i{
    color:#2563eb;
}

.ec-venue-mini-grid{
    display:grid;

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

    gap:24px;
}

.ec-venue-mini{
    position:relative;
    overflow:hidden;

    border-radius:32px;

    padding:34px;

    text-align:center;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0b3d91
        );

    color:#fff;

    box-shadow:
        0 26px 80px rgba(15,23,42,.14);
}

.ec-venue-mini-number{
    font-size:3rem;
    line-height:1;
    font-weight:900;

    margin-bottom:16px;
}

.ec-venue-mini-label{
    color:
        rgba(255,255,255,.82);

    font-weight:800;
}

@media(max-width:1200px){

    .ec-venue-main{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ec-venue-title{
        font-size:1.9rem;
    }

    .ec-venue-image,
    .ec-venue-placeholder{
        height:460px;
    }

    .ec-venue-card{
        padding:28px 22px;
    }

    .ec-venue-features{
        grid-template-columns:1fr;
    }

}

/* =========================================================
   PACK 630 — HORIZONTAL ENTERPRISE SECTIONS
========================================================= */

.ec-enterprise-section{
    position:relative;
    overflow:hidden;

    margin:90px 0;

    border-radius:42px;

    background:
        linear-gradient(
            135deg,
            #020617 0%,
            #081225 40%,
            #0b3d91 100%
        );

    color:#fff;

    box-shadow:
        0 40px 120px rgba(15,23,42,.18);
}

.ec-enterprise-section::before{
    content:'';

    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.10),
        transparent 30%);
}

.ec-enterprise-grid{
    position:relative;
    z-index:2;

    display:grid;

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

    gap:42px;

    align-items:stretch;

    padding:54px;
}

.ec-enterprise-main{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ec-enterprise-chip{
    display:inline-flex;
    align-items:center;
    gap:12px;

    width:max-content;

    padding:14px 22px;

    border-radius:999px;

    margin-bottom:28px;

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

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

    backdrop-filter:blur(14px);

    font-size:.88rem;
    font-weight:900;
}

.ec-enterprise-title{
    font-size:3.3rem;
    line-height:1.15;
    font-weight:900;

    margin-bottom:24px;

    max-width:760px;
}

.ec-enterprise-desc{
    max-width:760px;

    color:
        rgba(255,255,255,.84);

    font-size:1.06rem;
    line-height:2.1;

    margin-bottom:36px;
}

.ec-enterprise-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}

.ec-enterprise-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:16px 28px;

    border-radius:18px;

    text-decoration:none;

    font-weight:900;

    transition:.3s ease;
}

.ec-enterprise-btn-primary{
    background:#fff;
    color:#0b3d91;
}

.ec-enterprise-btn-primary:hover{
    transform:translateY(-4px);
}

.ec-enterprise-btn-secondary{
    background:
        rgba(255,255,255,.10);

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

    color:#fff;
}

.ec-enterprise-side{
    display:grid;

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

    gap:20px;
}

.ec-enterprise-card{
    position:relative;
    overflow:hidden;

    border-radius:28px;

    padding:28px;

    min-height:220px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.16),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(18px);

    transition:.32s ease;
}

.ec-enterprise-card:hover{
    transform:
        translateY(-6px);
}

.ec-enterprise-icon{
    width:78px;
    height:78px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:24px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#1d4ed8;

    font-size:1.9rem;
}

.ec-enterprise-card h4{
    font-size:1.1rem;
    line-height:1.5;
    font-weight:900;

    margin-bottom:14px;
}

.ec-enterprise-card p{
    color:
        rgba(255,255,255,.82);

    line-height:1.9;

    margin:0;

    font-size:.92rem;
}

.ec-enterprise-metric{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;
}

.ec-enterprise-number{
    font-size:3rem;
    line-height:1;
    font-weight:900;

    margin-bottom:16px;
}

.ec-enterprise-label{
    color:
        rgba(255,255,255,.82);

    font-weight:800;
}

.ec-enterprise-live{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    border-radius:999px;

    margin-top:20px;

    background:
        rgba(74,222,128,.14);

    color:#4ade80;

    font-weight:900;
}

.ec-enterprise-live-dot{
    width:12px;
    height:12px;

    border-radius:50%;

    background:#4ade80;

    box-shadow:
        0 0 18px rgba(74,222,128,.9);
}

@media(max-width:1200px){

    .ec-enterprise-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ec-enterprise-grid{
        padding:34px 24px;
    }

    .ec-enterprise-title{
        font-size:2rem;
    }

    .ec-enterprise-side{
        grid-template-columns:1fr;
    }

}

/* =========================================================
   PACK 630 — FINAL CONVERSION EXPERIENCE
========================================================= */

.ec-final-cta{
    position:relative;
    overflow:hidden;

    margin:100px 0;

    border-radius:48px;

    background:
        linear-gradient(
            135deg,
            #020617 0%,
            #081225 45%,
            #0b3d91 100%
        );

    color:#fff;

    box-shadow:
        0 50px 140px rgba(15,23,42,.20);
}

.ec-final-cta::before{
    content:'';

    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.10),
        transparent 30%),

        radial-gradient(circle at bottom left,
        rgba(14,165,233,.14),
        transparent 24%);
}

.ec-final-cta-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        1.05fr .95fr;

    gap:60px;

    align-items:center;

    padding:70px;
}

.ec-final-cta-title{
    font-size:4rem;
    line-height:1.1;
    font-weight:900;

    margin-bottom:28px;

    max-width:760px;
}

.ec-final-cta-desc{
    max-width:760px;

    color:
        rgba(255,255,255,.84);

    font-size:1.08rem;
    line-height:2.1;

    margin-bottom:40px;
}

.ec-final-cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
}

.ec-final-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:18px 32px;

    border-radius:20px;

    text-decoration:none;

    font-weight:900;

    transition:.3s ease;
}

.ec-final-btn-primary{
    background:#fff;
    color:#0b3d91;

    box-shadow:
        0 26px 70px rgba(255,255,255,.16);
}

.ec-final-btn-primary:hover{
    transform:
        translateY(-5px);
}

.ec-final-btn-secondary{
    background:
        rgba(255,255,255,.10);

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

    color:#fff;
}

.ec-final-glass-card{
    position:relative;
    overflow:hidden;

    border-radius:40px;

    padding:42px;

    min-height:620px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.08)
        );

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

    backdrop-filter:blur(20px);

    box-shadow:
        0 40px 120px rgba(0,0,0,.22);
}

.ec-final-glass-card::before{
    content:'';

    position:absolute;

    top:-120px;
    right:-120px;

    width:320px;
    height:320px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.12),
            transparent 70%
        );
}

.ec-final-glass-top{
    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:54px;
}

.ec-final-live{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    border-radius:999px;

    background:
        rgba(74,222,128,.14);

    color:#4ade80;

    font-weight:900;
}

.ec-final-live-dot{
    width:12px;
    height:12px;

    border-radius:50%;

    background:#4ade80;

    box-shadow:
        0 0 18px rgba(74,222,128,.9);
}

.ec-final-year{
    font-size:2rem;
    font-weight:900;

    color:
        rgba(255,255,255,.22);
}

.ec-final-center{
    text-align:center;

    margin-bottom:54px;
}

.ec-final-big-icon{
    width:150px;
    height:150px;

    border-radius:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:
        0 auto 34px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#1d4ed8;

    font-size:4rem;

    box-shadow:
        0 30px 80px rgba(255,255,255,.18);
}

.ec-final-big-title{
    font-size:2.5rem;
    line-height:1.2;
    font-weight:900;

    margin-bottom:18px;
}

.ec-final-big-desc{
    color:
        rgba(255,255,255,.82);

    line-height:1.9;
}

.ec-final-stats{
    display:grid;

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

    gap:18px;
}

.ec-final-stat{
    text-align:center;

    padding:24px;

    border-radius:24px;

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

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

.ec-final-stat-number{
    font-size:2.2rem;
    line-height:1;
    font-weight:900;

    margin-bottom:14px;
}

.ec-final-stat-label{
    color:
        rgba(255,255,255,.82);

    font-weight:800;
}

@media(max-width:1200px){

    .ec-final-cta-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ec-final-cta-grid{
        padding:36px 24px;
    }

    .ec-final-cta-title{
        font-size:2.2rem;
    }

    .ec-final-glass-card{
        min-height:auto;

        padding:28px 22px;
    }

    .ec-final-stats{
        grid-template-columns:1fr;
    }

}

/* =========================================================
   PACK 631 — PREMIUM KEYNOTE EXPERIENCE
========================================================= */

.ec-speakers-top{
    margin-bottom:54px;
}

.ec-speakers-title{
    font-size:2.6rem;
    line-height:1.25;
    font-weight:900;

    color:#081225;

    margin-bottom:18px;
}

.ec-speakers-desc{
    max-width:920px;

    color:#475569;

    line-height:2;
}

.ec-speakers-grid{
    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(340px,1fr));

    gap:34px;
}

.ec-speaker-card{
    position:relative;
    overflow:hidden;

    border-radius:42px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbff 100%
        );

    border:
        1px solid rgba(37,99,235,.08);

    box-shadow:
        0 34px 100px rgba(15,23,42,.10);

    transition:.36s ease;
}

.ec-speaker-card:hover{
    transform:
        translateY(-10px);

    box-shadow:
        0 50px 120px rgba(15,23,42,.16);
}

.ec-speaker-cover{
    height:180px;

    background:
        linear-gradient(
            135deg,
            #020617 0%,
            #081225 40%,
            #0b3d91 100%
        );
}

.ec-speaker-image-wrap{
    position:relative;

    margin-top:-74px;

    padding:
        0 34px;
}

.ec-speaker-image,
.ec-speaker-placeholder{
    width:148px;
    height:148px;

    border-radius:36px;

    object-fit:cover;

    background:
        linear-gradient(
            135deg,
            #dbeafe,
            #93c5fd
        );

    border:
        6px solid #fff;

    box-shadow:
        0 24px 70px rgba(37,99,235,.18);

    display:flex;
    align-items:center;
    justify-content:center;

    color:#1d4ed8;

    font-size:3rem;
}

.ec-speaker-content{
    padding:28px 34px 34px;
}

.ec-speaker-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    border-radius:999px;

    margin-bottom:24px;

    background:
        rgba(37,99,235,.08);

    color:#1d4ed8;

    font-size:.84rem;
    font-weight:900;
}

.ec-speaker-name{
    font-size:1.7rem;
    line-height:1.3;
    font-weight:900;

    color:#081225;

    margin-bottom:12px;
}

.ec-speaker-title{
    color:#2563eb;

    font-weight:800;

    margin-bottom:16px;
}

.ec-speaker-inst{
    display:flex;
    align-items:center;
    gap:12px;

    color:#475569;

    margin-bottom:20px;

    font-weight:700;
}

.ec-speaker-bio{
    color:#64748b;

    line-height:2;

    margin-bottom:28px;
}

.ec-speaker-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
}

.ec-speaker-status{
    display:inline-flex;
    align-items:center;
    gap:10px;

    color:#22c55e;

    font-weight:900;
}

.ec-speaker-status-dot{
    width:12px;
    height:12px;

    border-radius:50%;

    background:#22c55e;

    box-shadow:
        0 0 18px rgba(34,197,94,.8);
}

.ec-speaker-social{
    display:flex;
    gap:12px;
}

.ec-speaker-social span{
    width:42px;
    height:42px;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        rgba(37,99,235,.08);

    color:#1d4ed8;

    transition:.3s ease;
}

.ec-speaker-social span:hover{
    transform:
        translateY(-4px);
}

@media(max-width:768px){

    .ec-speakers-title{
        font-size:2rem;
    }

    .ec-speaker-content{
        padding:24px 22px 28px;
    }

}

/* =========================================================
   PACK 632 — PREMIUM IEEE NAVIGATION
========================================================= */

.ec-global-header{
    position:fixed;

    top:0;
    left:0;
    right:0;

    z-index:9999;

    padding:18px 0;

    transition:.34s ease;
}

.ec-global-header.scrolled{
    background:
        rgba(2,6,23,.78);

    backdrop-filter:blur(18px);

    box-shadow:
        0 18px 50px rgba(0,0,0,.16);

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

.ec-global-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:24px;
}

.ec-global-brand{
    display:flex;
    align-items:center;
    gap:18px;

    text-decoration:none;
}

.ec-global-brand-icon{
    width:62px;
    height:62px;

    border-radius:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#1d4ed8;

    font-size:1.6rem;

    box-shadow:
        0 18px 50px rgba(255,255,255,.12);
}

.ec-global-brand-title{
    font-size:1.25rem;
    line-height:1.2;
    font-weight:900;

    color:#fff;
}

.ec-global-brand-sub{
    color:
        rgba(255,255,255,.72);

    font-size:.78rem;
    font-weight:700;

    letter-spacing:1px;
}

.ec-global-menu{
    display:flex;
    align-items:center;
    gap:28px;
}

.ec-global-menu a{
    position:relative;

    color:
        rgba(255,255,255,.86);

    text-decoration:none;

    font-weight:800;

    transition:.3s ease;
}

.ec-global-menu a::after{
    content:'';

    position:absolute;

    left:0;
    bottom:-10px;

    width:0;
    height:3px;

    border-radius:999px;

    background:#60a5fa;

    transition:.3s ease;
}

.ec-global-menu a:hover{
    color:#fff;
}

.ec-global-menu a:hover::after{
    width:100%;
}

.ec-global-actions{
    display:flex;
    align-items:center;
    gap:16px;
}

.ec-global-login{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 20px;

    border-radius:16px;

    text-decoration:none;

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

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

    color:#fff;

    font-weight:800;

    transition:.3s ease;
}

.ec-global-submit{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 24px;

    border-radius:18px;

    text-decoration:none;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#0b3d91;

    font-weight:900;

    box-shadow:
        0 18px 60px rgba(255,255,255,.16);

    transition:.3s ease;
}

.ec-global-submit:hover,
.ec-global-login:hover{
    transform:
        translateY(-4px);
}

.ec-mobile-toggle{
    display:none;

    width:54px;
    height:54px;

    border:none;

    border-radius:18px;

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

    color:#fff;

    font-size:1.3rem;
}

@media(max-width:1200px){

    .ec-global-menu{
        position:fixed;

        top:96px;
        left:20px;
        right:20px;

        flex-direction:column;
        align-items:flex-start;

        padding:24px;

        border-radius:28px;

        background:
            rgba(2,6,23,.96);

        backdrop-filter:blur(20px);

        box-shadow:
            0 30px 90px rgba(0,0,0,.24);

        display:none;
    }

    .ec-global-menu.active{
        display:flex;
    }

    .ec-global-actions{
        display:none;
    }

    .ec-mobile-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
    }

}

@media(max-width:768px){

    .ec-global-brand-sub{
        display:none;
    }

    .ec-global-brand-title{
        font-size:1rem;
    }

}


/* =========================================================
   PACK 633 — GLOBAL IEEE FOOTER
========================================================= */

.ec-global-footer{
    position:relative;
    overflow:hidden;

    margin-top:120px;

    padding:
        90px 0 34px;

    background:
        linear-gradient(
            135deg,
            #020617 0%,
            #081225 40%,
            #0b3d91 100%
        );

    color:#fff;
}

.ec-global-footer::before{
    content:'';

    position:absolute;
    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.08),
        transparent 28%);
}

.ec-footer-top{
    position:relative;
    z-index:2;

    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:24px;

    margin-bottom:60px;
}

.ec-footer-brand{
    display:flex;
    align-items:center;
    gap:18px;
}

.ec-footer-brand-icon{
    width:72px;
    height:72px;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#1d4ed8;

    font-size:1.9rem;

    box-shadow:
        0 20px 60px rgba(255,255,255,.12);
}

.ec-footer-brand-title{
    font-size:1.6rem;
    line-height:1.2;
    font-weight:900;

    margin-bottom:8px;
}

.ec-footer-brand-sub{
    color:
        rgba(255,255,255,.74);

    font-weight:700;
}

.ec-footer-social{
    display:flex;
    gap:16px;
}

.ec-footer-social a{
    width:52px;
    height:52px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

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

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

    color:#fff;

    text-decoration:none;

    transition:.3s ease;
}

.ec-footer-social a:hover{
    transform:
        translateY(-5px);

    background:
        rgba(255,255,255,.14);
}

.ec-footer-grid{
    position:relative;
    z-index:2;

    display:grid;

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

    gap:40px;

    margin-bottom:60px;
}

.ec-footer-heading{
    font-size:1.15rem;
    font-weight:900;

    margin-bottom:26px;
}

.ec-footer-text{
    color:
        rgba(255,255,255,.76);

    line-height:2;

    margin-bottom:26px;
}

.ec-footer-badges{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.ec-footer-badges span{
    padding:10px 16px;

    border-radius:999px;

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

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

    font-size:.78rem;
    font-weight:900;
}

.ec-footer-links{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.ec-footer-links a,
.ec-footer-contact div{
    display:flex;
    align-items:center;
    gap:14px;

    color:
        rgba(255,255,255,.78);

    text-decoration:none;

    transition:.3s ease;
}

.ec-footer-links a:hover{
    color:#fff;

    transform:
        translateX(6px);
}

.ec-footer-links i,
.ec-footer-contact i{
    color:#60a5fa;
}

.ec-footer-contact{
    display:flex;
    flex-direction:column;
    gap:18px;

    margin-bottom:28px;
}

.ec-footer-submit{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:16px 24px;

    border-radius:18px;

    text-decoration:none;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #dbeafe
        );

    color:#0b3d91;

    font-weight:900;

    box-shadow:
        0 20px 60px rgba(255,255,255,.12);

    transition:.3s ease;
}

.ec-footer-submit:hover{
    transform:
        translateY(-5px);
}

.ec-footer-bottom{
    position:relative;
    z-index:2;

    padding-top:34px;

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

    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:20px;

    color:
        rgba(255,255,255,.72);

    font-size:.92rem;
}

.ec-footer-powered{
    display:flex;
    align-items:center;
    gap:10px;

    color:#93c5fd;

    font-weight:800;
}

@media(max-width:1200px){

    .ec-footer-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

}

@media(max-width:768px){

    .ec-footer-top,
    .ec-footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .ec-footer-grid{
        grid-template-columns:1fr;
    }

}

/* =========================================================
   PACK 634 — CINEMATIC MOTION SYSTEM
========================================================= */

html{
    scroll-behavior:smooth;
}

.ec-reveal{
    opacity:0;

    transform:
        translateY(70px);

    transition:
        opacity .9s ease,
        transform .9s ease;
}

.ec-reveal.active{
    opacity:1;

    transform:
        translateY(0);
}

.ec-reveal-left{
    opacity:0;

    transform:
        translateX(-80px);

    transition:
        opacity .9s ease,
        transform .9s ease;
}

.ec-reveal-left.active{
    opacity:1;

    transform:
        translateX(0);
}

.ec-reveal-right{
    opacity:0;

    transform:
        translateX(80px);

    transition:
        opacity .9s ease,
        transform .9s ease;
}

.ec-reveal-right.active{
    opacity:1;

    transform:
        translateX(0);
}

.ec-float{
    animation:
        ecFloat 6s ease-in-out infinite;
}

@keyframes ecFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }

    100%{
        transform:translateY(0);
    }

}

.ec-hover-lift{
    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.ec-hover-lift:hover{
    transform:
        translateY(-10px);

    box-shadow:
        0 40px 100px rgba(15,23,42,.16);
}

.ec-glow-hover{
    position:relative;
    overflow:hidden;
}

.ec-glow-hover::before{
    content:'';

    position:absolute;

    top:-120%;
    left:-120%;

    width:240%;
    height:240%;

    background:
        linear-gradient(
            135deg,
            transparent 0%,
            rgba(255,255,255,.08) 50%,
            transparent 100%
        );

    transform:
        rotate(25deg);

    transition:.7s ease;

    pointer-events:none;
}

.ec-glow-hover:hover::before{
    top:-40%;
    left:-40%;
}

.ec-animated-border{
    position:relative;
}

.ec-animated-border::after{
    content:'';

    position:absolute;
    inset:0;

    border-radius:inherit;

    padding:1px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.4),
            rgba(255,255,255,0),
            rgba(96,165,250,.6)
        );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:.6;

    pointer-events:none;
}

.ec-pulse{
    animation:
        ecPulse 2s infinite;
}

@keyframes ecPulse{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.05);
    }

    100%{
        transform:scale(1);
    }

}

.ec-blur-orb{
    position:absolute;

    border-radius:50%;

    filter:blur(80px);

    opacity:.24;

    z-index:0;

    pointer-events:none;
}

.ec-blur-orb.orb-1{
    top:10%;
    right:5%;

    width:260px;
    height:260px;

    background:#60a5fa;
}

.ec-blur-orb.orb-2{
    bottom:8%;
    left:5%;

    width:220px;
    height:220px;

    background:#0ea5e9;
}

.ec-noise{
    position:absolute;
    inset:0;

    opacity:.04;

    background-image:
        radial-gradient(#fff 1px, transparent 1px);

    background-size:
        18px 18px;

    pointer-events:none;
}

/* =========================================================
   PACK 637 — SECTION OVERLAP STABILIZER
========================================================= */

section{
    position:relative;
    z-index:2;
}

/* =========================================================
   GLOBAL SECTION SPACING
========================================================= */

.ec-home-blocks,
.ec-enterprise-section,
.ec-map-experience,
.ec-virtual-experience,
.ec-ai-assistant,
.ec-ai-dashboard,
.ec-ai-research,
.ec-networking,
#venue,
#proceedings,
#program,
#speakers,
#committees{
    margin-top:80px !important;
    margin-bottom:80px !important;

    clear:both;

    transform:none !important;
}

/* =========================================================
   REMOVE BAD NEGATIVE STACKING
========================================================= */

.ec-enterprise-grid,
.ec-map-layout,
.ec-virtual-layout,
.ec-ai-layout,
.ec-ultra-grid,
.ec-block-grid{
    position:relative;

    z-index:2;

    align-items:stretch;
}

/* =========================================================
   PREVENT FLOATING CARD COLLISION
========================================================= */

.ec-enterprise-side,
.ec-map-side,
.ec-virtual-side,
.ec-ai-recommendations{
    display:grid;

    gap:24px;
}

/* =========================================================
   VENUE SECTION FIX
========================================================= */

#venue{
    overflow:hidden;

    padding-top:40px;
}

.ec-map-visual{
    min-height:620px;

    position:relative;
}

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

.ec-ultra-hero{
    margin-bottom:60px !important;
}

.ec-hero-meta-bar{
    margin-top:40px !important;
    margin-bottom:40px !important;
}

/* =========================================================
   KPI FIX
========================================================= */

.glass-bar{
    margin-top:40px !important;
    margin-bottom:60px !important;
}

/* =========================================================
   PROCEEDINGS FIX
========================================================= */

.ec-proceedings-grid,
.ec-paper-grid{
    align-items:stretch;
}

.ec-paper-card{
    height:100%;
}

/* =========================================================
   REMOVE ABSOLUTE OVERLAY ISSUES
========================================================= */

.ec-enterprise-main,
.ec-highlight-banner,
.ec-map-card,
.ec-enterprise-card,
.ec-home-card{
    position:relative;

    z-index:3;
}

/* =========================================================
   CONTAINER WIDTH STABILIZATION
========================================================= */

.container{
    position:relative;
    z-index:2;
}

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

@media(max-width:992px){

    .ec-home-blocks,
    .ec-enterprise-section,
    .ec-map-experience,
    .ec-virtual-experience,
    .ec-ai-assistant,
    .ec-ai-dashboard,
    .ec-ai-research,
    .ec-networking,
    #venue,
    #proceedings,
    #program,
    #speakers,
    #committees{

        margin-top:50px !important;
        margin-bottom:50px !important;
    }

    .ec-map-visual{
        min-height:420px;
    }

}


/* =========================================================
   PACK 638 — HERO/VENUE HEIGHT RECOVERY
========================================================= */

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

.hero{
    position:relative;

    overflow:visible !important;

    min-height:auto !important;

    padding-bottom:120px !important;
}

.ec-ultra-hero{
    position:relative;

    overflow:visible !important;

    min-height:900px;

    display:flex;
    align-items:center;

    z-index:5;
}

.ec-ultra-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.1fr)
        minmax(420px,.9fr);

    gap:48px;

    align-items:center;
}

.ec-ultra-visual{
    position:relative;

    min-height:760px;

    overflow:visible !important;

    z-index:4;
}

.ec-ultra-main-card{
    position:relative;

    min-height:620px;

    overflow:hidden;

    border-radius:36px;
}

/* =========================================================
   FIX FLOATING HERO BOXES
========================================================= */

.ec-ultra-floating{
    position:absolute;

    z-index:10;
}

.ec-ultra-floating.f1{
    bottom:120px;
    left:-20px;
}

.ec-ultra-floating.f2{
    top:120px;
    right:-20px;
}

/* =========================================================
   VENUE SECTION
========================================================= */

.ec-map-experience{
    position:relative;

    overflow:hidden;

    padding-top:80px;
    padding-bottom:120px;

    min-height:auto !important;
}

.ec-map-layout{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        420px;

    gap:42px;

    align-items:stretch;
}

.ec-map-visual{
    position:relative;

    min-height:720px;

    border-radius:36px;

    overflow:hidden;
}

.ec-map-center{
    position:absolute;

    z-index:5;
}

/* =========================================================
   REMOVE DARK EMPTY BLOCK
========================================================= */

.ec-map-overlay,
.ec-stream-overlay{
    opacity:.35 !important;
}

/* =========================================================
   FORCE CONTENT ABOVE OVERLAYS
========================================================= */

.ec-map-center,
.ec-stream-center,
.ec-ultra-main-card,
.ec-ultra-title,
.ec-ultra-desc{
    position:relative;

    z-index:20;
}

/* =========================================================
   PREVENT SECTION COLLISION
========================================================= */

.ec-home-blocks{
    position:relative;

    z-index:3;

    margin-bottom:120px !important;
}

.ec-networking,
.ec-ai-research,
.ec-enterprise-section{
    position:relative;

    z-index:3;
}

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

@media(max-width:1200px){

    .ec-ultra-grid,
    .ec-map-layout{

        grid-template-columns:1fr;
    }

    .ec-ultra-visual{
        min-height:620px;
    }

    .ec-map-visual{
        min-height:520px;
    }

}

@media(max-width:768px){

    .ec-ultra-hero{
        min-height:auto;
    }

    .ec-ultra-visual{
        min-height:420px;
    }

    .ec-map-visual{
        min-height:360px;
    }

    .ec-ultra-floating{
        display:none;
    }

}

/* =========================================================
   PACK 639 — FINAL HERO + FLOATING FIX
========================================================= */

/* REMOVE DARK FLOATING OVERLAY */
.ec-floating-nav{
    position:relative !important;

    top:auto !important;
    left:auto !important;
    right:auto !important;

    width:100%;

    z-index:50;

    overflow:hidden;

    backdrop-filter:none !important;
}

/* REMOVE GHOST OVERLAYS */
.ec-noise,
.ec-blur-orb,
.ec-stream-overlay,
.ec-map-overlay{
    pointer-events:none;

    z-index:0 !important;
}

/* FIX HERO MAIN AREA */
.ec-ultra-hero{
    overflow:hidden !important;

    padding-top:60px !important;
    padding-bottom:100px !important;

    min-height:auto !important;
}

/* HERO VISUAL COLUMN */
.ec-ultra-visual{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:640px !important;

    overflow:visible !important;

    position:relative;
}

/* MAIN CARD */
.ec-ultra-main-card{
    width:100%;

    max-width:520px;

    min-height:580px !important;

    position:relative !important;

    overflow:hidden !important;

    margin:auto;
}

/* FIX BANNER IMAGE */
.ec-ultra-hero-image{
    width:100% !important;

    height:100% !important;

    min-height:420px;

    object-fit:cover;

    display:block;

    border-radius:28px;
}

/* REMOVE ABSOLUTE CHAOS */
.ec-ultra-floating,
.ec-community-stat,
.ec-trust-stat,
.ec-enterprise-card,
.ec-map-card{
    position:relative !important;
}

/* FIX STATS BLOCKS */
.ec-community-stats,
.ec-trust-stats{
    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(240px,1fr));

    gap:28px;

    margin-top:40px;
}

.ec-community-stat,
.ec-trust-stat{
    width:100% !important;

    margin:0 !important;
}

/* FIX VENUE SECTION */
.ec-map-layout{
    align-items:start !important;
}

.ec-map-visual{
    min-height:520px !important;

    position:relative;

    overflow:hidden !important;
}

/* REMOVE SECTION OVERLAP */
section{
    clear:both;
}

/* FORCE NORMAL FLOW */
.ec-home-blocks,
.ec-networking,
.ec-map-experience,
.ec-ai-research,
.ec-enterprise-section,
.ec-trust-ribbon{
    position:relative !important;

    overflow:hidden;

    isolation:isolate;

    z-index:2;
}

/* FIX TOP HEADER */
.ec-global-header{
    position:relative !important;

    backdrop-filter:blur(14px);

    z-index:100;
}

/* MOBILE */
@media(max-width:992px){

    .ec-ultra-grid{
        grid-template-columns:1fr !important;
    }

    .ec-ultra-main-card{
        max-width:100%;
    }

    .ec-ultra-visual{
        min-height:auto !important;
    }

    .ec-community-stats,
    .ec-trust-stats{
        grid-template-columns:1fr;
    }

}

/* =========================================================
   PACK 640 — PRECISE RECOVERY FOR CURRENT ACTIVE STRUCTURE
========================================================= */

/* 1) FIX FLOATING NAV CONTAINING PAGE SECTIONS */
.ec-floating-nav{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:86px !important;
    min-height:86px !important;
    max-height:86px !important;
    overflow:hidden !important;
    z-index:99999 !important;
    background:rgba(2,6,23,.88) !important;
    backdrop-filter:blur(18px) !important;
    box-shadow:0 18px 60px rgba(0,0,0,.22) !important;
}

.ec-floating-nav > .ec-live-announcements{
    display:none !important;
}

.ec-floating-nav .container{
    height:100% !important;
}

.ec-floating-nav .ec-floating-inner{
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 !important;
}

.ec-floating-nav .ec-floating-inner > .fw-bold,
.ec-floating-nav .ec-floating-inner > a.btn{
    display:none !important;
}

.ec-floating-nav .ec-global-header{
    position:static !important;
    inset:auto !important;
    width:100% !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}

body{
    padding-top:86px !important;
}

/* 2) REMOVE OLD HERO DUPLICATE PARTS BUT KEEP ULTRA HERO */
.hero{
    padding-top:0 !important;
    overflow:visible !important;
    background:#0b3d91 !important;
}

.hero > .container > .lang-switch,
.hero > .container > .mb-5,
.hero > .container > .row > .col-lg-9 > h1,
.hero > .container > .row > .col-lg-9 > .lead,
.hero > .container > .row > .col-lg-9 > .ec-hero-meta-bar,
.hero > .container > .row > .col-lg-9 > .d-flex,
.hero > .container > .row > .col-lg-9 > .ec-countdown-wrap,
.hero > .container > .row > .col-lg-9 > .glass-bar{
    display:none !important;
}

.hero > .container > .row{
    display:block !important;
}

.hero > .container > .row > .col-lg-9{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
}

/* 3) STABILIZE ULTRA HERO */
.ec-ultra-hero{
    margin-top:0 !important;
    margin-bottom:90px !important;
    padding:80px 0 90px !important;
    min-height:auto !important;
    overflow:hidden !important;
    border-radius:0 !important;
}

.ec-ultra-grid{
    grid-template-columns:minmax(0,1fr) minmax(360px,.85fr) !important;
    align-items:center !important;
}

.ec-ultra-title{
    font-size:clamp(2.6rem,5vw,4.4rem) !important;
}

.ec-ultra-visual{
    min-height:560px !important;
}

.ec-ultra-main-card{
    max-width:520px !important;
    min-height:520px !important;
    margin-inline:auto !important;
}

.ec-ultra-hero-image{
    height:390px !important;
    min-height:390px !important;
    object-fit:cover !important;
}

/* 4) FIX VENUE COLLISION */
.ec-venue-main{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:42px !important;
    align-items:start !important;
}

.ec-venue-content,
.ec-venue-card,
.ec-venue-mini-grid,
.ec-venue-mini{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    margin:0 !important;
    z-index:auto !important;
}

.ec-venue-content{
    display:flex !important;
    flex-direction:column !important;
    gap:28px !important;
}

.ec-venue-mini-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px !important;
}

/* 5) STOP STATS FLOATING OVER SECTIONS */
.ec-community-stat,
.ec-trust-stat,
.ec-enterprise-card,
.ec-venue-mini{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
}

/* 6) CLEAN SECTION FLOW */
section{
    clear:both !important;
}

.ec-proceedings-wrap,
.ec-venue-wrap,
.ec-home-blocks,
.ec-enterprise-section{
    margin-top:90px !important;
    margin-bottom:90px !important;
}

/* RESPONSIVE */
@media(max-width:1200px){
    .ec-ultra-grid,
    .ec-venue-main{
        grid-template-columns:1fr !important;
    }

    .ec-ultra-visual{
        min-height:auto !important;
    }

    .ec-venue-mini-grid{
        grid-template-columns:1fr !important;
    }
}

/* =========================================================
   PACK 641 — HERO VISUAL + VENUE FINAL FIX
========================================================= */

/* =========================================================
   HERO RIGHT VISUAL
========================================================= */

.ec-ultra-visual{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:auto !important;

    padding:40px 0 !important;
}

/* MAIN CARD */
.ec-ultra-main-card{
    position:relative !important;

    width:100% !important;
    max-width:480px !important;

    min-height:auto !important;
    height:auto !important;

    padding:24px !important;

    border-radius:34px !important;

    overflow:hidden !important;

    z-index:2;
}

/* FIX EMPTY IMAGE AREA */
.ec-ultra-hero-image{
    width:100% !important;

    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;

    object-fit:cover !important;

    border-radius:26px !important;

    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.18),
            rgba(37,99,235,.28)
        ) !important;
}

/* IF IMAGE BROKEN */
.ec-ultra-hero-image[src=""],
.ec-ultra-hero-image:not([src]){
    display:none !important;
}

/* SIDE FLOATING MINI CARDS */
.ec-ultra-floating{
    position:absolute !important;

    width:180px !important;

    padding:20px !important;

    border-radius:24px !important;

    z-index:3;
}

.ec-ultra-floating.f1{
    right:-30px !important;
    top:120px !important;
}

.ec-ultra-floating.f2{
    left:-30px !important;
    bottom:60px !important;
}

/* MOBILE */
@media(max-width:1200px){

    .ec-ultra-floating{
        display:none !important;
    }

    .ec-ultra-main-card{
        max-width:100% !important;
    }

    .ec-ultra-hero-image{
        height:220px !important;
    }
}

/* =========================================================
   VENUE SECTION FIX
========================================================= */

/* REMOVE GIANT DARK BLOCK */
.ec-venue-visual{
    min-height:340px !important;
    height:340px !important;

    border-radius:36px !important;

    overflow:hidden !important;

    position:relative !important;

    background:
        linear-gradient(
            135deg,
            #020617,
            #0f2f6b 60%,
            #2563eb
        ) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* REMOVE HUGE VENUE WORD */
.ec-venue-visual::before{
    content:none !important;
}

/* CREATE CLEAN CENTER ICON */
.ec-venue-visual::after{

    content:"\f3c5";

    font-family:"Font Awesome 6 Free";
    font-weight:900;

    width:120px;
    height:120px;

    border-radius:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:54px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.16),
            rgba(255,255,255,.05)
        );

    box-shadow:
        0 25px 70px rgba(0,0,0,.35);

    backdrop-filter:blur(20px);
}

/* FIX VENUE CONTENT AREA */
.ec-venue-main{
    align-items:center !important;
}

/* FIX VENUE MINI STATS */
.ec-community-stats{
    margin-top:28px !important;

    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:24px !important;
}

.ec-community-stat{
    min-height:150px !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:28px !important;
}

/* MOBILE */
@media(max-width:992px){

    .ec-community-stats{
        grid-template-columns:1fr !important;
    }

    .ec-venue-visual{
        height:240px !important;
        min-height:240px !important;
    }

}

/* =========================================================
   PACK 642 — FINAL HERO FLOAT FIX + SCROLL TOP
========================================================= */

/* FIX FLOATING MINI CARD POSITION */
.ec-ultra-floating{
    z-index:5 !important;

    backdrop-filter:blur(18px);

    box-shadow:
        0 25px 60px rgba(0,0,0,.28);

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

/* RIGHT SMALL CARD */
.ec-ultra-floating.f1{

    right:-70px !important;

    top:80px !important;

    width:170px !important;

    min-height:220px !important;
}

/* LEFT SMALL CARD */
.ec-ultra-floating.f2{

    left:-70px !important;

    bottom:40px !important;

    width:170px !important;

    min-height:220px !important;
}

/* ENSURE MAIN CARD STAYS ABOVE */
.ec-ultra-main-card{
    z-index:10 !important;
}

/* PREVENT HORIZONTAL OVERFLOW */
.ec-ultra-hero{
    overflow:hidden !important;
}

/* MOBILE REMOVE FLOATERS */
@media(max-width:1300px){

    .ec-ultra-floating{
        display:none !important;
    }

}

/* =========================================================
   SCROLL TO TOP BUTTON
========================================================= */

.ec-scroll-top{

    position:fixed;

    right:28px;
    bottom:28px;

    width:58px;
    height:58px;

    border-radius:50%;

    border:none;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #0ea5e9
        );

    color:#fff;

    font-size:22px;

    box-shadow:
        0 18px 45px rgba(37,99,235,.45);

    z-index:99999;

    cursor:pointer;

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:all .28s ease;
}

.ec-scroll-top.show{

    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

.ec-scroll-top:hover{

    transform:
        translateY(-4px)
        scale(1.06);

    box-shadow:
        0 25px 60px rgba(37,99,235,.55);
}

.conf-lang-switch{

    display:flex;
    align-items:center;
    gap:10px;

    margin-inline-start:20px;
}

.conf-lang-switch a{

    width:42px;
    height:42px;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-decoration:none;

    font-weight:800;

    color:#fff;

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

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

    transition:.25s;
}

.conf-lang-switch a.active{

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #38bdf8
        );
}

body,
div,
section,
p,
span,
a,
button,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6{

font-family:'Cairo',sans-serif !important;

}

.pcb-venue-visual{
position:relative;
min-height:420px;
border-radius:32px;
overflow:hidden;
background:
linear-gradient(
135deg,
#0f172a,
#1e3a8a,
#0ea5e9
);
box-shadow:
0 25px 60px rgba(15,23,42,.35);
}

.pcb-venue-overlay{
position:absolute;
inset:0;
background:
radial-gradient(circle at top right,
rgba(255,255,255,.18),
transparent 45%);
}

.pcb-venue-content{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:50px;
color:#fff;
z-index:2;
}

.pcb-venue-content h3{
font-size:2rem;
font-weight:800;
margin-bottom:10px;
}

.pcb-mini-stat{
background:#fff;
border-radius:20px;
padding:18px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
font-weight:700;
text-align:center;
}

.pcb-mini-stat i{
font-size:1.4rem;
display:block;
margin-bottom:10px;
color:#2563eb;
}

.pcb-mini-stat span{
display:block;
font-size:.85rem;
font-weight:600;
margin-top:8px;
color:#64748b;
}

.ec-tier-block{
margin-bottom:70px;
}

.ec-tier-title{
font-size:1.6rem;
font-weight:800;
margin-bottom:28px;
color:#fff;
}

.ec-sponsor-wall{
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));
gap:24px;
}

.ec-sponsor-wall-item{
background:
rgba(255,255,255,.06);

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

border-radius:24px;

padding:30px;

text-align:center;

transition:.35s;

text-decoration:none;

backdrop-filter:blur(14px);
}

.ec-sponsor-wall-item:hover{
transform:translateY(-8px);

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

box-shadow:
0 18px 50px rgba(37,99,235,.28);
}

.ec-sponsor-wall-item img{
height:90px;
width:100%;
object-fit:contain;
filter:grayscale(100%);
transition:.35s;
}

.ec-sponsor-wall-item:hover img{
filter:none;
transform:scale(1.05);
}

.ec-sponsor-wall-name{
margin-top:18px;
font-weight:700;
color:#fff;
}

.ec-sponsor-fallback{
height:90px;
display:flex;
align-items:center;
justify-content:center;
font-size:2rem;
color:#fff;
}

.pcb-hero-wrap,
.pcb-hero-wrap * {
    color: #fff !important;
}

.pcb-hero-title,
.pcb-hero-text,
.pcb-hero-badge,
.pcb-hero-shortname {
    color: #fff !important;
}

.ec-speakers-title,
.ec-speakers-desc,
.ec-program-title,
.ec-program-desc,
.ec-section-shell .section-title,
.ec-section-shell .pcb-section-text {
    color: #fff !important;
}

.ec-program-wrap .text-muted,
.ec-speakers-wrap .text-muted {
    color: rgba(255,255,255,.82) !important;
}

.pcb-hero-title,
.pcb-hero-text,
.pcb-hero-badge,
.pcb-hero-slide h1,
.pcb-hero-slide p {
    color: #fff !important;
    text-shadow:
        0 2px 18px rgba(0,0,0,.55);
}

.ec-live-strip{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-top:24px;
}

.ec-live-pill,
.ec-live-countdown{
padding:12px 22px;
border-radius:999px;
font-weight:700;
backdrop-filter:blur(12px);
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.16);
color:#fff;
box-shadow:0 10px 25px rgba(0,0,0,.18);
}

.ec-live-pill i,
.ec-live-countdown i{
margin-inline-end:8px;
}

.ec-sponsor-tier-wrap{
margin-top:60px;
}

.ec-sponsor-tier-header{
display:flex;
align-items:center;
gap:18px;
margin-bottom:28px;
}

.ec-sponsor-tier-badge{
padding:12px 22px;
border-radius:999px;
background:linear-gradient(
135deg,
#0f172a,
#1e293b
);
color:#fff;
font-weight:800;
font-size:15px;
box-shadow:0 10px 30px rgba(0,0,0,.18);
white-space:nowrap;
}

.ec-sponsor-tier-line{
height:2px;
flex:1;
background:linear-gradient(
90deg,
rgba(255,255,255,.35),
transparent
);
}

.ec-logo-slider{
overflow:hidden;
position:relative;
}

.ec-logo-track{
display:flex;
gap:28px;
align-items:center;
flex-wrap:wrap;
}

.ec-logo-card{
width:220px;
height:130px;
border-radius:26px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
display:flex;
align-items:center;
justify-content:center;
padding:24px;
backdrop-filter:blur(18px);
transition:.35s ease;
overflow:hidden;
}

.ec-logo-card:hover{
transform:translateY(-6px);
background:rgba(255,255,255,.12);
box-shadow:0 25px 50px rgba(0,0,0,.24);
}

.ec-logo-card img{
max-width:100%;
max-height:80px;
object-fit:contain;
filter:grayscale(100%);
opacity:.82;
transition:.35s ease;
}

.ec-logo-card:hover img{
filter:none;
opacity:1;
transform:scale(1.04);
}

.ec-sponsor-placeholder{
font-size:46px;
color:#cbd5e1;
}

.ec-block-grid {

    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(320px, 1fr)
        );

    gap: 1.5rem;

    align-items: stretch;
}

.ec-home-card {

    position: relative;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 100%;

    border-radius: 24px;
}

.ec-timeline {

    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(260px, 1fr)
        );

    gap: 1.25rem;

    position: relative;
}

.ec-timeline-card {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 220px;
}

.timeline-bar {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 50%;

    width: 4px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            to bottom,
            rgba(59,130,246,.3),
            rgba(139,92,246,.3)
        );

    border-radius: 999px;
}

@media (max-width: 1200px) {

    .ec-block-grid {

        grid-template-columns:
            repeat(
                auto-fit,
                minmax(280px, 1fr)
            );
    }
}

@media (max-width: 992px) {

    .ec-timeline {

        grid-template-columns:
            repeat(
                auto-fit,
                minmax(220px, 1fr)
            );
    }

    .hero-title {

        font-size: 2.4rem;
    }

    .hero-subtitle {

        font-size: 1.05rem;
    }
}

@media (max-width: 768px) {

    .ec-block-grid,
    .ec-timeline {

        grid-template-columns: 1fr;
    }

    .ec-home-card,
    .ec-timeline-card {

        padding: 1.25rem;
    }

    .section-title {

        font-size: 1.25rem;
    }

    .hero-title {

        font-size: 1.9rem;
        line-height: 1.4;
    }

    .hero-subtitle {

        font-size: .95rem;
        line-height: 1.8;
    }

    .ec-nav {

        flex-wrap: wrap;
        justify-content: center;
        gap: .75rem;
    }

    .ec-nav a {

        white-space: nowrap;
    }

    .timeline-bar {

        display: none;
    }

.ec-committee-grid {

    grid-template-columns: 1fr;
}

.ec-committee-card {

    padding: 1.25rem;
}

.ec-timeline {

    gap: 1.25rem;
}

.ec-timeline-item {

    width: 100%;
    max-width: 360px;
}

}

@media (max-width: 576px) {

    .hero-title {

        font-size: 1.6rem;
    }

    .hero-subtitle {

        font-size: .9rem;
    }

    .ec-home-card {

        border-radius: 18px;
    }
}

.ec-nav {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: .75rem;
}

.ec-live-chip {

    display: inline-flex;

    align-items: center;

    gap: .5rem;

    padding: .45rem .9rem;

    border-radius: 999px;

    background:
        rgba(16,185,129,.15);

    color: #10b981;

    font-weight: 700;

    font-size: .85rem;
}

.ec-live-chip i {

    font-size: .7rem;
}

.ec-timeline {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 2rem;

    padding: 2rem 1rem;

    margin-top: 2rem;
}

.ec-timeline-item {

    position: relative;

    width: 220px;

    max-width: 100%;

    display: flex;

    justify-content: center;
}

.ec-timeline-card {

    width: 100%;

    min-height: 340px;

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

    backdrop-filter: blur(12px);

    border-radius: 32px;

    padding: 2rem 1.25rem;

    text-align: center;

    box-shadow:
        0 10px 30px rgba(0,0,0,.08);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    transition: all .35s ease;
}

.ec-timeline-card:hover {

    transform: translateY(-8px);

    box-shadow:
        0 18px 40px rgba(37,99,235,.18);
}

.timeline-bar {

    display: none;
}

.ec-timeline {

    justify-content: center;

    gap: 1.25rem;
}


.ec-committee-grid {

    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(260px, 1fr)
        );

    gap: 1.5rem;

    margin-top: 2rem;
}

.ec-committee-card {

    position: relative;

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

    backdrop-filter: blur(12px);

    border-radius: 28px;

    padding: 1.5rem;

    text-align: center;

    box-shadow:
        0 10px 30px rgba(0,0,0,.08);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    overflow: hidden;
}

.ec-committee-card:hover {

    transform: translateY(-8px);

    box-shadow:
        0 20px 40px rgba(37,99,235,.18);
}

.ec-committee-avatar {

    width: 92px;
    height: 92px;

    border-radius: 50%;

    object-fit: cover;

    margin: 0 auto 1rem;

    border:
        4px solid rgba(37,99,235,.12);

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #7c3aed
        );
}

.ec-committee-name {

    font-size: 1.15rem;

    font-weight: 800;

    color: #0f172a;

    margin-bottom: .5rem;
}

.ec-committee-role {

    color: #2563eb;

    font-weight: 700;

    margin-bottom: .75rem;
}

.ec-committee-affiliation {

    color: #64748b;

    font-size: .95rem;

    line-height: 1.7;
}

.ec-committee-badge {

    display: inline-flex;

    align-items: center;

    gap: .5rem;

    padding: .45rem .9rem;

    border-radius: 999px;

    background:
        rgba(37,99,235,.08);

    color: #2563eb;

    font-size: .82rem;

    font-weight: 700;

    margin-top: 1rem;
}


.ec-section-chip {

    display: inline-flex;

    align-items: center;

    padding: .6rem 1rem;

    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            rgba(37,99,235,.12),
            rgba(124,58,237,.12)
        );

    color: #1d4ed8;

    font-weight: 800;

    margin-bottom: 1.5rem;
}


.ec-timeline-item {

    position: relative;

    width: 320px;

    max-width: 100%;

    flex: 0 0 auto;

    display: flex;

    justify-content: center;
}

.ec-timeline-dot {

    width: 18px;

    height: 18px;

    border-radius: 50%;

    background: #2563eb;

    border: 5px solid rgba(37,99,235,.18);

    position: absolute;

    top: -10px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 5;
}

.ec-timeline {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: stretch;

    gap: 2rem;

    position: relative;

    margin-top: 3rem;
}


.ec-timeline-card {

    width: 100%;

    min-height: 320px;

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

    border-radius: 32px;

    padding: 2rem 1.5rem;

    box-shadow:
        0 15px 35px rgba(0,0,0,.08);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    text-align: center;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.ec-timeline-card:hover {

    transform: translateY(-8px);

    box-shadow:
        0 25px 45px rgba(37,99,235,.18);
}

.ec-committee-name-pack1001{
display:block !important;
visibility:visible !important;
opacity:1 !important;
color:#0f172a !important;
font-size:22px !important;
font-weight:800 !important;
margin-top:18px !important;
margin-bottom:10px !important;
line-height:1.4 !important;
position:relative !important;
z-index:5 !important;
}

.ec-committee-role-pack1001{
display:block !important;
color:#2563eb !important;
font-weight:700 !important;
margin-bottom:8px !important;
}

.ec-committee-affiliation-pack1001{
display:block !important;
color:#64748b !important;
font-size:14px !important;
}

.ec-committee-name-pack1001{
display:block !important;
visibility:visible !important;
opacity:1 !important;
color:#0f172a !important;
font-size:22px !important;
font-weight:800 !important;
line-height:1.4 !important;
margin:16px 0 8px !important;
}

.ec-committee-role-pack1001{
display:block !important;
color:#2563eb !important;
font-weight:700 !important;
}

.ec-committee-affiliation-pack1001{
display:block !important;
color:#64748b !important;
}


/* PACK1008 FORCE COMMITTEE NAMES */

.ec-committee-card-pack1001 h3,
.ec-committee-name-pack1001{
    display:block !important;
    color:#111827 !important;
    opacity:1 !important;
    visibility:visible !important;
    font-size:24px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
    text-indent:0 !important;
    transform:none !important;
    position:relative !important;
    z-index:9999 !important;
    margin:16px 0 !important;
    text-shadow:none !important;
}


#committees h5.fw-bold.mb-2{
display:block !important;
visibility:visible !important;
opacity:1 !important;
color:#ff0000 !important;
font-size:28px !important;
position:relative !important;
z-index:99999 !important;
background:#ffff00 !important;
padding:8px !important;
}

.ec-dynamic-section{
border:none;
border-radius:30px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.ec-dynamic-content{
font-size:16px;
line-height:1.9;
}

.ec-dynamic-content img{
max-width:100%;
height:auto;
border-radius:18px;
}

.ec-dynamic-content table{
width:100%;
}

.ec-about-premium{
padding:30px 0 10px;
}

.ec-about-head{
text-align:center;
margin-bottom:40px;
}

.ec-about-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 18px;
background:#2457d6;
color:#fff;
border-radius:999px;
font-weight:700;
margin-bottom:20px;
box-shadow:0 10px 25px rgba(36,87,214,.25);
}

.ec-about-head h2{
font-size:3rem;
font-weight:900;
color:#062c72;
margin-bottom:12px;
}

.ec-about-line{
width:90px;
height:5px;
background:#9b5408;
border-radius:999px;
margin:auto;
}

.ec-about-card{
background:#fff;
border-radius:30px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
height:100%;
}

.ec-about-card-header{
background:#062c72;
color:#fff;
padding:28px 35px;
display:flex;
align-items:center;
gap:15px;
font-size:1.6rem;
font-weight:800;
}

.ec-about-card-body{
padding:35px;
font-size:1.12rem;
line-height:2;
color:#56657a;
}

.ec-about-side{
background:#fff;
border-radius:30px;
padding:35px;
height:100%;
box-shadow:0 15px 40px rgba(0,0,0,.08);
border-top:5px solid #9b5408;
}

.ec-about-side-icon{
width:80px;
height:80px;
margin:auto auto 20px;
border-radius:22px;
background:#9b5408;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:2rem;
}

.ec-about-side h4{
text-align:center;
font-weight:800;
color:#062c72;
margin-bottom:25px;
}

.ec-about-side ul{
list-style:none;
padding:0;
margin:0;
}

.ec-about-side li{
padding:12px 0;
border-bottom:1px solid #eee;
}

.ec-about-side li:last-child{
border-bottom:none;
}

.ec-about-enhanced{
    background:#fff;
    border-radius:28px;
    padding:45px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border-top:6px solid #0b2d73;
    position:relative;
    overflow:hidden;
}

.ec-about-enhanced::before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:180px;
    height:180px;
    background:linear-gradient(
        135deg,
        rgba(11,45,115,.05),
        transparent
    );
    border-radius:0 0 0 180px;
}

.ec-about-header{
    text-align:center;
    margin-bottom:35px;
}

.ec-about-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#0b57d0;
    color:#fff;
    padding:10px 22px;
    border-radius:999px;
    font-weight:700;
    margin-bottom:20px;
    box-shadow:0 8px 25px rgba(11,87,208,.25);
}

.ec-about-title{
    color:#082a6a;
    font-size:2.4rem;
    font-weight:900;
    margin-bottom:15px;
}

.ec-about-divider{
    width:90px;
    height:5px;
    margin:auto;
    border-radius:999px;
    background:#a85b07;
}

.ec-about-content{
    color:#49566f;
    font-size:1.18rem;
    line-height:2.15;
    text-align:justify;
}

html[dir="rtl"] .ec-about-content{
    text-align:right;
}

@media(max-width:768px){

    .ec-about-enhanced{
        padding:25px;
    }

    .ec-about-title{
        font-size:1.7rem;
    }

    .ec-about-content{
        font-size:1.05rem;
    }
}