:root{

    --primary:#0E6B50;      /* Emerald Green */
    --primary-dark:#0A4F3B; /* Dark Green */
    --primary-light:#EAF5EF;

    --secondary:#D9A71C;    /* Golden Yellow */
    --secondary-dark:#C08E09;
    --secondary-light:#FFEAB3; /* Kuning pastel yang lembut */

    --dark:#144433;
    --light:#FFFDF5;

    --text:#3E4A43;
    --border:#E6E1CF;

}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    color:var(--text);
    background:#FFFDF8;
    line-height:1.7;
}

a{
    text-decoration:none;
}

.section{

    padding:80px 0;

}

.section-title{

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

    color:var(--primary-dark);

    margin-bottom:20px;

}

.section-subtitle{

    max-width:800px;

    color:#64748B;

    margin-bottom:50px;

}

.bg-primary {
    --bs-bg-opacity: 1;
    background: linear-gradient(135deg, #084E37, #0B6B4A);
}

.btn-primary{

    background:var(--primary);
    border-color:var(--primary);

}

.btn-primary:hover{

    background:var(--primary-dark);
    border-color:var(--primary-dark);

}

.btn-warning{

    background:var(--secondary);
    border-color:var(--secondary);
    color:#fff;

}

.btn-warning:hover{

    background:var(--secondary-dark);
    border-color:var(--secondary-dark);
    color:#fff;

}

.navbar{
    padding:16px 0;
    background:#ffffff;
    box-shadow:0 3px 15px rgba(0,0,0,.05);
}

.navbar-brand{
    font-weight:800;
    font-size:1.4rem;
    color:var(--primary)!important;
}

.navbar-brand img {
    height: 54px;
    width: auto;
    object-fit: contain;
}

.nav-link{
    color:var(--dark);
    font-weight:600;
    margin-left:10px;
}

.nav-link:hover{
    color:var(--primary);
}

.hero{

    background:
        linear-gradient(
            135deg,
            #084E37 0%,
            #0B6B4A 55%,
            #0F7C57 100%
        );

    color:#fff;

    padding:120px 0;

    position:relative;

    overflow:hidden;

}

.hero::before{

    content:'';

    position:absolute;

    width:520px;
    height:520px;

    border-radius:50%;

    background:rgba(216,163,24,.08);

    right:-180px;
    top:-180px;

}

.hero::after{

    content:'';

    position:absolute;

    width:340px;
    height:340px;

    border-radius:50%;

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

    left:-120px;
    bottom:-120px;

}

.hero h1{

    font-size:3.5rem;

    font-weight:800;

    line-height:1.15;

}

.hero .lead{

    font-size:1.2rem;

    opacity:.95;

}

.hero-flyer{

    max-width:100%;

    border-radius:24px;

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

    transition:.3s;

}

.hero-flyer:hover{

    transform:translateY(-8px);

}

.quick-card{

    border:none;

    border-radius:20px;

    transition:.3s;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.speaker-card{

    border:none;

    border-radius:20px;

    overflow:hidden;

    transition:.3s;

    box-shadow:0 10px 25px rgba(0,0,0,.06);

}

.speaker-card:hover{

    transform:translateY(-6px);

}

.speaker-card img{

    height:320px;

    object-fit:cover;

}

.speaker-card .card-body{

    padding:24px;

}

.speaker-card h5{

    font-weight:700;

}

.speaker-country {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .9rem;
    color: #4b5563;
    font-weight: 500;
}

.speaker-country img {
    width: 22px;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.cta-section{

    background:
        linear-gradient(
            135deg,
            #084E37,
            #0B6B4A
        );

    color:#fff;

}

.page-header{

    background:
        linear-gradient(
            135deg,
            #084E37,
            #0B6B4A
        );

    color:#fff;

    padding:80px 0;

}

.page-header h1{

    font-size:3rem;

    font-weight:800;

}

.info-card{

    background:#fff;

    border:none;

    border-radius:20px;

    padding:30px;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    height:100%;

}

.info-card h4{

    font-weight:700;

    color:var(--primary);

    margin-bottom:20px;

}

.timeline{

    border-left:4px solid var(--primary);

    padding-left:30px;

}

.timeline-item{

    position:relative;

    margin-bottom:30px;

}

.timeline-item::before{

    content:'';

    position:absolute;

    left:-39px;
    top:5px;

    width:18px;
    height:18px;

    border-radius:50%;

    background:var(--secondary);

    border:3px solid var(--primary);

}

.footer{

    background:var(--dark);

    color:#fff;

}

.footer a{

    color:#fff;

}

@media(max-width:768px){

    .hero{

        padding:80px 0;

        text-align:center;

    }

    .hero h1{

        font-size:2.2rem;

    }

    .page-header h1{

        font-size:2rem;

    }

}

.track-card{

    background:#fff;

    border-radius:24px;

    padding:35px;

    height:100%;

    border:none;

    transition:.3s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.track-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.track-icon{

    width:70px;
    height:70px;

    border-radius:20px;

    display:flex;

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

    background:#eef3ff;

    margin-bottom:25px;

}

.track-icon i{

    font-size:30px;

    color:var(--primary);

}

.track-card h4{

    font-weight:700;

    margin-bottom:20px;

}

.track-card ul{

    padding-left:20px;

}

.track-card li{

    margin-bottom:10px;

}

.schedule-card{

    background:#fff;

    border-radius:20px;

    padding:25px;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    margin-bottom:20px;

}

.schedule-time{

    font-weight:700;

    color:var(--primary);

    margin-bottom:8px;

}

.nav-pills .nav-link{

    border-radius:999px;

    padding:12px 24px;

    font-weight:600;

}

.nav-pills .nav-link.active{

    background:var(--primary);

}

.innovation-hero{

    background:
        linear-gradient(
            135deg,
            #083B2C 0%,
            #0B6B4A 100%
        );

    color:#fff;

    padding:120px 0;

    position:relative;

    overflow:hidden;

}

.innovation-hero::before{

    content:'';

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

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

    right:-200px;
    top:-200px;

}

.innovation-card{

    background:#fff;

    border:none;

    border-radius:24px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    height:100%;

}

.innovation-card h4{

    color:var(--primary);

    font-weight:700;

    margin-bottom:20px;

}

.committee-card{

    background:#fff;

    border:none;

    border-radius:20px;

    padding:30px;

    height:100%;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    transition:.3s;

}

.committee-card:hover{

    transform:translateY(-5px);

}

.committee-card h4{

    color:var(--primary);

    font-weight:700;

    margin-bottom:20px;

    font-size:1.1rem;

}

.committee-card ul{

    padding-left:18px;

    margin-bottom:0;

}

.committee-card li{

    margin-bottom:10px;

    line-height:1.6;

}

.reviewer-list{

    columns:2;

    column-gap:40px;

}

.reviewer-list li{

    margin-bottom:12px;

    break-inside:avoid;

}

@media(max-width:768px){

    .reviewer-list{

        columns:1;

    }

}

.floating-whatsapp{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:999;
}

.floating-whatsapp a{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#0B6B4A;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration: none;
    color:#fff;
    font-size:30px;
    box-shadow:0 10px 25px rgba(0,0,0,.2);
}

.floating-whatsapp a:hover{
    background:#084E37;
}