.service-showcase{--ss-white-002:var(--aw-002);--ss-white-01:var(--aw-01);--ss-white-02:var(--aw-02);--ss-white-06:var(--aw-06);--ss-white-08:var(--aw-008);--ss-white-095:var(--aw-095);padding:8vw 5vw;background:transparent}.service-showcase-container{max-width:90vw;margin:0 auto;gap:4vw}.service-showcase-container,.service-showcase-header{display:flex;flex-direction:column;align-items:center}.service-showcase-header{text-align:center;gap:1.5vw;width:50vw}.service-showcase-grid{display:flex;gap:2vw;justify-content:center;width:100%;max-width:85vw}.service-showcase-cta{margin-top:2vw}.service-card{flex:1;min-width:0;max-width:20vw;display:block;text-decoration:none;color:inherit;cursor:pointer}.service-card-inner{position:relative;background:var(--ss-white-002);backdrop-filter:blur(1px);border:1px solid var(--ss-white-01);border-radius:1.2vw;overflow:hidden;display:flex;flex-direction:column;height:26.5vw;transition:all .3s ease;padding:1vw}.service-card-inner:hover{transform:translateY(-.5vw);background:var(--ss-white-08);border-color:var(--ss-white-02)}.service-card-image{position:relative;width:100%;height:17vw;flex-shrink:0;border-radius:.8vw;overflow:hidden}.service-card-content{padding:1vw .5vw;display:flex;flex-direction:column;gap:.8vw;flex:1}.service-card-profile{display:flex;align-items:center;gap:.8vw}.service-card-avatar{position:relative;width:2.5vw;height:2.5vw;border-radius:50%;overflow:hidden;flex-shrink:0}.service-card-avatar img{border-radius:50%}.service-card-profile-info{display:none}.service-card-name{font-size:.9vw;font-weight:600;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;margin:0 0 0 -.6vw}.service-card-profile .rating-badge-no-bg{background:transparent;padding:0}.service-card-title{font-size:1.1vw;font-weight:500;color:var(--ss-white-095);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.service-card-tools{display:flex;flex-wrap:nowrap;overflow:hidden}.service-card-price{display:flex;align-items:baseline;gap:.5vw;margin-top:auto;padding-top:1vw;border-top:1px solid var(--ss-white-01)}.price-label{font-size:.8vw;color:var(--ss-white-06)}.price-value{font-size:1.2vw;font-weight:600;color:white}@media (max-width:768px){.service-showcase{padding:60px 20px}.service-showcase-container{gap:40px}.service-showcase-header{gap:20px;width:100%}.service-showcase-grid{flex-direction:column;gap:24px;max-width:100%}.service-card{max-width:100%}.service-card-inner{border-radius:20px;height:auto;min-height:400px;padding:12px}.service-card-image{height:200px;border-radius:12px;overflow:hidden}.service-card-content{padding:16px 8px;gap:16px}.service-card-profile{gap:12px}.service-card-avatar{width:40px;height:40px}.service-card-profile-info{gap:4px}.service-card-name{font-size:14px}.service-card-title{font-size:16px;min-height:44px}.service-card-price{gap:8px;padding-top:16px}.price-label{font-size:12px}.price-value{font-size:18px}.service-showcase-cta{margin-top:20px}}.freelancer-card-skeleton{--fcs-white-08:var(--aw-008);--fcs-white-03:var(--aw-003);--fcs-white-02:var(--aw-002);--fcs-glow-gradient:linear-gradient(90deg,var(--fcs-white-02) 0%,var(--fcs-white-08) 50%,var(--fcs-white-02) 100%);position:relative;background:var(--background-tertiary);border-radius:1vw;overflow:hidden;border:.052vw solid var(--fcs-white-03);transition:all .3s ease}.skeleton-inner{position:relative;display:flex;flex-direction:column;height:100%;padding:.8vw}.skeleton-element{border-radius:.4vw}.skeleton-badge,.skeleton-element{background:var(--fcs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite}.skeleton-badge{position:absolute;top:1.2vw;left:1.2vw;width:1.5vw;height:1.5vw;border-radius:50%;z-index:2}.skeleton-image{width:100%;aspect-ratio:1;background:var(--fcs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite;border-radius:.8vw;margin-bottom:1vw}.skeleton-content{display:flex;flex-direction:column;gap:.8vw;padding:0 .4vw}.skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1vw}.skeleton-info{flex:1;display:flex;flex-direction:column;gap:.5vw}.skeleton-name{width:70%;height:1.2vw}.skeleton-name,.skeleton-rate{background:var(--fcs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite;border-radius:.3vw}.skeleton-rate{width:50%;height:.9vw}.skeleton-rating{width:3vw;height:1.5vw;background:var(--fcs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite;border-radius:.5vw}.skeleton-subcategories{display:flex;gap:.5vw;flex-wrap:wrap}.skeleton-chip{height:1.8vw;background:var(--fcs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite;border-radius:.8vw}.skeleton-chip-1{width:6vw}.skeleton-chip-2{width:4.5vw}@media (max-width:1024px){.freelancer-card-skeleton{border-radius:1.5vw}.skeleton-badge{top:1.5vw;left:1.5vw;width:2vw;height:2vw}.skeleton-image{border-radius:1.2vw;margin-bottom:1.5vw}.skeleton-content{gap:1vw}.skeleton-name{height:1.5vw}.skeleton-rate{height:1.1vw}.skeleton-rating{width:3.5vw;height:1.8vw}.skeleton-chip{height:2.2vw}.skeleton-chip-1{width:7vw}.skeleton-chip-2{width:5.5vw}}@media (max-width:768px){.freelancer-card-skeleton{border-radius:2vw}.skeleton-badge{top:2vw;left:2vw;width:2.5vw;height:2.5vw}.skeleton-image{border-radius:1.5vw;margin-bottom:2vw}.skeleton-content{gap:1.5vw;padding:0 .6vw}.skeleton-header{gap:1.5vw}.skeleton-name{height:2vw}.skeleton-rate{height:1.5vw}.skeleton-rating{width:4vw;height:2vw}.skeleton-subcategories{gap:.8vw}.skeleton-chip{height:2.5vw}.skeleton-chip-1{width:9vw}.skeleton-chip-2{width:7vw}}@media (max-width:480px){.freelancer-card-skeleton{border-radius:16px;border-width:1px}.skeleton-inner{padding:12px}.skeleton-badge{top:16px;left:16px;width:24px;height:24px}.skeleton-image{border-radius:12px;margin-bottom:16px}.skeleton-content{gap:12px;padding:0 4px}.skeleton-header{gap:12px}.skeleton-info{gap:8px}.skeleton-name{height:18px;border-radius:4px}.skeleton-rate{height:14px;border-radius:4px}.skeleton-rating{width:48px;height:24px;border-radius:8px}.skeleton-subcategories{gap:8px}.skeleton-chip{height:28px;border-radius:12px}.skeleton-chip-1{width:80px}.skeleton-chip-2{width:60px}}@keyframes skeleton-glow{0%{background-position:-200% 0}to{background-position:200% 0}}.service-card-skeleton{--scs-white-08:var(--aw-008);--scs-white-03:var(--aw-003);--scs-white-02:var(--aw-002);--scs-glow-gradient:linear-gradient(90deg,var(--scs-white-02) 0%,var(--scs-white-08) 50%,var(--scs-white-02) 100%);position:relative;background:var(--background-tertiary);border-radius:1vw;overflow:hidden;border:.052vw solid var(--scs-white-03);transition:all .3s ease}.service-card-skeleton .skeleton-inner{position:relative;display:flex;flex-direction:column;height:100%}.skeleton-service-image{width:100%;aspect-ratio:16/9;background:var(--scs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite}.service-card-skeleton .skeleton-content{display:flex;flex-direction:column;gap:1vw;padding:1.2vw}.skeleton-profile{display:flex;gap:.8vw;align-items:center}.skeleton-avatar{width:2.5vw;height:2.5vw;border-radius:50%;background:var(--scs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-profile-info{flex:1;display:flex;flex-direction:column;gap:.4vw}.skeleton-profile-name{width:60%;height:.9vw}.skeleton-profile-name,.skeleton-profile-rating{background:var(--scs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite;border-radius:.3vw}.skeleton-profile-rating{width:40%;height:.8vw}.skeleton-title{width:90%}.skeleton-title,.skeleton-title-short{height:1.1vw;background:var(--scs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite;border-radius:.3vw}.skeleton-title-short{width:60%}.skeleton-tools{display:flex;gap:.5vw;flex-wrap:wrap}.skeleton-tool{height:1.8vw;background:var(--scs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite;border-radius:.8vw}.skeleton-tool-1{width:5vw}.skeleton-tool-2{width:6vw}.skeleton-price{display:flex;justify-content:space-between;align-items:center;padding-top:.5vw;margin-top:auto}.skeleton-price-label{width:30%;height:.8vw}.skeleton-price-label,.skeleton-price-value{background:var(--scs-glow-gradient);background-size:200% 100%;animation:skeleton-glow 1.5s ease-in-out infinite;border-radius:.3vw}.skeleton-price-value{width:25%;height:1.2vw}@media (max-width:1024px){.service-card-skeleton{border-radius:1.5vw}.service-card-skeleton .skeleton-content{gap:1.2vw;padding:1.5vw}.skeleton-profile{gap:1vw}.skeleton-avatar{width:3vw;height:3vw}.skeleton-profile-name{height:1.1vw}.skeleton-profile-rating{height:.9vw}.skeleton-title,.skeleton-title-short{height:1.3vw}.skeleton-tool{height:2.2vw}.skeleton-tool-1{width:6vw}.skeleton-tool-2{width:7vw}.skeleton-price-label{height:.9vw}.skeleton-price-value{height:1.4vw}}@media (max-width:768px){.service-card-skeleton{border-radius:2vw}.service-card-skeleton .skeleton-content{gap:1.5vw;padding:2vw}.skeleton-profile{gap:1.2vw}.skeleton-avatar{width:4vw;height:4vw}.skeleton-profile-name{height:1.3vw}.skeleton-profile-rating{height:1vw}.skeleton-title,.skeleton-title-short{height:1.6vw}.skeleton-tools{gap:.8vw}.skeleton-tool{height:2.5vw}.skeleton-tool-1{width:8vw}.skeleton-tool-2{width:9vw}.skeleton-price{padding-top:1vw}.skeleton-price-label{height:1.1vw}.skeleton-price-value{height:1.6vw}}@media (max-width:480px){.service-card-skeleton{border-radius:16px;border-width:1px}.service-card-skeleton .skeleton-content{gap:16px;padding:16px}.skeleton-profile{gap:12px}.skeleton-avatar{width:40px;height:40px}.skeleton-profile-info{gap:6px}.skeleton-profile-name{height:14px;border-radius:4px}.skeleton-profile-rating{height:12px;border-radius:4px}.skeleton-title,.skeleton-title-short{height:16px;border-radius:4px}.skeleton-tools{gap:8px}.skeleton-tool{height:28px;border-radius:12px}.skeleton-tool-1{width:70px}.skeleton-tool-2{width:85px}.skeleton-price{padding-top:8px}.skeleton-price-label{height:12px;border-radius:4px}.skeleton-price-value{height:16px;border-radius:4px}}.view-switcher-container{--vs-white-007:#f7f7f712;--vs-white-01:#f7f7f71a;--vs-white:var(--text-high-contrast);--vs-black:var(--c-black);--vs-light-bg:var(--surface-light-alt);--vs-black-005:var(--ab-005);--vs-radio-border:#595d62;--vs-sublabel:var(--text-muted-alt);display:flex;gap:1.11vw;margin-bottom:.5vw;width:100%}.view-switcher-card{flex:1;background:var(--vs-white-007);border:.07vw solid var(--vs-white-01);border-radius:.83vw;padding:1.11vw;cursor:pointer;transition:all .2s ease}.view-switcher-card:hover{border-color:var(--vs-white)}.view-switcher-content{display:flex;align-items:center;justify-content:space-between}.view-switcher-radio-group{display:flex;align-items:center;gap:.83vw}.view-switcher-radio{width:1.39vw;height:1.39vw;border-radius:50%;border:.14vw solid var(--vs-radio-border);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.view-switcher-card.active .view-switcher-radio{border-color:var(--vs-white)}.view-switcher-radio-inner{width:.7vw;height:.7vw;border-radius:50%;background-color:var(--text-primary)}.view-switcher-text-group{display:flex;flex-direction:column;gap:.14vw}.view-switcher-sublabel{font-size:.83vw;color:var(--text-primary);font-weight:400;line-height:1.2}.view-switcher-label{font-weight:600;font-size:.97vw;color:var(--text-primary);line-height:1.2}.view-switcher-icon{width:2.78vw;height:2.78vw;object-fit:contain}@media (max-width:640px){.view-switcher-container{flex-direction:column;gap:3.2vw}.view-switcher-card{padding:4vw;border-radius:3vw;border-width:.3vw}.view-switcher-radio{width:5vw;height:5vw;border-width:.5vw}.view-switcher-radio-group{gap:1rem}.view-switcher-radio-inner{width:2.5vw;height:2.5vw}.view-switcher-text-group{gap:.5vw}.view-switcher-sublabel{font-size:3vw}.view-switcher-label{font-size:3.5vw}.view-switcher-icon{width:10vw;height:10vw}}.mobile-header{--mh-black-005:var(--ab-005);--mh-black-015:var(--ab-015);--mh-black-04:var(--ab-04);--mh-black-05:var(--ab-05);--mh-white-005:var(--aw-005);--mh-dark-border:var(--c-slate-900);--mh-danger:var(--c-danger-500);--mh-dark-surface:var(--surface-elevated);--mh-brand-soft:var(--ap-01);--mh-brand:var(--c-brand-purple);display:none;align-items:center;justify-content:space-between;padding:1rem;background:var(--background);position:sticky;top:0;z-index:999;height:60px;border-bottom:1px solid var(--mh-black-005)}:root.dark .mobile-header{border-bottom-color:var(--mh-white-005)}.mobile-header-back,.mobile-header-filter{background:none;border:none;padding:8px;cursor:pointer;position:relative;color:inherit;display:flex;align-items:center;justify-content:center}.mobile-header-back:hover,.mobile-header-filter:hover{opacity:.7}.filter-indicator{position:absolute;top:8px;right:6px;width:8px;height:8px;background-color:var(--mh-danger);border-radius:50%;border:1px solid var(--background-primary,white)}:root.dark .filter-indicator{border-color:var(--mh-dark-border)}.mobile-header-title-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;user-select:none}.mobile-header-title{font-size:1.2rem;font-weight:600;margin:0;color:var(--text-primary)}.mobile-header-arrow{transition:transform .2s ease;flex-shrink:0}.mobile-header-arrow.open{transform:rotate(180deg)}.mobile-header-dropdown{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);z-index:1000;pointer-events:all}.mobile-header-dropdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--mh-black-05);backdrop-filter:blur(2px)}.mobile-header-dropdown-content{position:absolute;top:0;left:0;right:0;margin:0 1rem;background:var(--background-secondary,white);border-radius:12px;overflow:hidden;padding:8px 0;box-shadow:0 4px 20px var(--mh-black-015);animation:dropdownAppear .2s ease-out;transform-origin:top center;max-height:60vh;overflow-y:auto}:root.dark .mobile-header-dropdown-content{background:var(--mh-dark-surface);box-shadow:0 4px 12px var(--mh-black-04)}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-10px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.mobile-dropdown-item{display:block;width:100%;padding:12px 20px;text-align:left;background:none;border:none;font-size:1rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease}.mobile-dropdown-item.active,.mobile-dropdown-item:hover{background:var(--mh-brand-soft);color:var(--mh-brand)}@media (max-width:480px){.mobile-header{display:flex}}.mobile-filter-drawer-overlay{--mfd-white-01:var(--aw-01);--mfd-white-02:var(--aw-02);--mfd-white-005:var(--aw-005);--mfd-black-02:var(--ab-02);--mfd-black-04:var(--ab-04);--mfd-purple-03:var(--ap-03);--mfd-purple-04:rgba(158,100,239,0.4);--mfd-white:var(--c-white);--mfd-light-surface:var(--c-gray-50);--mfd-light-border:#e9ecef;--mfd-brand-purple:var(--c-brand-purple);--mfd-grad-start:var(--brand-pink-main);--mfd-grad-end:var(--c-brand-cyan);position:fixed;top:0;left:0;width:100%;height:100%;background:var(--mfd-white-01);z-index:200;backdrop-filter:blur(4px);display:flex;align-items:flex-end;animation:fadeIn .3s ease-out}.mobile-filter-drawer-overlay.closing{animation:fadeOut .3s ease-out forwards}.mobile-filter-drawer{width:100%;height:78vh;background:var(--background);border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 -4px 20px var(--mfd-black-04);transition:transform .1s linear}:root.light .mobile-filter-drawer{background:var(--mfd-white)}.mobile-filter-drawer.closing{animation:slideDown .3s ease-in forwards}.drawer-handle-container{width:100%;padding:12px 0;display:flex;justify-content:center;cursor:grab;flex-shrink:0}.drawer-handle{width:48px;height:5px;background:var(--mfd-white-02);border-radius:10px}:root.light .drawer-handle{background:var(--mfd-black-02)}.mobile-filter-header{padding:0 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--mfd-white-005);flex-shrink:0}:root.light .mobile-filter-header{border-bottom-color:var(--mfd-white-005)}.mobile-filter-header h3{margin:0;font-size:1.25rem;font-weight:700;color:white}:root.light .mobile-filter-header h3{color:var(--text-primary)}.clear-filters-btn{background:none;border:none;color:var(--mfd-brand-purple);font-size:.9rem;font-weight:500;cursor:pointer}.clear-filters-btn:hover{opacity:.8}.mobile-filter-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 1.5rem;color:white}:root.light .mobile-filter-content{color:var(--text-primary)}.mobile-filter-apply{margin:1.5rem;padding:1rem;justify-content:center;border:none;border-radius:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px var(--mfd-purple-03);flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.mobile-filter-apply:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--mfd-purple-04)}.mobile-filter-apply:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.mobile-filter-content .freelancer-filters{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.mobile-filter-content .filter-group{width:100%!important;max-width:100%!important;margin-bottom:1rem}.mobile-filter-content input,.mobile-filter-content select{padding:12px!important;background:var(--mfd-white-005);border:1px solid var(--mfd-white-01);color:white;border-radius:12px}:root.light .mobile-filter-content input,:root.light .mobile-filter-content select{background:var(--mfd-light-surface);border-color:var(--mfd-light-border);color:var(--text-primary)}