/* MASTER DUAL THEME: DARK HERO + LIGHT CARDS */
    .hero-section { 
        background-color: #020617;
        background-image: 
            radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
            radial-gradient(circle at 85% 100%, rgba(255, 255, 255, 0.03) 0%, transparent 50%),
            linear-gradient(to bottom, rgba(30, 41, 59, 0.8), rgba(30, 41, 59, 1)),
            url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&q=80&w=2564'); 
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        min-height: 85vh; 
        padding: 120px 20px 80px; 
        position: relative; 
        overflow: visible; 
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    .hero-section::before { 
        content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAuMDIiLz4KPC9zdmc+') repeat;
        z-index: 0; pointer-events: none; 
    }
    

    .avatar-group { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; position: relative; z-index: 1; }
    .avatar { width: 42px; height: 42px; border-radius: 50%; border: 2px solid #09090b; margin-left: -12px; background-color: #18181b; display: flex; justify-content: center; align-items: center; font-size: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.5); overflow: hidden; transition: 0.3s; }
    .avatar:hover { transform: translateY(-5px); z-index: 10; border-color: #3b82f6; box-shadow: 0 10px 25px rgba(59,130,246,0.4); }
    .avatar:first-child { margin-left: 0; }
    .avatar img { width: 100%; height: 100%; object-fit: cover; }
    
    .dynamic-tags { display: flex; justify-content: center; gap: 12px; margin-top: 30px; position: relative; z-index: 1; min-height: 35px; white-space: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 5px; }
    .dynamic-tags::-webkit-scrollbar { display: none; }
    .chip { 
        background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); 
        padding: 8px 18px; border-radius: 30px; font-size: 13px; font-weight: 600; 
        color: #e2e8f0; cursor: pointer; transition: all 0.4s; text-decoration: none; 
        backdrop-filter: blur(10px);
        opacity: 0; transform: translateY(10px); animation: fadeUp 0.5s forwards; 
    }
    .chip:hover { 
        background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.3); 
        color: #ffffff; transform: translateY(-3px) scale(1.05); 
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); 
    }
    @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }
    
    .on-demand-btn { 
        display: inline-flex; align-items: center; gap: 8px; margin-top: 25px; 
        background: rgba(15, 23, 42, 0.5); border: 1px dashed rgba(255, 255, 255, 0.2); 
        padding: 10px 24px; border-radius: 30px; font-size: 14px; font-weight: 700; 
        color: #94a3b8; cursor: pointer; transition: 0.3s; position: relative; z-index: 1; 
    }
    .on-demand-btn:hover { background: #0f172a; border-color: #3b82f6; color: #ffffff; box-shadow: 0 10px 25px rgba(59, 130, 246, 0.2); }
    .on-demand-btn span { color: #60a5fa; font-weight: 800; }

    /* MASTER SEARCH CONTAINER (Dark Theme) */
    .search-wrapper-component { position: relative; max-width: 800px; margin: 0 auto; width: 100%; }
    
    .smart-search-box { 
        display: flex; align-items: center; 
        background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); 
        backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
        padding: 8px; border-radius: 16px; margin: 0 auto; max-width: 800px; width: 100%; box-sizing: border-box;
        box-shadow: 0 20px 40px rgba(0,0,0,0.4); position: relative; transition: 0.3s;
    }
    .smart-search-box:focus-within { border-color: #3b82f6; box-shadow: 0 20px 50px rgba(37,99,235,0.2); background: rgba(255, 255, 255, 0.1); }
    .smart-search-box span { font-size: 22px; margin: 0 15px; color: #94a3b8; }
    .smart-search-box input { flex: 1; border: none; padding: 16px 10px; font-size: 16px; outline: none; background: transparent; font-weight: 500; color: #ffffff; width: 100%; }
    .smart-search-box input::placeholder { color: #64748b; font-weight: 500; }
    .smart-search-box button { background: linear-gradient(135deg, #2563eb, #7c3aed); color: white; border: none; padding: 14px 35px; border-radius: 12px; font-weight: 800; font-size: 15px; cursor: pointer; transition: 0.3s; }
    .smart-search-box button:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(37,99,235,0.6); }

    /* FLOATING RESULTS PANEL */
    .autocomplete-dropdown-panel { 
        display: none; position: absolute; top: 110%; left: 0; width: 100%; 
        background: #ffffff; border: 1px solid #e2e8f0; border-radius: 20px; 
        box-shadow: 0 30px 60px rgba(15,23,42,0.1); text-align: left; z-index: 99999; 
        overflow: hidden; box-sizing: border-box; 
    }
    .autocomplete-header { padding: 15px 25px; border-bottom: 1px solid #f1f5f9; color: #94a3b8; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; background: #f8fafc; }
    .autocomplete-results-list { list-style: none; padding: 0; margin: 0; max-height: 400px; overflow-y: auto; }
    .autocomplete-results-list::-webkit-scrollbar { width: 6px; }
    .autocomplete-results-list::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

    /* ANIMATED TEXT CSS */
    .animated-text { position: relative; display: inline-block; color: #3b82f6; text-shadow: 0 0 30px rgba(59,130,246,0.2); }
    .animated-text::after { content: ''; animation: textRotate 8s linear infinite; }
    @keyframes textRotate {
        0%, 20% { content: 'University Notes.'; color: #3b82f6; text-shadow: 0 0 30px rgba(59,130,246,0.2); }
        25%, 45% { content: 'Tech Placements.'; color: #8b5cf6; text-shadow: 0 0 30px rgba(139,92,246,0.2); }
        50%, 70% { content: 'Dream Colleges.'; color: #10b981; text-shadow: 0 0 30px rgba(16,185,129,0.2); }
        75%, 95% { content: 'Career Growth.'; color: #f59e0b; text-shadow: 0 0 30px rgba(245,158,11,0.2); }
        100% { content: 'University Notes.'; color: #3b82f6; text-shadow: 0 0 30px rgba(59,130,246,0.2); }
    }

    /* LIGHT PREMIUM GLASS CARDS */
    /* LIGHT PREMIUM GLASS CARDS */
    .module-card {
        background: #ffffff;
        border-radius: 24px;
        padding: 40px 30px;
        text-align: center;
        text-decoration: none;
        color: inherit;
        position: relative;
        overflow: hidden;
        border: 1px solid #e2e8f0;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        min-height: 200px;
        z-index: 1;
    }
    
    .module-card:hover { 
        transform: translateY(-8px);
        box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.08);
        border-color: #cbd5e1;
    }

    .module-card .card-icon-wrapper {
        width: 72px;
        height: 72px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 32px;
        margin-bottom: 24px;
        background: #f8fafc;
        border: 1px solid #f1f5f9;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
        position: relative;
        z-index: 2;
    }
    
    .module-card:hover .card-icon-wrapper {
        transform: scale(1.1) rotate(-5deg);
        box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    }

    .module-card .card-glow {
        position: absolute;
        top: 0; left: 0; right: 0; height: 100%;
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: 0;
        pointer-events: none;
    }
    
    .module-card:hover .card-glow {
        opacity: 0.03;
    }

    .module-card p { 
        font-size: 15px; 
        color: #64748b; 
        line-height: 1.6; 
        margin: 0 0 24px; 
        position: relative;
        z-index: 2;
    }

    .module-card h3 {
        font-size: 20px;
        font-weight: 800;
        font-family: 'Outfit', sans-serif;
        color: #0f172a;
        margin: 0 0 12px;
        position: relative;
        z-index: 2;
        letter-spacing: -0.5px;
    }

    .module-card .card-action {
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        display: inline-flex;
        align-items: center;
        margin-top: auto;
        position: relative;
        z-index: 2;
        transition: all 0.3s ease;
    }
    
    .module-card:hover .card-action {
        transform: translateX(5px);
    }

    .module-card.card-blue .card-action { color: #3b82f6; }
    .module-card.card-blue .card-icon-wrapper { background: rgba(59,130,246,0.1); border-color: rgba(59,130,246,0.2); }
    .module-card.card-green .card-action { color: #10b981; }
    .module-card.card-green .card-icon-wrapper { background: rgba(16,185,129,0.1); border-color: rgba(16,185,129,0.2); }
    .module-card.card-purple .card-action { color: #8b5cf6; }
    .module-card.card-purple .card-icon-wrapper { background: rgba(139,92,246,0.1); border-color: rgba(139,92,246,0.2); }
    .module-card.card-orange .card-action { color: #f59e0b; }
    .module-card.card-orange .card-icon-wrapper { background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.2); }

    /* DARK PREMIUM GLASS STAT CARDS */

    .stat-card {
        background: linear-gradient(135deg, rgba(30, 41, 59, 0.7) 0%, rgba(15, 23, 42, 0.9) 100%);
        border: 1px solid rgba(255, 255, 255, 0.1); 
        border-radius: 24px; padding: 25px 30px; 
        backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);
        display: flex; align-items: center; gap: 20px; 
        box-shadow: 0 20px 40px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05); 
        flex: 1; min-width: 240px; position: relative; overflow: hidden;
        cursor: default; transition: all 0.4s ease;
    }
    .stat-card:hover {
        transform: translateY(-5px);
        border-color: rgba(255,255,255,0.25);
        box-shadow: 0 25px 50px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.1);
    }

    /* GLOBAL PRESENCE - VIBRANT MESH & MARQUEE */
    @keyframes meshGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
    .global-presence-section {
        background: linear-gradient(-45deg, #4f46e5, #0284c7, #7c3aed, #db2777);
        background-size: 300% 300%;
        animation: meshGradient 12s ease infinite;
        padding: 60px 0;
        text-align: center;
        position: relative;
        overflow: hidden;
        border-top: 1px solid rgba(255,255,255,0.2);
    }
    .marquee-container {
        width: 100%; overflow: hidden; position: relative; padding: 20px 0;
        -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    }
    .marquee-content { display: flex; width: max-content; animation: marquee 35s linear infinite; }
    .marquee-content:hover { animation-play-state: paused; }
    .marquee-reverse { animation: marquee-rev 35s linear infinite; }
    .marquee-reverse:hover { animation-play-state: paused; }
    
    @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
    @keyframes marquee-rev { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }

    .country-card-premium {
        display: inline-flex; align-items: center; gap: 18px;
        background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3);
        padding: 16px 32px; border-radius: 100px; margin: 0 12px;
        backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: default;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1), inset 0 0 0 1px rgba(255,255,255,0.2);
    }
    .country-card-premium:hover {
        background: rgba(255, 255, 255, 0.25); border-color: rgba(255, 255, 255, 0.6);
        transform: translateY(-5px) scale(1.02); box-shadow: 0 15px 40px rgba(0,0,0,0.2), inset 0 0 0 1px rgba(255,255,255,0.4);
    }
    .country-card-premium .flag-icon { font-size: 32px; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4)); transition: 0.3s; }
    .country-card-premium:hover .flag-icon { transform: scale(1.1) rotate(-5deg); }
    .country-card-premium .country-info { display: flex; flex-direction: column; align-items: flex-start; }
    .country-card-premium .c-name { color: #ffffff; font-size: 17px; font-weight: 800; font-family: 'Outfit', sans-serif; letter-spacing: 0.5px; line-height: 1.2; text-shadow: 0 2px 4px rgba(0,0,0,0.1); }
    .country-card-premium .c-status { color: #34d399; font-size: 12px; font-weight: 800; text-transform: uppercase; display: flex; align-items: center; gap: 6px; margin-top: 2px; }
    .country-card-premium .c-status .pulse-dot { width: 8px; height: 8px; background: #34d399; border-radius: 50%; box-shadow: 0 0 12px #34d399; animation: pulseDot 2s infinite; }
    
    @keyframes pulseDot {
        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.8); }
        70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(52, 211, 153, 0); }
        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }
    }

    /* MOBILE FIX */
    @media (max-width: 768px) {
        .country-card-premium { padding: 12px 24px; gap: 12px; margin: 0 8px; }
        .country-card-premium .flag-icon { font-size: 24px; }
        .country-card-premium .c-name { font-size: 15px; }
        .smart-search-box { flex-direction: column; align-items: stretch; border-radius: 20px; padding: 15px; background: #ffffff; gap: 10px; border: 1px solid #e2e8f0; box-shadow: none; }
        .smart-search-box span { display: none; }
        .smart-search-box input { padding: 14px; text-align: center; border-bottom: 1px solid #e2e8f0; color: #0f172a !important; }
        .smart-search-box input::placeholder { color: #64748b !important; }
        .smart-search-box select { width: 100%; max-width: none !important; border-left: none !important; border-bottom: 1px solid #e2e8f0; text-align: center; padding: 14px; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230f172a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important; background-position: calc(100% - 20px) center !important; color: #0f172a !important; }
        .smart-search-box button { width: 100%; padding: 16px; border-radius: 12px; }
        .autocomplete-dropdown-panel { width: 100%; border-radius: 16px; }
        
        .module-card {
            padding: 20px;
            min-height: 160px;
            box-shadow: 0 8px 25px rgba(15,23,42,0.05);
            border: 1px solid rgba(15,23,42,0.1);
        }
        .stat-card {
            min-width: 100%;
            padding: 20px;
            gap: 15px;
        }
        .hero-section {
            padding: 60px 15px 100px;
        }
    }
</style>