@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap');
        body { font-family: 'Inter', sans-serif; }
        .blob { position: absolute; width: 500px; height: 500px; background: linear-gradient(135deg, rgba(92, 75, 145, 0.15) 0%, rgba(139, 92, 246, 0.15) 100%); filter: blur(100px); border-radius: 50%; z-index: -1; }
        .role-card.active { border-color: #5c4b91; background: rgba(92, 75, 145, 0.05); transform: scale(1.02); }
        .tag-chip-modal.active { background: #5c4b91; color: white; border-color: #5c4b91; }

        /* Loader Animations */
        @keyframes reveal-text { 0% { width: 0; } 100% { width: 100%; } }
        @keyframes scan { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
        .animate-reveal { animation: reveal-text 1.4s steps(20, end) forwards; }
        .animate-scan { animation: scan 2s infinite linear; }
        .loader-visible { opacity: 1 !important; }