/* --- BRANDING & DESIGN SYSTEM --- */
        :root {
            --primary-orange: #d8734e;
            --dark-text: #0F172A;
            --light-bg: #F8FAFC;
            --border-gray: #E2E8F0;
            --white: #FFFFFF;
        }
        html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: var(--dark-text);
            background-color: var(--light-bg);
            overflow-x: hidden;
        }

        /* --- UTILITIES & LAYOUT --- */
        .bg-light-custom { background-color: var(--light-bg); }
        .text-orange { color: var(--primary-orange); }
        .btn-orange {
            background-color: var(--primary-orange);
            color: var(--white);
            border: none;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        .btn-orange:hover {
            background-color: #e03d00;
            color: var(--white);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255, 69, 0, 0.3);
        }
        .btn-outline-orange {
            border: 2px solid var(--primary-orange);
            color: var(--primary-orange);
            font-weight: 600;
            transition: all 0.3s ease;
        }
        .btn-outline-orange:hover {
            background-color: var(--primary-orange);
            color: var(--white);
            transform: translateY(-2px);
        }

        /* Glassmorphism utility */
        .glass-card {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(10px);
            border: 1px solid var(--border-gray);
            border-radius: 12px;
            box-shadow: 0 8px 32px 0 rgba(15, 23, 42, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .glass-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 40px 0 rgba(15, 23, 42, 0.1);
        }

/* ===== HERO SECTION ===== */
.hero-section {
    position: relative;
    height: 100vh;
    min-height: 650px;
    overflow: hidden;
}

.hero-slider,
.carousel-inner,
.carousel-item {
    height: 100%;
}

.carousel-item {
    position: relative;
}

.carousel-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Dark overlay */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

/* Hero text content */
.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2;
    color: white;
}


        /* Particles Simulation Overlay via CSS */
        .hero-particles {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: radial-gradient(circle, transparent 20%, var(--dark-text) 80%),
                        linear-gradient(to bottom, rgba(255, 69, 0, 0.15), transparent);
            pointer-events: none;
        }

        /* --- TIMELINE --- */
        .timeline-container {
            position: relative;
            padding-left: 30px;
        }
        .timeline-container::before {
            content: '';
            position: absolute;
            left: 0; top: 0; bottom: 0;
            width: 3px;
            background: var(--border-gray);
        }
        .timeline-item {
            position: relative;
            margin-bottom: 2.5rem;
        }
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -36px; top: 5px;
            width: 15px; height: 15px;
            border-radius: 50%;
            background: var(--primary-orange);
            border: 3px solid var(--white);
        }

        /* --- MISSION OBJECTIVES --- */
        .objective-card .badge-num {
            position: absolute;
            top: -15px; right: 20px;
            background: var(--primary-orange);
            color: var(--white);
            font-size: 0.9rem;
            padding: 5px 12px;
            border-radius: 20px;
        }

        /* --- PROFILE IMAGES --- */
        .oval-profile {
            width: 100px;
            height: 130px;
            border-radius: 50% / 40%;
            object-fit: cover;
            border: 3px solid var(--white);
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }

        /* --- TOAST ADJUSTMENT --- */
        .toast-container {
            z-index: 1060;
        }
  .navbar-title {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}
.dropdown-menu {
    max-width: 280px;
}

.dropdown-item {
    white-space: normal;
    word-break: break-word;
}


.accordion-button:not(.collapsed){
    background:#d8734e;
    color:white;
}

.accordion-item{
    border:none;
    margin-bottom:10px;
}

.hero-section {
    position: relative;
    height: 100vh;
    min-height: 650px;
    overflow: hidden;
}