/* @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700"); */

@import url("https://use.typekit.net/art4udo.css");

    
/* Proxima Nova Regular
        font-family: "proxima-nova", sans-serif;
        font-weight: 400;
        font-style: normal;
    
        Proxima Nova Regular It
        font-family: "proxima-nova", sans-serif;
        font-weight: 400;
        font-style: italic;
    
        Proxima Nova Bold
        font-family: "proxima-nova", sans-serif;
        font-weight: 700;
        font-style: normal;
    
        Proxima Nova Bold It
        font-family: "proxima-nova", sans-serif;
        font-weight: 700;
        font-style: italic; */


:root{

    /* :root{
  --primary: #8E0E4A;
  --secondary: #FF6B6B;
  --accent: #F39C12;
  --success: #0F6B4F;
  --info: #0D7F8C;
  --blue: #0B4FA2;
  --purple: #6A1B9A;
  --dark: #2C3E50;
  --white: #ffffff;
  --light: #f5f5f5;
} */

    /* =========================
       PRIMARY BRAND COLORS
    ========================== */

    --primary:#8E0E4A;          /* Deep Scientific Blue */
    --primary-dark:#6A1B9A;
    --primary-light:hsl(224, 76%, 48%);

    --secondary:#FF6B6B;        /* Mito Orange */
    --secondary-dark:#D9471C;
    --secondary-light:#FF7A4D;

    --accent-green:#F39C12;     /* Clinical Green */
    --accent-green-dark:#06663A;
    --accent-green-light:#17B26A;

    --accent-red:#E53935;       /* Research Red */
    --accent-red-dark:#C62828;
    --accent-red-light:#FF5C5C;

    /* =========================
       BACKGROUND COLORS
    ========================== */

    --bg-body:#F7F9FC;
    --bg-light:#FFFFFF;
    --bg-soft:#EEF2F7;
    --bg-dark:#08142E;

    /* =========================
       TEXT COLORS
    ========================== */

    --text-dark:#1E1E1E;
    --text-medium:#4B5563;
    --text-light:#6B7280;
    --text-white:#FFFFFF;

    /* =========================
       BORDER & SHADOW
    ========================== */

    --border-color:#DCE3EC;

    --shadow-sm:0 2px 8px rgba(11,44,122,0.08);
    --shadow-md:0 8px 24px rgba(11,44,122,0.12);
    --shadow-lg:0 15px 40px rgba(11,44,122,0.16);

    /* =========================
       GRADIENTS
    ========================== */

    --gradient-primary:linear-gradient(
        135deg,
        #8E0E4A 0%,
        #F39C12 100%
    );

    --gradient-secondary:linear-gradient(
        135deg,
        #F05A28 0%,
        #E53935 100%
    );

    --gradient-premium:linear-gradient(
        135deg,
        #0B2C7A 0%,
        #1D4ED8 50%,
        #0B8A4A 100%
    );

    --gradient-light:linear-gradient(
        135deg,
        #FFFFFF 0%,
        #EEF2F7 100%
    );

    /* =========================
       BORDER RADIUS
    ========================== */

    --radius-xs:6px;
    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;
    --radius-xl:32px;
    --radius-round:999px;

    /* =========================
       TRANSITIONS
    ========================== */

    --transition-fast:0.2s ease;
    --transition-normal:0.3s ease;
    --transition-slow:0.5s ease;

    /* =========================
       CONTAINER WIDTH
    ========================== */

    --container-width:1280px;

    /* =========================
       FONT FAMILY
    ========================== */

    --heading-font:'Poppins', sans-serif;
    --body-font:'Inter', sans-serif;

}

/* =========================================
   SMRM 2026 PREMIUM GRADIENT COLLECTION
========================================= */

