:root {
            --primary-blue: #1a365d;
            --accent-gold: #c5a059;
            --light-bg: #f8fafc;
            --white: #ffffff;
            --text-dark: #1e293b;
            --soft-gray: #e2e8f0;
        }

        body {
            background-color: var(--light-bg);
            color: var(--text-dark);
            font-family: 'Plus Jakarta Sans', sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        h1, h2, h3, h4, h5, h6, .premium-font { font-family: 'Playfair Display', serif; }

        .reveal { opacity: 1; transform: translateY(0px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }


        @keyframes floatAnim {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }

        /* --- Navigation --- */
        .navbar {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
            padding: 15px 0;
            transition: all 0.4s ease;
            z-index: 500;
        }
        .navbar.scrolled { padding: 10px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
        .navbar-brand { font-weight: 800; color: var(--primary-blue) !important; font-size: 1.5rem; }
        .nav-link { color: var(--text-dark) !important; font-weight: 600; font-size: 0.95rem; margin: 0 12px; position: relative; transition: 0.3s; }
        .nav-link::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background-color: var(--accent-gold); transition: width 0.3s ease; }
        .nav-link:hover::after { width: 100%; }
        .btn-register-nav { background: var(--primary-blue); color: white !important; border-radius: 50px; padding: 10px 25px; font-weight: 700; border: none; transition: 0.3s; }

        /* --- Hero --- */
        .hero { padding: 200px 0 120px; background: radial-gradient(circle at 80% 20%, rgba(197, 160, 89, 0.15), transparent); position: relative; }
        .hero-title { font-size: clamp(2.5rem, 5vw, 4rem); color: var(--primary-blue); line-height: 1.2; font-weight: 800; }
        .hero-image-wrapper { animation: floatAnim 5s ease-in-out infinite; z-index: 5; }
        .hero-image-wrapper img { border-radius: 30px; box-shadow: 0 30px 60px rgba(0,0,0,0.1); border: 8px solid white; }

        /* --- Agenda Section Updated --- */
        .agenda-container { background: var(--primary-blue); color: white; padding: 40px; border-radius: 30px; }
        .nav-pills-agenda .nav-link { color: rgba(255,255,255,0.6); border-radius: 50px; margin-right: 10px; font-weight: 600; border: 1px solid rgba(255,255,255,0.1); transition: 0.3s; }
        .nav-pills-agenda .nav-link.active { background: var(--accent-gold) !important; color: white; border-color: var(--accent-gold); }

        .agenda-line {
            display: flex;
            align-items: center;
            padding: 15px 0;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            transition: 0.3s;
        }
        .agenda-line:hover { background: rgba(255,255,255,0.05); transform: translateX(5px); }
        .agenda-time { font-weight: 800; color: var(--accent-gold); min-width: 110px; font-size: 0.85rem; }
        .agenda-speaker-img { width: 55px; height: 55px; border-radius: 50%; border: 2px solid var(--accent-gold); object-fit: cover; margin-right: 15px; }
        .agenda-content h6 { margin-bottom: 2px; color: white; font-weight: 700; }
        .agenda-content small { color: var(--accent-gold); font-weight: 600; display: block; margin-bottom: 2px; }
        .agenda-content .topic-title { font-size: 0.95rem; opacity: 0.9; }

        /* --- Topics & Participants --- */
        .info-split-section { padding: 100px 0; background: white; }
        .topic-item { padding: 25px; background: var(--light-bg); border-radius: 15px; margin-bottom: 20px; border-left: 5px solid var(--accent-gold); transition: 0.3s; }
        .participant-box { background: white; border: 1px solid var(--soft-gray); border-radius: 15px; padding: 20px; text-align: center; height: 100%; transition: 0.3s; }
        .participant-box:hover { border-color: var(--accent-gold); transform: translateY(-5px); }

        /* --- Sponsors --- */
        .tier-label { display: inline-block; padding: 5px 15px; border-radius: 50px; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1px; }
        .gold-label { background: #fff8e1; color: #ffc107; }
        .silver-label { background: #f5f5f5; color: #9e9e9e; }
        .bronze-label { background: #efebe9; color: #795548; }
        .sponsor-box { background: white; border: 2px dashed #cbd5e1; border-radius: 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px; transition: 0.3s; }
        .ad-dimen { font-family: monospace; font-weight: bold; color: #94a3b8; font-size: 1rem; }
        .ad-position-text { font-size: 0.8rem; color: var(--accent-gold); margin-top: 8px; font-weight: 600; direction: rtl; }

        .gold .sponsor-box { height: 160px; }
        .silver .sponsor-box { height: 130px; }
        .bronze .sponsor-box { height: 100px; }



        .speeker-breaf {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.speeker-breaf.is-open {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.breaf {
    background: white;
    padding: 20px;
    border-radius: 8px;
    max-width: 500px;
}