.TrendingSkills{width:100%;margin:30px 0}.TrendingSkills .cyber-glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:16px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #1967d214,0 2px 6px -1px #0000000a}.TrendingSkills .glow-orb{pointer-events:none;filter:blur(40px);opacity:.12;border-radius:50%;position:absolute}.TrendingSkills .orb-primary{background:#1967d2;width:140px;height:140px;top:-40px;left:-20px}.TrendingSkills .orb-secondary{background:#f96b07;width:120px;height:120px;bottom:-40px;right:-20px}.TrendingSkills .cyber-header{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.TrendingSkills .header-brand{align-items:center;gap:12px;display:flex}.TrendingSkills .flame-badge{color:#fff;background:#1967d2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;box-shadow:0 4px 12px #1967d240}.TrendingSkills .text-meta{flex-direction:column;gap:2px;display:flex}.TrendingSkills .meta-sub{letter-spacing:.8px;color:#f96b07;align-items:center;gap:4px;font-size:10px;font-weight:800;display:flex}.TrendingSkills .meta-title{color:#1a1a1a;letter-spacing:-.3px;margin:0;font-size:1.05rem;font-weight:800}.TrendingSkills .cyber-nav-group{align-items:center;gap:6px;display:flex}.TrendingSkills .cyber-nav-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;transition:all .2s;display:flex}.TrendingSkills .cyber-nav-btn:hover{color:#fff;background:#1967d2;border-color:#1967d2;box-shadow:0 4px 12px #1967d240}.TrendingSkills .cyber-nav-btn.swiper-button-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.TrendingSkills .cyber-slider-wrapper{z-index:2;width:100%;position:relative}.TrendingSkills .cyber-chip{color:#334155;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.TrendingSkills .cyber-chip:hover{color:#fff;background:#1967d2;border-color:#1967d2;transform:translateY(-2px);box-shadow:0 6px 16px #1967d233}.TrendingSkills .chip-glimmer{background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.TrendingSkills .cyber-chip:hover .chip-glimmer{left:150%}.TrendingSkills .cyber-chip.hot-spotlight{color:#f96b07;background:#fff7ed;border-color:#ffedd5}.TrendingSkills .cyber-chip.hot-spotlight:hover{color:#fff;background:#f96b07;border-color:#f96b07;box-shadow:0 6px 16px #f96b0740}.TrendingSkills .hot-pulse-node{background-color:#f96b07;border-radius:50%;width:8px;height:8px;position:relative}.TrendingSkills .node-ping{background-color:#f96b07;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(0,0,.2,1) infinite brand-ping;position:absolute;top:0;left:0}.TrendingSkills .cyber-chip.hot-spotlight:hover .hot-pulse-node,.TrendingSkills .cyber-chip.hot-spotlight:hover .node-ping{background-color:#fff}@keyframes brand-ping{75%,to{opacity:0;transform:scale(2.2)}}@media (max-width:576px){.TrendingSkills .cyber-glass-card{border-radius:14px;padding:16px}.TrendingSkills .flame-badge{width:34px;height:34px;font-size:14px}.TrendingSkills .meta-title{font-size:.95rem}.TrendingSkills .meta-sub{display:none}.TrendingSkills .cyber-chip{padding:6px 12px;font-size:.8rem}}
.trending-roles-section{background-color:#f8fafc;padding:30px 0}.trending-roles-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.trending-roles-section .split-layout{align-items:center;gap:40px;display:flex}.trending-roles-section .illustration-col{flex:.9;justify-content:center;display:flex}.trending-roles-section .illustration-wrapper{width:100%;max-width:440px}.trending-roles-section .hero-svg{width:100%;height:auto;display:block}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.trending-roles-section .float-1{animation:4s ease-in-out infinite floatSlow}.trending-roles-section .float-2{animation:5s ease-in-out infinite floatReverse}.trending-roles-section .float-3{animation:4.5s ease-in-out infinite floatSlow}.trending-roles-section .cards-col{flex:1.1}.trending-roles-section .trending-roles-header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.trending-roles-section .section-badge{text-transform:uppercase;letter-spacing:.8px;color:#2563eb;background:#2563eb14;border-radius:20px;margin-bottom:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.trending-roles-section .section-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.trending-roles-section .view-all-link{color:#2563eb;white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.trending-roles-section .view-all-link:hover{color:#1d4ed8;gap:10px}.trending-roles-section .roles-stack{flex-direction:column;gap:10px;display:flex}.trending-roles-section .role-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:12px 18px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.trending-roles-section .role-card:hover{transform:translate(6px);box-shadow:0 8px 20px -4px #0f172a14}.trending-roles-section .role-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.trending-roles-section .role-icon{font-size:17px}.trending-roles-section .role-content{flex:1}.trending-roles-section .role-title{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:700}.trending-roles-section .role-count{color:#64748b;font-size:12px;font-weight:500}.trending-roles-section .card-arrow{color:#64748b;opacity:.6;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .2s;display:flex}.trending-roles-section .role-card:hover .card-arrow{opacity:1;color:#fff;background:#2563eb}.trending-roles-section .theme-blue .role-icon-wrapper{color:#2563eb;background:#eff6ff}.trending-roles-section .theme-blue:hover{border-color:#bfdbfe}.trending-roles-section .theme-emerald .role-icon-wrapper{color:#059669;background:#ecfdf5}.trending-roles-section .theme-emerald:hover{border-color:#a7f3d0}.trending-roles-section .theme-rose .role-icon-wrapper{color:#e11d48;background:#fff1f2}.trending-roles-section .theme-rose:hover{border-color:#fecdd3}.trending-roles-section .theme-amber .role-icon-wrapper{color:#d97706;background:#fffbeb}.trending-roles-section .theme-amber:hover{border-color:#fde68a}.trending-roles-section .theme-purple .role-icon-wrapper{color:#9333ea;background:#faf5ff}.trending-roles-section .theme-purple:hover{border-color:#e9d5ff}@media (max-width:992px){.trending-roles-section .split-layout{flex-direction:column;gap:32px}.trending-roles-section .illustration-col,.trending-roles-section .cards-col{flex:none;width:100%}}@media (max-width:576px){.trending-roles-section .trending-roles-header{flex-direction:column;align-items:flex-start;gap:10px}}