:root{

    /* =========================
       PRIMARY SCIENTIFIC
    ========================== */

    --gradient-primary:
    linear-gradient(
        135deg,
        #0B2C7A 0%,
        #1D4ED8 100%
    );

    --gradient-primary-soft:
    linear-gradient(
        135deg,
        #071C4F 0%,
        #0B2C7A 50%,
        #1D4ED8 100%
    );

    /* =========================
       MITOCHONDRIAL THEME
    ========================== */

    --gradient-mito:
    linear-gradient(
        135deg,
        #F05A28 0%,
        #E53935 100%
    );

    --gradient-mito-glow:
    linear-gradient(
        135deg,
        #FF7A4D 0%,
        #F05A28 50%,
        #C62828 100%
    );

    /* =========================
       BIOMEDICAL GREEN
    ========================== */

    --gradient-medical:
    linear-gradient(
        135deg,
        #06663A 0%,
        #0B8A4A 50%,
        #17B26A 100%
    );

    /* =========================
       SIGNATURE SMRM
    ========================== */

    --gradient-signature:
    linear-gradient(
        135deg,
        #0B2C7A 0%,
        #0B8A4A 50%,
        #F05A28 100%
    );

    --gradient-signature-soft:
    linear-gradient(
        135deg,
        #1D4ED8 0%,
        #17B26A 50%,
        #FF7A4D 100%
    );

    /* =========================
       PREMIUM CONFERENCE
    ========================== */

    --gradient-premium:
    linear-gradient(
        135deg,
        #071C4F 0%,
        #0B2C7A 40%,
        #0B8A4A 100%
    );

    --gradient-premium-dark:
    linear-gradient(
        135deg,
        #050D24 0%,
        #071C4F 50%,
        #0B2C7A 100%
    );

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

    --gradient-hero:
    linear-gradient(
        120deg,
        #071C4F 0%,
        #0B2C7A 35%,
        #0B8A4A 70%,
        #17B26A 100%
    );

    --gradient-hero-overlay:
    linear-gradient(
        135deg,
        rgba(7,28,79,0.95) 0%,
        rgba(11,44,122,0.92) 45%,
        rgba(11,138,74,0.88) 100%
    );

    /* =========================
       BUTTON GRADIENTS
    ========================== */

    --gradient-button-primary:
    linear-gradient(
        135deg,
        #0B2C7A 0%,
        #1D4ED8 100%
    );

    --gradient-button-secondary:
    linear-gradient(
        135deg,
        #F05A28 0%,
        #E53935 100%
    );

    --gradient-button-green:
    linear-gradient(
        135deg,
        #0B8A4A 0%,
        #17B26A 100%
    );

    /* =========================
       GLASS / CARD EFFECTS
    ========================== */

    --gradient-card:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.95) 0%,
        rgba(238,242,247,0.92) 100%
    );

    --gradient-glass:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.18) 0%,
        rgba(255,255,255,0.05) 100%
    );

    /* =========================
       BORDER GRADIENTS
    ========================== */

    --gradient-border:
    linear-gradient(
        135deg,
        #f6c90d,
        #017302,
        #1c3d85
    );

    /* =========================
       FOOTER GRADIENT
    ========================== */

    --gradient-footer:
    linear-gradient(
        135deg,
        #f6c90d 0%,
        #09720a 50%,
        #1c3d85 100%
    );

}

:root{

    --primary:#0B2C7A;
    --secondary:#F05A28;
    --green:#0B8A4A;
    --light:#F7F9FC;
    --white:#FFFFFF;
    --text:#1E1E1E;
    --border:#E4EAF3;

    --gradient-card:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #f7f9fc 100%
    );

    --gradient-border:
    linear-gradient(
        135deg,
        #1c3d85,
        #09720a,
        #f6c90d
    );

}

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

.smrm-committee-section{

}

.smrm-committee-container{
    /* max-width:1300px; */
    margin:auto;
}

/* =========================
   GRID
========================= */

.smrm-committee-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

/* =========================
   CARD
========================= */

.smrm-committee-card{
    position:relative;
    background:var(--gradient-card);
    border-radius:5px;
    padding:20px 12px 12px 12px;
    text-align:center;
    overflow:hidden;
    /* border:1px solid var(--border); */
    transition:0.4s ease;
    box-shadow:
    0 10px 30px rgba(11,44,122,0.08);
}

.smrm-committee-card::before{
    content:'';
    position:absolute;
    inset:0;
    padding:1px;
    border-radius:12px;
    background:var(--gradient-border);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
}

.smrm-committee-card:hover{
    transform:translateY(-10px);
    box-shadow:
    0 20px 50px rgba(11,44,122,0.16);
}

/* =========================
   IMAGE
========================= */

.smrm-committee-image{
    width:110px;
    height:110px;
    margin:0 auto 10px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    padding:4px;
    background:var(--gradient-border);
}

.smrm-committee-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    background:#ddd;
}

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

.smrm-committee-card h3{
    margin:0 0 5px;
    font-family:'Outfit',sans-serif;
    font-size:16px;
    font-weight:600;
    color:var(--primary);
    line-height:1.2;
}

.smrm-committee-card p{
    margin:0;
    font-size:14px;
    line-height:1.5;
    color:#555;
    font-style:italic;
    font-weight:400;
}

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

@media(max-width:1100px){

    .smrm-committee-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .smrm-committee-section{
        padding:60px 15px;
    }

    .smrm-committee-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .smrm-committee-card{
        padding:30px 20px;
    }

    .smrm-committee-card h3{
        font-size:24px;
    }

    .smrm-committee-card p{
        font-size:16px;
    }

}