{"id":23468,"date":"2025-11-04T07:43:54","date_gmt":"2025-11-04T00:43:54","guid":{"rendered":"https:\/\/sociarmy.com\/home\/?page_id=23468"},"modified":"2025-11-06T11:17:30","modified_gmt":"2025-11-06T04:17:30","slug":"influencer","status":"publish","type":"page","link":"https:\/\/sociarmy.com\/home\/influencer\/","title":{"rendered":"Influencer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23468\" class=\"elementor elementor-23468\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-44015ab elementor-section-height-min-height elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"44015ab\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-07d5f93\" data-id=\"07d5f93\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e4dbc33 elementor-widget elementor-widget-heading\" data-id=\"e4dbc33\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Saatnya Kolaborasi dengan Brand Besar dan Tunjukkan Pengaruhmu!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84daa7e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"84daa7e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Gabung dengan ratusan influencer yang sudah menikmati kesempatan bekerja sama dengan brand ternama dan mendapatkan benefit menarik di setiap campaign.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9406d8c elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"9406d8c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#form-inf\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Daftar Sekarang !<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e0a000e\" data-id=\"e0a000e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f089e30 elementor-widget elementor-widget-html\" data-id=\"f089e30\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"meme-gallery-grid\">\r\n  <style>\r\n    .meme-gallery-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n      padding: 20px;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .meme-card-item {\r\n      position: relative;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n      background: #fff;\r\n      cursor: pointer;\r\n      aspect-ratio: 1;\r\n    }\r\n\r\n    .meme-card-item:hover {\r\n      transform: translateY(-10px);\r\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    \/* Mirroring pattern - kiri dan kanan simetris *\/\r\n    .meme-card-item:nth-child(1) {\r\n      border-radius: 24px 24px 70px 24px;\r\n    }\r\n\r\n    .meme-card-item:nth-child(2) {\r\n      border-radius: 24px 24px 24px 70px;\r\n    }\r\n\r\n    .meme-card-item:nth-child(3) {\r\n      border-radius: 24px 70px 24px 24px;\r\n    }\r\n\r\n    .meme-card-item:nth-child(4) {\r\n      border-radius: 70px 24px 22px 24px;\r\n    }\r\n        .meme-card-item:nth-child(5) {\r\n      border-radius: 24px 24px 70px 24px;\r\n    }\r\n\r\n    .meme-img-wrapper {\r\n      width: 100%;\r\n      height: 100%;\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n    }\r\n\r\n    .meme-gallery-img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform 0.6s ease;\r\n    }\r\n\r\n    .meme-card-item:hover .meme-gallery-img {\r\n      transform: scale(1.08);\r\n    }\r\n\r\n    .meme-overlay-text {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 60%, transparent 100%);\r\n      color: white;\r\n      padding: 30px 20px 20px;\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .meme-card-item:hover .meme-overlay-text {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 768px) {\r\n      .meme-gallery-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n        padding: 12px;\r\n      }\r\n\r\n      .meme-card-item {\r\n        aspect-ratio: 1;\r\n      }\r\n\r\n      .meme-overlay-text {\r\n        font-size: 13px;\r\n        padding: 20px 15px 15px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .meme-gallery-grid {\r\n        gap: 10px;\r\n        padding: 10px;\r\n      }\r\n\r\n      .meme-overlay-text {\r\n        font-size: 11px;\r\n        padding: 15px 12px 12px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"meme-card-item\">\r\n    <div class=\"meme-img-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ron-lach-8154667_11zon-scaled.webp\" alt=\"Meme 1\" class=\"meme-gallery-img\">\r\n \r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"meme-card-item\">\r\n    <div class=\"meme-img-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-diimejii-3314294.webp\" alt=\"Meme 2\" class=\"meme-gallery-img\">\r\n      \r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"meme-card-item\">\r\n    <div class=\"meme-img-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ivan-samkov-7676408.webp\" alt=\"Meme 3\" class=\"meme-gallery-img\">\r\n    \r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"meme-card-item\">\r\n    <div class=\"meme-img-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-cottonbro-4813367.webp\" alt=\"Meme 4\" class=\"meme-gallery-img\">\r\n     \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8e2125e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8e2125e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-becb45a\" data-id=\"becb45a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed576c7 elementor-widget elementor-widget-html\" data-id=\"ed576c7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SociArmy Client Logos Carousel -->\r\n<style>\r\n    \/* SociArmy Client Logos Carousel Styles *\/\r\n.sociarmy-clients-section {\r\n    padding: 40px 15px;\r\n    overflow: hidden;\r\n    font-family: 'Poppins', sans-serif;\r\n    background: transparent;\r\n}\r\n\r\n.sociarmy-clients-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\r\n.sociarmy-clients-heading {\r\n    font-size: 30px;\r\n    color: #333;\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: -0.3px;\r\n}\r\n\r\n.sociarmy-clients-wrapper {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 20px 0;\r\n}\r\n\r\n\/* Fade effect on edges *\/\r\n.sociarmy-clients-wrapper::before,\r\n.sociarmy-clients-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    width: 80px;\r\n    height: 100%;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n\r\n.sociarmy-clients-wrapper::before {\r\n    left: 0;\r\n    background: linear-gradient(to right, rgba(255, 255, 255, 1), transparent);\r\n}\r\n\r\n.sociarmy-clients-wrapper::after {\r\n    right: 0;\r\n    background: linear-gradient(to left, rgba(255, 255, 255, 1), transparent);\r\n}\r\n\r\n.sociarmy-clients-track {\r\n    display: flex;\r\n    gap: 20px;\r\n    animation: scrollLogos 35s linear infinite;\r\n    width: max-content;\r\n}\r\n\r\n.sociarmy-clients-track:hover {\r\n    animation-play-state: paused;\r\n}\r\n\r\n@keyframes scrollLogos {\r\n    0% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n.sociarmy-client-card {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 18px 25px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n    border: 1px solid #f0f0f0;\r\n    min-width: 140px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.sociarmy-client-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);\r\n    border-color: #e0e0e0;\r\n}\r\n\r\n.sociarmy-client-card img {\r\n    max-width: 100px;\r\n    max-height: 50px;\r\n    object-fit: contain;\r\n    filter: grayscale(20%);\r\n    opacity: 0.85;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.sociarmy-client-card:hover img {\r\n    filter: grayscale(0);\r\n    opacity: 1;\r\n    transform: scale(1.08);\r\n}\r\n\r\n\/* Responsive styles *\/\r\n@media (max-width: 1200px) {\r\n    .sociarmy-clients-heading {\r\n        font-size: 26px;\r\n    }\r\n    \r\n    .sociarmy-clients-track {\r\n        gap: 18px;\r\n    }\r\n    \r\n    .sociarmy-client-card {\r\n        min-width: 130px;\r\n        padding: 16px 22px;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .sociarmy-clients-section {\r\n        padding: 35px 12px;\r\n    }\r\n    \r\n    .sociarmy-clients-heading {\r\n        font-size: 24px;\r\n        margin-bottom: 25px;\r\n    }\r\n    \r\n    .sociarmy-clients-wrapper {\r\n        padding: 18px 0;\r\n    }\r\n    \r\n    .sociarmy-clients-track {\r\n        gap: 16px;\r\n        animation-duration: 30s;\r\n    }\r\n    \r\n    .sociarmy-client-card {\r\n        min-width: 120px;\r\n        padding: 14px 20px;\r\n    }\r\n    \r\n    .sociarmy-client-card img {\r\n        max-width: 90px;\r\n        max-height: 45px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sociarmy-clients-section {\r\n        padding: 30px 10px;\r\n    }\r\n    \r\n    .sociarmy-clients-heading {\r\n        font-size: 20px;\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .sociarmy-clients-wrapper {\r\n        padding: 15px 0;\r\n    }\r\n    \r\n    .sociarmy-clients-wrapper::before,\r\n    .sociarmy-clients-wrapper::after {\r\n        width: 50px;\r\n    }\r\n    \r\n    .sociarmy-clients-track {\r\n        gap: 14px;\r\n        animation-duration: 28s;\r\n    }\r\n    \r\n    .sociarmy-client-card {\r\n        min-width: 110px;\r\n        padding: 12px 18px;\r\n        border-radius: 10px;\r\n    }\r\n    \r\n    .sociarmy-client-card img {\r\n        max-width: 85px;\r\n        max-height: 42px;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .sociarmy-clients-section {\r\n        padding: 25px 8px;\r\n    }\r\n    \r\n    .sociarmy-clients-heading {\r\n        font-size: 18px;\r\n        margin-bottom: 18px;\r\n    }\r\n    \r\n    .sociarmy-clients-wrapper {\r\n        padding: 12px 0;\r\n    }\r\n    \r\n    .sociarmy-clients-wrapper::before,\r\n    .sociarmy-clients-wrapper::after {\r\n        width: 40px;\r\n    }\r\n    \r\n    .sociarmy-clients-track {\r\n        gap: 12px;\r\n        animation-duration: 25s;\r\n    }\r\n    \r\n    .sociarmy-client-card {\r\n        min-width: 100px;\r\n        padding: 10px 16px;\r\n        border-radius: 8px;\r\n    }\r\n    \r\n    .sociarmy-client-card img {\r\n        max-width: 75px;\r\n        max-height: 38px;\r\n    }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .sociarmy-clients-heading {\r\n        font-size: 20px;\r\n        margin-bottom: 15px;\r\n    }\r\n    \r\n    .sociarmy-clients-track {\r\n        gap: 10px;\r\n    }\r\n    \r\n    .sociarmy-client-card {\r\n        min-width: 90px;\r\n        padding: 10px 14px;\r\n    }\r\n    \r\n    .sociarmy-client-card img {\r\n        max-width: 70px;\r\n        max-height: 35px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sociarmy-clients-section\">\r\n    <div class=\"sociarmy-clients-container\">\r\n        <h2 class=\"sociarmy-clients-heading\">Brand Besar Yang Telah Bekerja Sama Dengan Kami<\/h2>\r\n        \r\n        <div class=\"sociarmy-clients-wrapper\">\r\n            <div class=\"sociarmy-clients-track\">\r\n                <!-- First set of logos -->\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/cari-sayur-logo.webp\" alt=\"Cari Sayur\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Logo_Kratingdaeng.png\" alt=\"Kratingdaeng\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Kopi_ABC_2010s.webp\" alt=\"ABC\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/M150_logo_2013.png\" alt=\"M150\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/marjan-logo-png_seeklogo-515375.png\" alt=\"Marjan\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/images-1.jpeg\" alt=\"Tos Tos\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Logo_Dua_Kelinci.png\" alt=\"Dua Kelinci\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/fuzo-logo.webp\" alt=\"Fuzo\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Lee_Kum_Kee_logo.svg.png\" alt=\"Lee Kum Kee\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Sukro.webp\" alt=\"Sukro\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Lotte_Logo_2017.svg.png\" alt=\"Lotte\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/GKL11_Kapal-Api-Koleksilogo.com_.jpg\" alt=\"Kapal Api\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Tic_tac.webp\" alt=\"Tic Tac\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/cropped-hyundai-logo.png\" alt=\"Hyundai\">\r\n                <\/div>\r\n                \r\n                <!-- Duplicate set for seamless loop -->\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/cari-sayur-logo.webp\" alt=\"Cari Sayur\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Logo_Kratingdaeng.png\" alt=\"Kratingdaeng\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Kopi_ABC_2010s.webp\" alt=\"ABC\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/M150_logo_2013.png\" alt=\"M150\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/marjan-logo-png_seeklogo-515375.png\" alt=\"Marjan\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/images-1.jpeg\" alt=\"Tos Tos\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Logo_Dua_Kelinci.png\" alt=\"Dua Kelinci\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/fuzo-logo.webp\" alt=\"Fuzo\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Lee_Kum_Kee_logo.svg.png\" alt=\"Lee Kum Kee\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Sukro.webp\" alt=\"Sukro\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Lotte_Logo_2017.svg.png\" alt=\"Lotte\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/GKL11_Kapal-Api-Koleksilogo.com_.jpg\" alt=\"Kapal Api\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/Tic_tac.webp\" alt=\"Tic Tac\">\r\n                <\/div>\r\n                <div class=\"sociarmy-client-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/07\/cropped-hyundai-logo.png\" alt=\"Hyundai\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-81eb82d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"81eb82d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae9db9f\" data-id=\"ae9db9f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-66df1bd elementor-widget elementor-widget-html\" data-id=\"66df1bd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"kol-management-scope\">\r\n  <style>\r\n .kol-management-scope { padding: 0px 20px; font-family: 'Poppins', sans-serif; } .kol-scope-container { max-width: 1400px; margin: 0 auto; } .kol-scope-title { font-size: 30px; font-weight: 700; text-align: center; color: #1a1a1a; margin-bottom: 40px; letter-spacing: -0.5px; } .kol-tabs-wrapper { display: flex; justify-content: center; gap: 12px; margin-bottom: 50px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding: 5px 0; } .kol-tabs-wrapper::-webkit-scrollbar { display: none; } .kol-tab-button { padding: 14px 32px; font-size: 16px; font-weight: 600; border: none; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; background-color: #e0e0e0; color: #666; white-space: nowrap; flex-shrink: 0; } .kol-tab-button:hover { background-color: #d0d0d0; transform: translateY(-2px); } .kol-tab-button.active { background-color: #FCB63B; color: #1a1a1a; box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3); } .kol-content-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; opacity: 0; animation: fadeIn 0.5s ease forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .kol-content-text { padding-right: 30px; } .kol-content-heading { font-size: 36px; font-weight: 700; color: #1a1a1a; margin-bottom: 24px; letter-spacing: -0.3px; } .kol-content-description { font-size: 16px; line-height: 1.7; color: #555; margin-bottom: 30px; } .kol-content-list { list-style: none; padding: 0; margin: 0; } .kol-content-list li { display: flex; align-items: center; gap: 12px; font-size: 16px; color: #333; margin-bottom: 16px; font-weight: 500; } .kol-content-list li::before { content: '\u2713'; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: #FCB63B; border-radius: 50%; flex-shrink: 0; font-weight: 700; color: #1a1a1a; } .kol-content-image { position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); aspect-ratio: 16\/9; } .kol-content-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .kol-tab-content { display: none; } .kol-tab-content.active { display: block; }  @media (max-width: 1200px) { .kol-scope-title { font-size: 36px; } .kol-content-heading { font-size: 32px; } .kol-content-wrapper { gap: 40px; } } @media (max-width: 992px) { .kol-management-scope { padding: 50px 15px; } .kol-scope-title { font-size: 32px; margin-bottom: 30px; } .kol-content-wrapper { grid-template-columns: 1fr; gap: 30px; } .kol-content-text { padding-right: 0; } .kol-content-heading { font-size: 28px; } .kol-tabs-wrapper { margin-bottom: 40px; justify-content: flex-start; padding: 5px 10px; } } @media (max-width: 768px) { .kol-management-scope { padding: 40px 12px; } .kol-scope-title { font-size: 28px; margin-bottom: 25px; } .kol-tabs-wrapper { gap: 10px; padding: 5px 12px; } .kol-tab-button { padding: 12px 24px; font-size: 14px; } .kol-content-heading { font-size: 24px; margin-bottom: 20px; } .kol-content-description { font-size: 15px; } .kol-content-list li { font-size: 15px; margin-bottom: 14px; } .kol-content-image { border-radius: 20px; } } @media (max-width: 576px) { .kol-management-scope { padding: 30px 10px; } .kol-scope-title { font-size: 24px; margin-bottom: 20px; } .kol-tabs-wrapper { gap: 8px; margin-bottom: 30px; padding: 5px 10px; justify-content: flex-start; } .kol-tab-button { padding: 10px 16px; font-size: 12px; border-radius: 10px; } .kol-content-heading { font-size: 22px; } .kol-content-description { font-size: 14px; margin-bottom: 24px; } .kol-content-list li { font-size: 14px; margin-bottom: 12px; } .kol-content-list li::before { width: 20px; height: 20px; font-size: 12px; } .kol-content-image { border-radius: 16px; } } @media (max-width: 400px) { .kol-tab-button { padding: 10px 14px; font-size: 11px; } }\r\n  <\/style>\r\n\r\n  <div class=\"kol-scope-container\">\r\n    <h2 class=\"kol-scope-title\"> Manajemen KOL Kami<\/h2>\r\n\r\n    <div class=\"kol-tabs-wrapper\">\r\n      <button class=\"kol-tab-button active\" onclick=\"showTab(0)\">\r\n        Seleksi dan Listing\r\n      <\/button>\r\n      <button class=\"kol-tab-button\" onclick=\"showTab(1)\">\r\n        Briefing dan Produksi\r\n      <\/button>\r\n      <button class=\"kol-tab-button\" onclick=\"showTab(2)\">\r\n        Monitoring dan Pelaporan\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"kol-tab-content active\">\r\n      <div class=\"kol-content-wrapper\">\r\n        <div class=\"kol-content-text\">\r\n          <h3 class=\"kol-content-heading\">Seleksi dan Listing<\/h3>\r\n          <p class=\"kol-content-description\">\r\n            Kami menyeleksi KOL potensial secara cermat berdasarkan relevansi audiens, tingkat interaksi, dan gaya konten. Tujuannya: menyusun daftar kreator yang tidak hanya sesuai dengan karakter merek Anda, tetapi juga mampu memberikan dampak yang tepat.\r\n          <\/p>\r\n          <ul class=\"kol-content-list\">\r\n            <li>Analisis audiens dan keterlibatan<\/li>\r\n            <li>Kesesuaian merek dan nilai<\/li>\r\n            <li>Negosiasi transparan dan hasil kerja yang jelas<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"kol-content-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/18611298_Sandy_Bus-02_Single-01_11zon-scaled.webp\" alt=\"Seleksi dan Listing\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kol-tab-content\">\r\n      <div class=\"kol-content-wrapper\">\r\n        <div class=\"kol-content-text\">\r\n          <h3 class=\"kol-content-heading\">Briefing dan Produksi<\/h3>\r\n          <p class=\"kol-content-description\">\r\n            Tim kami bekerja sama secara intens dengan KOL terpilih untuk memastikan setiap konten selaras dengan pesan merek Anda, tanpa menghilangkan karakter otentik sang kreator. Kami menangani proses briefing, arahan kreatif, dan pengawasan produksi.\r\n          <\/p>\r\n          <ul class=\"kol-content-list\">\r\n            <li>Brief kreatif yang komprehensif<\/li>\r\n            <li>Penyelarasan strategi konten<\/li>\r\n            <li>Proses kontrol kualitas dan persetujuan<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"kol-content-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/20769879_Sandy_Gen-03_Single-02_11zon-scaled.webp\" alt=\"Briefing dan Produksi\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kol-tab-content\">\r\n      <div class=\"kol-content-wrapper\">\r\n        <div class=\"kol-content-text\">\r\n          <h3 class=\"kol-content-heading\">Monitoring dan Pelaporan<\/h3>\r\n          <p class=\"kol-content-description\">\r\n            Pantau kinerja kampanye secara real-time dengan analitik yang detail. Kami memonitor metrik keterlibatan, jangkauan, sentimen, hingga ROI untuk memastikan setiap investasi Anda menghasilkan hasil yang terukur.\r\n          <\/p>\r\n          <ul class=\"kol-content-list\">\r\n            <li>Pelacakan kinerja secara real-time<\/li>\r\n            <li>Laporan analitik yang menyeluruh<\/li>\r\n            <li>Pengukuran dan optimasi ROI<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"kol-content-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/20124622_6228248_11zon-scaled.webp\" alt=\"Monitoring dan Pelaporan\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    function showTab(index) {\r\n      const buttons = document.querySelectorAll('.kol-tab-button');\r\n      const contents = document.querySelectorAll('.kol-tab-content');\r\n      \r\n      buttons.forEach(btn => btn.classList.remove('active'));\r\n      contents.forEach(content => content.classList.remove('active'));\r\n      \r\n      buttons[index].classList.add('active');\r\n      contents[index].classList.add('active');\r\n    }\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8265359 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8265359\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-19152bd\" data-id=\"19152bd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8c852ce elementor-widget elementor-widget-html\" data-id=\"8c852ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"benefits-section\">\r\n  <style>\r\n    .benefits-section {\r\n      padding: 40px 20px;\r\n      font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .benefits-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .benefits-title {\r\n      font-size: 32px;\r\n      font-weight: 700;\r\n      text-align: center;\r\n      color: #1a1a1a;\r\n      margin-bottom: 40px;\r\n      letter-spacing: -0.3px;\r\n    }\r\n\r\n    .benefits-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 25px;\r\n    }\r\n\r\n    .benefit-card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      text-align: center;\r\n    }\r\n\r\n    .benefit-image {\r\n      width: 100%;\r\n      max-width: 180px;\r\n      height: 140px;\r\n      margin-bottom: 15px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .benefit-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: contain;\r\n    }\r\n\r\n    .benefit-number {\r\n      width: 40px;\r\n      height: 40px;\r\n      background-color: #FCB63B;\r\n      color: #ffffff;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      margin-bottom: 12px;\r\n      box-shadow: 0 3px 10px rgba(0, 0, 255, 0.25);\r\n    }\r\n\r\n    .benefit-text {\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      color: #1a1a1a;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 1200px) {\r\n      .benefits-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 30px;\r\n      }\r\n\r\n      .benefits-title {\r\n        font-size: 28px;\r\n        margin-bottom: 35px;\r\n      }\r\n\r\n      .benefit-image {\r\n        max-width: 200px;\r\n        height: 150px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n      .benefits-section {\r\n        padding: 35px 15px;\r\n      }\r\n\r\n      .benefits-title {\r\n        font-size: 26px;\r\n        margin-bottom: 30px;\r\n      }\r\n\r\n      .benefits-grid {\r\n        gap: 25px;\r\n      }\r\n\r\n      .benefit-image {\r\n        max-width: 180px;\r\n        height: 140px;\r\n      }\r\n\r\n      .benefit-text {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .benefits-section {\r\n        padding: 30px 12px;\r\n      }\r\n\r\n      .benefits-title {\r\n        font-size: 24px;\r\n        margin-bottom: 25px;\r\n      }\r\n\r\n      .benefits-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n      }\r\n\r\n      .benefit-image {\r\n        max-width: 160px;\r\n        height: 120px;\r\n        margin-bottom: 12px;\r\n      }\r\n\r\n      .benefit-number {\r\n        width: 36px;\r\n        height: 36px;\r\n        font-size: 18px;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      .benefit-text {\r\n        font-size: 13px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n      .benefits-section {\r\n        padding: 25px 10px;\r\n      }\r\n\r\n      .benefits-title {\r\n        font-size: 20px;\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n      .benefits-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n      }\r\n\r\n      .benefit-image {\r\n        max-width: 200px;\r\n        height: 150px;\r\n      }\r\n\r\n      .benefit-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 20px;\r\n      }\r\n\r\n      .benefit-text {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"benefits-container\">\r\n    <h2 class=\"benefits-title\">Banyak Keuntungannya, Lho!<\/h2>\r\n\r\n    <div class=\"benefits-grid\">\r\n      <div class=\"benefit-card\">\r\n        <div class=\"benefit-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/20289213_6269576_11zon-scaled.webp\" alt=\"Raih Penghasilan\">\r\n        <\/div>\r\n        <div class=\"benefit-number\">1<\/div>\r\n        <p class=\"benefit-text\">Raih Penghasilan<br>hingga 10 JUTA!<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"benefit-card\">\r\n        <div class=\"benefit-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/12291106_Happy-woman-chatting-with-friends-online_11zon-scaled.webp\" alt=\"Networking\">\r\n        <\/div>\r\n        <div class=\"benefit-number\">2<\/div>\r\n        <p class=\"benefit-text\">Bangun networking &<br>perbanyak followersmu<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"benefit-card\">\r\n        <div class=\"benefit-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/86769091_9963620_11zon-scaled.webp\" alt=\"Skill Gratis\">\r\n        <\/div>\r\n        <div class=\"benefit-number\">3<\/div>\r\n        <p class=\"benefit-text\">Asah skill gratis<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"benefit-card\">\r\n        <div class=\"benefit-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/20124614_6193553-scaled.webp\" alt=\"Akses Prioritas\">\r\n        <\/div>\r\n        <div class=\"benefit-number\">4<\/div>\r\n        <p class=\"benefit-text\">Akses prioritas acara eksklusif<br>HSB Investasi<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4ef9c7d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ef9c7d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-11dceff\" data-id=\"11dceff\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e291d8 elementor-widget elementor-widget-heading\" data-id=\"2e291d8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Yuk Gabung di Program KOL Kami<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69b71d7 elementor-widget elementor-widget-shortcode\" data-id=\"69b71d7\" data-element_type=\"widget\" id=\"form-inf\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n    \/* === ENHANCED MODERN DESIGN === *\/\r\n    \r\n    * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .influencer-form-container {\r\n        max-width: 680px;\r\n        margin: 50px auto;\r\n        padding: 20px;\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n    }\r\n\r\n    \/* --- Premium Card Wrapper --- *\/\r\n    .form-wrapper {\r\n        border-radius: 28px;\r\n        background: #ffffff;\r\n        box-shadow: \r\n            0 25px 70px rgba(255, 140, 0, 0.12),\r\n            0 10px 30px rgba(0, 0, 0, 0.06);\r\n        overflow: hidden;\r\n        border: 1px solid rgba(255, 140, 0, 0.1);\r\n        position: relative;\r\n        backdrop-filter: blur(20px);\r\n    }\r\n\r\n    .form-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 5px;\r\n        background: linear-gradient(90deg, #ff8c00, #ff6b35, #ff8c00, #ffa500, #ff8c00);\r\n        background-size: 300% 100%;\r\n        animation: gradientShift 4s ease infinite;\r\n    }\r\n\r\n    @keyframes gradientShift {\r\n        0%, 100% { background-position: 0% 50%; }\r\n        50% { background-position: 100% 50%; }\r\n    }\r\n\r\n    \/* --- Stunning Header --- *\/\r\n    .form-header {\r\n        padding: 48px 36px 40px;\r\n        background: linear-gradient(135deg, #ff8c00 0%, #ff6b35 50%, #ffa500 100%);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .form-header::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -15%;\r\n        width: 450px;\r\n        height: 450px;\r\n        background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: floatRotate 10s ease-in-out infinite;\r\n    }\r\n\r\n    .form-header::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -40%;\r\n        left: -15%;\r\n        width: 350px;\r\n        height: 350px;\r\n        background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        animation: floatRotate 8s ease-in-out infinite reverse;\r\n    }\r\n\r\n    @keyframes floatRotate {\r\n        0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); }\r\n        50% { transform: translate(-25px, 25px) rotate(180deg) scale(1.08); }\r\n    }\r\n\r\n    .header-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        text-align: center;\r\n    }\r\n\r\n    .header-icon {\r\n        width: 72px;\r\n        height: 72px;\r\n        background: rgba(255, 255, 255, 0.3);\r\n        backdrop-filter: blur(12px);\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 36px;\r\n        margin: 0 auto 18px;\r\n        border: 3px solid rgba(255, 255, 255, 0.4);\r\n        box-shadow: \r\n            0 10px 30px rgba(0, 0, 0, 0.2),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n        animation: iconPulse 3s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes iconPulse {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.05); }\r\n    }\r\n\r\n    .form-title {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        margin: 0 0 10px 0;\r\n        color: #ffffff;\r\n        letter-spacing: -0.8px;\r\n        text-shadow: \r\n            0 2px 10px rgba(0, 0, 0, 0.15),\r\n            0 4px 20px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .form-subtitle {\r\n        font-size: 16px;\r\n        color: rgba(255, 255, 255, 0.95);\r\n        margin: 0;\r\n        font-weight: 500;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* --- Form Content --- *\/\r\n    .form-content {\r\n        padding: 40px 36px;\r\n        background: linear-gradient(to bottom, #ffffff 0%, #fff8f0 100%);\r\n    }\r\n\r\n    \/* --- Premium Section Title --- *\/\r\n    .section-title {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #ff8c00;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        margin: 0 0 24px 0;\r\n        padding: 12px 16px;\r\n        background: linear-gradient(135deg, #fff8f0 0%, #ffe8cc 100%);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        border-left: 4px solid #ff8c00;\r\n        box-shadow: 0 2px 8px rgba(255, 140, 0, 0.08);\r\n    }\r\n\r\n    .section-icon {\r\n        font-size: 18px;\r\n        filter: drop-shadow(0 2px 4px rgba(255, 140, 0, 0.3));\r\n    }\r\n\r\n    .form-section + .form-section {\r\n        margin-top: 40px;\r\n    }\r\n\r\n    \/* --- Form Group --- *\/\r\n    .form-group {\r\n        margin-bottom: 26px;\r\n    }\r\n\r\n    .form-group:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .form-label {\r\n        display: block;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n        margin-bottom: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .required {\r\n        color: #ff6b35;\r\n        font-size: 16px;\r\n    }\r\n\r\n    \/* --- Premium Input & Select --- *\/\r\n    .form-input,\r\n    .form-select {\r\n        width: 100%;\r\n        padding: 14px 18px;\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        color: #1e293b;\r\n        background: #ffffff;\r\n        border: 2px solid #e2e8f0;\r\n        border-radius: 14px;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-family: inherit;\r\n        appearance: none;\r\n    }\r\n\r\n    \/* === SOCIAL URL INPUT STYLES === *\/\r\n    .url-input-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        background: #ffffff;\r\n        border: 2px solid #e2e8f0;\r\n        border-radius: 14px;\r\n        overflow: hidden;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .url-input-wrapper:focus-within {\r\n        border-color: #ff8c00;\r\n        box-shadow: 0 0 0 4px rgba(255, 140, 0, 0.12);\r\n    }\r\n\r\n    .url-input-wrapper.valid {\r\n        border-color: #86efac;\r\n        background: #f0fdf4;\r\n    }\r\n\r\n    .url-input-wrapper.invalid {\r\n        border-color: #ffa366;\r\n        background: #fff5f0;\r\n    }\r\n\r\n    .url-prefix {\r\n        padding: 14px 0 14px 18px;\r\n        background: #f8fafc;\r\n        color: #64748b;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        border-right: 1px solid #e2e8f0;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .username-input {\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n        background: transparent !important;\r\n        flex: 1;\r\n        min-width: 0;\r\n        padding: 14px 18px;\r\n    }\r\n\r\n    .username-input:focus {\r\n        outline: none;\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n\r\n    .url-preview {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        margin-top: 6px;\r\n        padding: 4px 8px;\r\n        background: #f1f5f9;\r\n        border-radius: 6px;\r\n        display: none;\r\n    }\r\n\r\n    .url-preview.show {\r\n        display: block;\r\n        animation: fadeIn 0.3s ease;\r\n    }\r\n\r\n    .url-preview a {\r\n        color: #ff8c00;\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .url-preview a:hover {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* === MULTIPLE SELECT STYLES === *\/\r\n    .form-select[multiple] {\r\n        height: auto;\r\n        min-height: 120px;\r\n        padding: 12px;\r\n    }\r\n\r\n    .form-select[multiple] option {\r\n        padding: 10px 12px;\r\n        margin: 4px 0;\r\n        border-radius: 8px;\r\n        background: #f8fafc;\r\n        border: 1px solid #e2e8f0;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .form-select[multiple] option:hover {\r\n        background: #ff8c00;\r\n        color: white;\r\n        border-color: #ff8c00;\r\n    }\r\n\r\n    .form-select[multiple] option:checked {\r\n        background: linear-gradient(135deg, #ff8c00, #ff6b35);\r\n        color: white;\r\n        border-color: #ff6b35;\r\n    }\r\n\r\n    \/* Select2 Custom Styles *\/\r\n    .select2-container.form-select-container .select2-selection.form-select-selection {\r\n        border: 2px solid #e2e8f0;\r\n        border-radius: 14px;\r\n        min-height: 50px;\r\n        padding: 8px;\r\n        background: #ffffff;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .select2-container.form-select-container .select2-selection.form-select-selection:hover {\r\n        border-color: #ffd4a3;\r\n        background: #fffbf5;\r\n    }\r\n\r\n    .select2-container.form-select-container .select2-selection.form-select-selection:focus {\r\n        outline: none;\r\n        border-color: #ff8c00;\r\n        background: #ffffff;\r\n        box-shadow: 0 0 0 4px rgba(255, 140, 0, 0.12),\r\n                    0 4px 16px rgba(255, 140, 0, 0.15);\r\n    }\r\n\r\n    .select2-container--default .select2-selection--multiple .select2-selection__choice {\r\n        background: linear-gradient(135deg, #ff8c00, #ff6b35);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 10px;\r\n        padding: 6px 12px;\r\n        margin: 4px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\r\n        color: white;\r\n        margin-right: 6px;\r\n        border: none;\r\n        background: transparent;\r\n        font-size: 16px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {\r\n        color: #ffe8cc;\r\n        background: transparent;\r\n    }\r\n\r\n    \/* Category counter badge *\/\r\n    .category-counter {\r\n        display: inline-block;\r\n        background: #ff8c00;\r\n        color: white;\r\n        border-radius: 12px;\r\n        padding: 2px 8px;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        margin-left: 8px;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .form-input::placeholder {\r\n        color: #94a3b8;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .form-input:hover,\r\n    .form-select:hover {\r\n        border-color: #ffd4a3;\r\n        background: #fffbf5;\r\n    }\r\n\r\n    .form-input:focus,\r\n    .form-select:focus {\r\n        outline: none;\r\n        border-color: #ff8c00;\r\n        background: #ffffff;\r\n        box-shadow: \r\n            0 0 0 4px rgba(255, 140, 0, 0.12),\r\n            0 4px 16px rgba(255, 140, 0, 0.15);\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .social-grid {\r\n        display: grid;\r\n        gap: 24px;\r\n    }\r\n\r\n    .social-item {\r\n        position: relative;\r\n        background: linear-gradient(135deg, #ffffff 0%, #fffaf5 100%);\r\n        border-radius: 18px;\r\n        padding: 24px;\r\n        border: 2px solid #f1f5f9;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .social-item:hover {\r\n        border-color: #ffd4a3;\r\n        box-shadow: \r\n            0 10px 30px rgba(255, 140, 0, 0.12),\r\n            0 4px 12px rgba(0, 0, 0, 0.05);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .social-label {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .social-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .social-icon.instagram {\r\n        background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af);\r\n    }\r\n\r\n    .social-icon.tiktok {\r\n        background: linear-gradient(135deg, #000000, #ee1d52, #69c9d0);\r\n    }\r\n\r\n    .social-icon.twitter {\r\n        background: linear-gradient(135deg, #1da1f2, #0d8bd9);\r\n    }\r\n\r\n    .form-actions {\r\n        margin-top: 40px;\r\n        padding-top: 36px;\r\n        border-top: 2px solid #f1f5f9;\r\n    }\r\n\r\n    .btn-submit {\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        padding: 18px 36px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        background: linear-gradient(135deg, #ff8c00 0%, #ff6b35 50%, #ffa500 100%);\r\n        background-size: 200% 100%;\r\n        border: none;\r\n        border-radius: 16px;\r\n        cursor: pointer;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        box-shadow: \r\n            0 10px 30px rgba(255, 140, 0, 0.4),\r\n            0 4px 12px rgba(255, 107, 53, 0.3);\r\n        font-family: inherit;\r\n        letter-spacing: 0.5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .btn-submit:hover:not(:disabled) {\r\n        background-position: 100% 0;\r\n        transform: translateY(-3px);\r\n        box-shadow: \r\n            0 15px 40px rgba(255, 140, 0, 0.5),\r\n            0 6px 16px rgba(255, 107, 53, 0.4);\r\n    }\r\n\r\n    .btn-submit:disabled {\r\n        opacity: 0.65;\r\n        cursor: not-allowed;\r\n    }\r\n\r\n    .btn-icon {\r\n        font-size: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .btn-loading .btn-icon {\r\n        animation: rocketBounce 0.8s ease infinite;\r\n    }\r\n\r\n    @keyframes rocketBounce {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-6px); }\r\n    }\r\n\r\n    .validation-message {\r\n        font-size: 13px;\r\n        margin-top: 8px;\r\n        display: none;\r\n        font-weight: 600;\r\n        padding-left: 6px;\r\n    }\r\n\r\n    .validation-message.show {\r\n        display: block;\r\n        animation: slideIn 0.3s ease;\r\n    }\r\n\r\n    @keyframes slideIn {\r\n        from { opacity: 0; transform: translateX(-8px); }\r\n        to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    .validation-message.success {\r\n        color: #10b981;\r\n    }\r\n\r\n    .validation-message.error {\r\n        color: #ff6b35;\r\n    }\r\n\r\n    .form-input.valid,\r\n    .form-select.valid {\r\n        border-color: #86efac;\r\n        background: #f0fdf4;\r\n    }\r\n\r\n    .form-input.invalid,\r\n    .form-select.invalid {\r\n        border-color: #ffa366;\r\n        background: #fff5f0;\r\n    }\r\n\r\n    #form-message {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .form-message {\r\n        padding: 20px 24px;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 16px;\r\n        animation: messageSlide 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        font-size: 14px;\r\n        line-height: 1.7;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .form-message::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 5px;\r\n    }\r\n\r\n    .form-message.success {\r\n        background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\r\n        color: #065f46;\r\n        border: 2px solid #86efac;\r\n    }\r\n\r\n    .form-message.success::before {\r\n        background: linear-gradient(180deg, #10b981, #34d399);\r\n    }\r\n\r\n    .form-message.error {\r\n        background: linear-gradient(135deg, #fff5f0 0%, #ffe8db 100%);\r\n        color: #c2410c;\r\n        border: 2px solid #ffa366;\r\n    }\r\n\r\n    .form-message.error::before {\r\n        background: linear-gradient(180deg, #ff8c00, #ff6b35);\r\n    }\r\n\r\n    .message-icon {\r\n        font-size: 22px;\r\n        font-weight: bold;\r\n        min-width: 32px;\r\n        height: 32px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .form-message.success .message-icon {\r\n        background: linear-gradient(135deg, #10b981, #34d399);\r\n        color: white;\r\n        box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4);\r\n    }\r\n\r\n    .form-message.error .message-icon {\r\n        background: linear-gradient(135deg, #ff8c00, #ff6b35);\r\n        color: white;\r\n        box-shadow: 0 4px 14px rgba(255, 140, 0, 0.4);\r\n    }\r\n\r\n    .message-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .message-content strong {\r\n        font-weight: 700;\r\n        display: block;\r\n        margin-bottom: 6px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .message-close {\r\n        background: rgba(0, 0, 0, 0.06);\r\n        border: none;\r\n        font-size: 22px;\r\n        cursor: pointer;\r\n        color: inherit;\r\n        padding: 0;\r\n        width: 32px;\r\n        height: 32px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        opacity: 0.6;\r\n        transition: all 0.3s ease;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .message-close:hover {\r\n        opacity: 1;\r\n        background: rgba(0, 0, 0, 0.12);\r\n        transform: scale(1.15) rotate(90deg);\r\n    }\r\n\r\n    @keyframes messageSlide {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(-20px) scale(0.96);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0) scale(1);\r\n        }\r\n    }\r\n\r\n    .loading-overlay {\r\n        display: none;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(255, 140, 0, 0.08);\r\n        backdrop-filter: blur(10px);\r\n        z-index: 9999;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .loading-overlay.active {\r\n        display: flex;\r\n        animation: fadeIn 0.3s ease;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .loading-spinner {\r\n        width: 64px;\r\n        height: 64px;\r\n        border: 5px solid rgba(255, 140, 0, 0.2);\r\n        border-top-color: #ff8c00;\r\n        border-radius: 50%;\r\n        animation: spin 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;\r\n        box-shadow: 0 6px 30px rgba(255, 140, 0, 0.3);\r\n    }\r\n\r\n    @keyframes spin {\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* === SUCCESS POPUP STYLES === *\/\r\n    .success-popup-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.7);\r\n        backdrop-filter: blur(8px);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 10000;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        padding: 20px;\r\n    }\r\n\r\n    .success-popup-overlay.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .success-popup-content {\r\n        background: linear-gradient(135deg, #ffffff 0%, #fff8f0 100%);\r\n        border-radius: 28px;\r\n        padding: 40px;\r\n        max-width: 480px;\r\n        width: 100%;\r\n        box-shadow: \r\n            0 32px 80px rgba(255, 140, 0, 0.25),\r\n            0 12px 40px rgba(0, 0, 0, 0.15);\r\n        border: 2px solid rgba(255, 140, 0, 0.1);\r\n        position: relative;\r\n        overflow: hidden;\r\n        transform: scale(0.9) translateY(20px);\r\n        transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    }\r\n\r\n    .success-popup-overlay.active .success-popup-content {\r\n        transform: scale(1) translateY(0);\r\n    }\r\n\r\n    .success-popup-content::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 6px;\r\n        background: linear-gradient(90deg, #ff8c00, #ff6b35, #ffa500, #ff8c00);\r\n        background-size: 300% 100%;\r\n        animation: gradientShift 3s ease infinite;\r\n    }\r\n\r\n    .popup-header {\r\n        text-align: center;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .popup-icon {\r\n        font-size: 72px;\r\n        margin-bottom: 16px;\r\n        animation: bounceIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n        filter: drop-shadow(0 8px 20px rgba(255, 140, 0, 0.4));\r\n    }\r\n\r\n    @keyframes bounceIn {\r\n        0% { transform: scale(0); }\r\n        50% { transform: scale(1.2); }\r\n        100% { transform: scale(1); }\r\n    }\r\n\r\n    .popup-title {\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        color: #1e293b;\r\n        margin: 0;\r\n        background: linear-gradient(135deg, #ff8c00, #ff6b35);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .popup-body {\r\n        margin-bottom: 28px;\r\n        text-align: center;\r\n    }\r\n\r\n    .popup-body p {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin: 0 0 16px 0;\r\n    }\r\n\r\n    .popup-body strong {\r\n        color: #ff8c00;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .popup-actions {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .btn-join-whatsapp {\r\n        background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\r\n        color: white;\r\n        border: none;\r\n        padding: 18px 24px;\r\n        border-radius: 16px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        transition: all 0.3s ease;\r\n        box-shadow: \r\n            0 8px 24px rgba(37, 211, 102, 0.4),\r\n            0 4px 12px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .btn-join-whatsapp:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: \r\n            0 12px 32px rgba(37, 211, 102, 0.5),\r\n            0 6px 16px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    \/* Animasi untuk header icon *\/\r\n    .animate__animated {\r\n        animation-duration: 1s;\r\n        animation-fill-mode: both;\r\n    }\r\n\r\n    .animate__bounceIn {\r\n        animation-name: bounceIn;\r\n    }\r\n\r\n    \/* Responsive styles untuk multiple select *\/\r\n    @media (max-width: 768px) {\r\n        .influencer-form-container {\r\n            padding: 16px;\r\n            margin: 30px auto;\r\n        }\r\n\r\n        .form-wrapper {\r\n            border-radius: 24px;\r\n        }\r\n\r\n        .form-header {\r\n            padding: 40px 28px 36px;\r\n        }\r\n\r\n        .header-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            font-size: 32px;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .form-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .form-subtitle {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .form-content {\r\n            padding: 32px 24px;\r\n        }\r\n\r\n        .form-input,\r\n        .form-select {\r\n            font-size: 16px;\r\n            padding: 13px 16px;\r\n        }\r\n\r\n        .form-select[multiple] {\r\n            min-height: 100px;\r\n        }\r\n\r\n        .social-item {\r\n            padding: 20px;\r\n        }\r\n\r\n        .btn-submit {\r\n            font-size: 14px;\r\n            padding: 16px 32px;\r\n        }\r\n\r\n        \/* Mobile styles untuk social url input *\/\r\n        .url-input-wrapper {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .url-prefix {\r\n            padding: 10px 16px;\r\n            border-right: none;\r\n            border-bottom: 1px solid #e2e8f0;\r\n            text-align: center;\r\n        }\r\n\r\n        .username-input {\r\n            padding: 12px 16px;\r\n        }\r\n\r\n        \/* Mobile styles untuk popup *\/\r\n        .success-popup-content {\r\n            padding: 32px 24px;\r\n            margin: 20px;\r\n        }\r\n\r\n        .popup-icon {\r\n            font-size: 60px;\r\n        }\r\n\r\n        .popup-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .popup-body p {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .btn-join-whatsapp {\r\n            padding: 16px 20px;\r\n            font-size: 15px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .success-popup-content {\r\n            padding: 24px 20px;\r\n        }\r\n\r\n        .popup-icon {\r\n            font-size: 48px;\r\n        }\r\n\r\n        .popup-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .popup-actions {\r\n            gap: 8px;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n    <div class=\"influencer-form-container\">\r\n        <div class=\"form-wrapper\">\r\n            <div class=\"form-header\">\r\n                <div class=\"header-content\">\r\n                    <div class=\"header-icon\">\ud83d\ude80<\/div>\r\n                    <h1 class=\"form-title\">Daftar Influencer<\/h1>\r\n                    <p class=\"form-subtitle\">Bergabunglah dengan komunitas influencer terbaik dan dapatkan peluang kolaborasi eksklusif<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"form-content\">\r\n                <div id=\"form-message\"><\/div>\r\n                \r\n                <form id=\"influencer-form\">\r\n                    <div class=\"form-section\">\r\n                        <div class=\"section-title\">\r\n                            <span class=\"section-icon\">\ud83d\udcdd<\/span>\r\n                            <span>Informasi Dasar<\/span>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"form-group\">\r\n                            <label for=\"name\" class=\"form-label\">\r\n                                Nama Lengkap<span class=\"required\">*<\/span>\r\n                            <\/label>\r\n                            <input \r\n                                type=\"text\" \r\n                                id=\"name\" \r\n                                name=\"name\" \r\n                                class=\"form-input\" \r\n                                placeholder=\"Contoh: Sarah Johnson\"\r\n                                required\r\n                                autocomplete=\"name\"\r\n                            \/>\r\n                            <div class=\"validation-message\"><\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\">\r\n                            <label for=\"category\" class=\"form-label\">\r\n                                Kategori<span class=\"required\">*<\/span>\r\n                                <span class=\"category-counter\" id=\"category-counter\" style=\"display: none;\">0<\/span>\r\n                            <\/label>\r\n                            <select \r\n                                id=\"category\" \r\n                                name=\"categories[]\" \r\n                                class=\"form-select\" \r\n                                multiple\r\n                                required\r\n                                data-placeholder=\"Pilih satu atau lebih kategori...\"\r\n                            >\r\n                                <option value=\"\" disabled>Pilih kategori...<\/option>\r\n                            <\/select>\r\n                            <div class=\"validation-message\"><\/div>\r\n                            <small style=\"display: block; margin-top: 8px; color: #64748b; font-size: 12px;\">\r\n                                \ud83d\udca1 Tip: Gunakan Ctrl+Click (Windows) atau Cmd+Click (Mac) untuk memilih multiple kategori\r\n                            <\/small>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-section\">\r\n                        <div class=\"section-title\">\r\n                            <span class=\"section-icon\">\ud83c\udf10<\/span>\r\n                            <span>Media Sosial<\/span>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"social-grid\">\r\n                            <div class=\"social-item\">\r\n                                <div class=\"social-label\">\r\n                                    <div class=\"social-icon instagram\">\ud83d\udcf7<\/div>\r\n                                    Instagram\r\n                                <\/div>\r\n                                <div class=\"url-input-wrapper\">\r\n                                    <span class=\"url-prefix\">https:\/\/instagram.com\/<\/span>\r\n                                    <input \r\n                                        type=\"text\" \r\n                                        id=\"instagram_username\" \r\n                                        name=\"instagram_username\" \r\n                                        class=\"form-input username-input\" \r\n                                        placeholder=\"username\"\r\n                                    \/>\r\n                                <\/div>\r\n                                <input type=\"hidden\" id=\"instagram_url\" name=\"instagram_url\" \/>\r\n                                <div class=\"validation-message\"><\/div>\r\n                                <div class=\"url-preview\" id=\"instagram_preview\"><\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"social-item\">\r\n                                <div class=\"social-label\">\r\n                                    <div class=\"social-icon tiktok\">\ud83c\udfb5<\/div>\r\n                                    TikTok\r\n                                <\/div>\r\n                                <div class=\"url-input-wrapper\">\r\n                                    <span class=\"url-prefix\">https:\/\/tiktok.com\/@<\/span>\r\n                                    <input \r\n                                        type=\"text\" \r\n                                        id=\"tiktok_username\" \r\n                                        name=\"tiktok_username\" \r\n                                        class=\"form-input username-input\" \r\n                                        placeholder=\"username\"\r\n                                    \/>\r\n                                <\/div>\r\n                                <input type=\"hidden\" id=\"tiktok_url\" name=\"tiktok_url\" \/>\r\n                                <div class=\"validation-message\"><\/div>\r\n                                <div class=\"url-preview\" id=\"tiktok_preview\"><\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"social-item\">\r\n                                <div class=\"social-label\">\r\n                                    <div class=\"social-icon twitter\">\ud83d\udc26<\/div>\r\n                                    Twitter \/ X\r\n                                <\/div>\r\n                                <div class=\"url-input-wrapper\">\r\n                                    <span class=\"url-prefix\">https:\/\/twitter.com\/<\/span>\r\n                                    <input \r\n                                        type=\"text\" \r\n                                        id=\"twitter_username\" \r\n                                        name=\"twitter_username\" \r\n                                        class=\"form-input username-input\" \r\n                                        placeholder=\"username\"\r\n                                    \/>\r\n                                <\/div>\r\n                                <input type=\"hidden\" id=\"twitter_url\" name=\"twitter_url\" \/>\r\n                                <div class=\"validation-message\"><\/div>\r\n                                <div class=\"url-preview\" id=\"twitter_preview\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-actions\">\r\n                        <button type=\"submit\" class=\"btn-submit\" id=\"submit-btn\">\r\n                            <span class=\"btn-icon\">\ud83d\ude80<\/span>\r\n                            <span class=\"btn-text\">Kirim Data<\/span>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"loading-overlay\">\r\n        <div class=\"loading-spinner\"><\/div>\r\n    <\/div>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Saatnya Kolaborasi dengan Brand Besar dan Tunjukkan Pengaruhmu! Gabung dengan ratusan influencer yang sudah menikmati kesempatan bekerja sama dengan brand [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-23468","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Influencer - Sociarmy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sociarmy.com\/home\/influencer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Influencer - Sociarmy\" \/>\n<meta property=\"og:description\" content=\"Saatnya Kolaborasi dengan Brand Besar dan Tunjukkan Pengaruhmu! Gabung dengan ratusan influencer yang sudah menikmati kesempatan bekerja sama dengan brand [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sociarmy.com\/home\/influencer\/\" \/>\n<meta property=\"og:site_name\" content=\"Sociarmy\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-06T04:17:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ron-lach-8154667_11zon-scaled.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sociarmy.com\/home\/influencer\/\",\"url\":\"https:\/\/sociarmy.com\/home\/influencer\/\",\"name\":\"Influencer - Sociarmy\",\"isPartOf\":{\"@id\":\"https:\/\/sociarmy.com\/home\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sociarmy.com\/home\/influencer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sociarmy.com\/home\/influencer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ron-lach-8154667_11zon-scaled.webp\",\"datePublished\":\"2025-11-04T00:43:54+00:00\",\"dateModified\":\"2025-11-06T04:17:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sociarmy.com\/home\/influencer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sociarmy.com\/home\/influencer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sociarmy.com\/home\/influencer\/#primaryimage\",\"url\":\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ron-lach-8154667_11zon-scaled.webp\",\"contentUrl\":\"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ron-lach-8154667_11zon-scaled.webp\",\"width\":1707,\"height\":2560},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sociarmy.com\/home\/influencer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sociarmy.com\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Influencer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sociarmy.com\/home\/#website\",\"url\":\"https:\/\/sociarmy.com\/home\/\",\"name\":\"Sociarmy\",\"description\":\"Manajemen Influencer Kampanye Brand\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sociarmy.com\/home\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Influencer - Sociarmy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sociarmy.com\/home\/influencer\/","og_locale":"en_US","og_type":"article","og_title":"Influencer - Sociarmy","og_description":"Saatnya Kolaborasi dengan Brand Besar dan Tunjukkan Pengaruhmu! Gabung dengan ratusan influencer yang sudah menikmati kesempatan bekerja sama dengan brand [&hellip;]","og_url":"https:\/\/sociarmy.com\/home\/influencer\/","og_site_name":"Sociarmy","article_modified_time":"2025-11-06T04:17:30+00:00","og_image":[{"url":"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ron-lach-8154667_11zon-scaled.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sociarmy.com\/home\/influencer\/","url":"https:\/\/sociarmy.com\/home\/influencer\/","name":"Influencer - Sociarmy","isPartOf":{"@id":"https:\/\/sociarmy.com\/home\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sociarmy.com\/home\/influencer\/#primaryimage"},"image":{"@id":"https:\/\/sociarmy.com\/home\/influencer\/#primaryimage"},"thumbnailUrl":"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ron-lach-8154667_11zon-scaled.webp","datePublished":"2025-11-04T00:43:54+00:00","dateModified":"2025-11-06T04:17:30+00:00","breadcrumb":{"@id":"https:\/\/sociarmy.com\/home\/influencer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sociarmy.com\/home\/influencer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sociarmy.com\/home\/influencer\/#primaryimage","url":"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ron-lach-8154667_11zon-scaled.webp","contentUrl":"https:\/\/sociarmy.com\/home\/wp-content\/uploads\/2025\/11\/pexels-ron-lach-8154667_11zon-scaled.webp","width":1707,"height":2560},{"@type":"BreadcrumbList","@id":"https:\/\/sociarmy.com\/home\/influencer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sociarmy.com\/home\/"},{"@type":"ListItem","position":2,"name":"Influencer"}]},{"@type":"WebSite","@id":"https:\/\/sociarmy.com\/home\/#website","url":"https:\/\/sociarmy.com\/home\/","name":"Sociarmy","description":"Manajemen Influencer Kampanye Brand","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sociarmy.com\/home\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sociarmy.com\/home\/wp-json\/wp\/v2\/pages\/23468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sociarmy.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sociarmy.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sociarmy.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sociarmy.com\/home\/wp-json\/wp\/v2\/comments?post=23468"}],"version-history":[{"count":85,"href":"https:\/\/sociarmy.com\/home\/wp-json\/wp\/v2\/pages\/23468\/revisions"}],"predecessor-version":[{"id":23603,"href":"https:\/\/sociarmy.com\/home\/wp-json\/wp\/v2\/pages\/23468\/revisions\/23603"}],"wp:attachment":[{"href":"https:\/\/sociarmy.com\/home\/wp-json\/wp\/v2\/media?parent=23468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}