.style-2 {
            transform: none;
            transition: transform 225ms cubic-bezier(0, 0, 0.2, 1);
            transition: transform 0.225s cubic-bezier(0, 0, 0.2, 1);
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
            flex-shrink: 0;
            color: rgba(0, 0, 0, 0.87);
            background-color: rgba(22, 22, 22, 0.55);
            backdrop-filter: blur(10px);
            border-radius: 999px;
            margin: 32px auto;
            width: 90%;
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px 0px;
            filter: grayscale(0);
            position: fixed;
            top: 0px;
            left: 0px;
            right: 0px;
            z-index: 1100;
        }
.style-3 {
            display: flex;
            -webkit-box-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            align-items: center;
            padding-left: 24px;
            padding-right: 24px;
            opacity: 1;
            width: 100%;
            min-height: 60px;
            background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
            box-sizing: border-box;
        }
.style-4 {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            min-width: 160px;
            box-sizing: border-box;
        }
.style-5 {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            cursor: pointer;
            filter: grayscale(0);
            padding: 4px 8px;
            border-radius: 8px;
            transition: 0.2s ease-in-out;
            box-sizing: border-box;
        }
.style-8 {
            min-height: 64px;
            padding-left: 24px;
            padding-right: 24px;
            position: relative;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            flex: 1 1 0%;
            -webkit-box-pack: center;
            justify-content: center;
            box-sizing: border-box;
        }
.style-9 {
            display: flex;
            align-items: center;
            gap: 4px;
            align-items: center;
            gap: 4px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            margin: 0px 8px;
            text-decoration: none;
            color: rgba(255, 255, 255, 0.85);
            text-transform: uppercase;
            padding: 4px 8px;
            -webkit-box-align: center;
            border-radius: 8px;
            transition: 0.2s ease-in-out;
            position: relative;
            box-sizing: border-box;
        }
.style-10 {
            box-sizing: border-box;
        }
.style-13 {
            display: flex;
            align-items: center;
            gap: 4px;
            align-items: center;
            gap: 4px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            margin: 0px 8px;
            text-decoration: none;
            color: rgba(255, 255, 255, 0.85);
            text-transform: uppercase;
            padding: 4px 8px;
            -webkit-box-align: center;
            border-radius: 8px;
            transition: 0.2s ease-in-out;
            position: relative;
            box-sizing: border-box;
        }
.style-14 {
            box-sizing: border-box;
        }
.style-17 {
            display: flex;
            align-items: center;
            gap: 4px;
            align-items: center;
            gap: 4px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            margin: 0px 8px;
            text-decoration: none;
            color: rgba(255, 255, 255, 0.85);
            text-transform: uppercase;
            padding: 4px 8px;
            -webkit-box-align: center;
            border-radius: 8px;
            transition: 0.2s ease-in-out;
            position: relative;
            box-sizing: border-box;
        }
.style-18 {
            box-sizing: border-box;
        }
.style-21 {
            display: flex;
            align-items: center;
            gap: 4px;
            align-items: center;
            gap: 4px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            margin: 0px 8px;
            text-decoration: none;
            color: rgba(255, 255, 255, 0.85);
            text-transform: uppercase;
            padding: 4px 8px;
            -webkit-box-align: center;
            border-radius: 8px;
            transition: 0.2s ease-in-out;
            position: relative;
            box-sizing: border-box;
        }
.style-22 {
            box-sizing: border-box;
        }
.style-25 {
            display: flex;
            align-items: center;
            gap: 4px;
            align-items: center;
            gap: 4px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            margin: 0px 8px;
            text-decoration: none;
            color: rgba(255, 255, 255, 0.85);
            text-transform: uppercase;
            padding: 4px 8px;
            -webkit-box-align: center;
            border-radius: 8px;
            transition: 0.2s ease-in-out;
            position: relative;
            box-sizing: border-box;
        }
.style-26 {
            box-sizing: border-box;
        }
.style-29 {
            display: flex;
            align-items: center;
            gap: 4px;
            align-items: center;
            gap: 4px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            margin: 0px 8px;
            text-decoration: none;
            color: rgba(255, 255, 255, 0.85);
            text-transform: uppercase;
            padding: 4px 8px;
            -webkit-box-align: center;
            border-radius: 8px;
            transition: 0.2s ease-in-out;
            position: relative;
            box-sizing: border-box;
        }
.style-30 {
            box-sizing: border-box;
        }
.style-1006 {
            background-color: rgb(13, 59, 138);
            color: rgb(255, 255, 255);
            padding: 64px 16px 32px;
            background-image: none;
            background-repeat: no-repeat;
            background-size: cover;
            transition: background 0.3s, color 0.3s;
            display: block;
            filter: grayscale(0);
            font-size: 16px;
            box-sizing: border-box;
        }
.style-1006{background:transparent!important;}
.style-1007 {
            max-width: 1536px;
            padding-left: 24px;
            padding-right: 24px;
            width: 100%;
            margin-left: auto;
            box-sizing: border-box;
            margin-right: auto;
            display: block;
        }
.style-1008 {
            flex-direction: row;
            gap: 144px;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            align-items: flex-start;
            padding-bottom: 16px;
            box-sizing: border-box;
        }
.style-1009 {
            flex: 1 1 0%;
            min-width: 220px;
            max-width: 340px;
            box-sizing: border-box;
        }
.style-1010 {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            box-sizing: border-box;
        }
.style-1011 {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            gap: 8px;
            box-sizing: border-box;
        }
.style-1013 {
            margin: 28px 0px 0px;
            font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
            font-weight: 400;
            opacity: 0.85;
            font-size: 14px;
            line-height: 16.8px;
            box-sizing: border-box;
        }
.style-1014 {
            box-sizing: border-box;
        }
.style-1015 {
            box-sizing: border-box;
        }
.style-1016 {
            box-sizing: border-box;
        }
.style-1017 {
            display: flex;
            flex-direction: row;
            margin: 28px 0px 0px;
            box-sizing: border-box;
        }
.style-1018 {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            position: relative;
            box-sizing: border-box;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0);
            outline: rgb(255, 255, 255) none 0px;
            border: 0px none rgb(255, 255, 255);
            margin: 0px;
            cursor: pointer;
            user-select: none;
            vertical-align: middle;
            appearance: none;
            text-decoration: none;
            text-align: center;
            flex: 0 0 auto;
            font-size: 24px;
            border-radius: 50%;
            overflow: visible;
            transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
            color: rgb(255, 255, 255);
            padding: 0px;
        }
.style-1019 {
            width: 28px;
            height: 28px;
            box-sizing: border-box;
        }
.style-1020 {
            overflow: hidden;
            pointer-events: none;
            position: absolute;
            z-index: 0;
            inset: 0px;
            border-radius: 50%;
            box-sizing: border-box;
        }
.style-1021 {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            position: relative;
            box-sizing: border-box;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0);
            outline: rgb(255, 255, 255) none 0px;
            border: 0px none rgb(255, 255, 255);
            margin: 0px 0px 0px 16px;
            cursor: pointer;
            user-select: none;
            vertical-align: middle;
            appearance: none;
            text-decoration: none;
            text-align: center;
            flex: 0 0 auto;
            font-size: 24px;
            border-radius: 50%;
            overflow: visible;
            transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
            color: rgb(255, 255, 255);
            padding: 0px;
        }
.style-1022 {
            width: 28px;
            height: 28px;
            box-sizing: border-box;
        }
.style-1023 {
            overflow: hidden;
            pointer-events: none;
            position: absolute;
            z-index: 0;
            inset: 0px;
            border-radius: 50%;
            box-sizing: border-box;
        }
.style-1024 {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            position: relative;
            box-sizing: border-box;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0);
            outline: rgb(255, 255, 255) none 0px;
            border: 0px none rgb(255, 255, 255);
            margin: 0px 0px 0px 16px;
            cursor: pointer;
            user-select: none;
            vertical-align: middle;
            appearance: none;
            text-decoration: none;
            text-align: center;
            flex: 0 0 auto;
            font-size: 24px;
            border-radius: 50%;
            overflow: visible;
            transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
            color: rgb(255, 255, 255);
            padding: 0px;
        }
.style-1025 {
            width: 28px;
            height: 28px;
            box-sizing: border-box;
        }
.style-1026 {
            overflow: hidden;
            pointer-events: none;
            position: absolute;
            z-index: 0;
            inset: 0px;
            border-radius: 50%;
            box-sizing: border-box;
        }
.style-1027 {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            position: relative;
            box-sizing: border-box;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0);
            outline: rgb(255, 255, 255) none 0px;
            border: 0px none rgb(255, 255, 255);
            margin: 0px 0px 0px 16px;
            cursor: pointer;
            user-select: none;
            vertical-align: middle;
            appearance: none;
            text-decoration: none;
            text-align: center;
            flex: 0 0 auto;
            font-size: 24px;
            border-radius: 50%;
            overflow: visible;
            transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
            color: rgb(255, 255, 255);
            padding: 0px;
        }
.style-1028 {
            width: 28px;
            height: 28px;
            box-sizing: border-box;
        }
.style-1029 {
            overflow: hidden;
            pointer-events: none;
            position: absolute;
            z-index: 0;
            inset: 0px;
            border-radius: 50%;
            box-sizing: border-box;
        }
.style-1030 {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            position: relative;
            box-sizing: border-box;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0);
            outline: rgb(255, 255, 255) none 0px;
            border: 0px none rgb(255, 255, 255);
            margin: 0px 0px 0px 16px;
            cursor: pointer;
            user-select: none;
            vertical-align: middle;
            appearance: none;
            text-decoration: none;
            text-align: center;
            flex: 0 0 auto;
            font-size: 24px;
            border-radius: 50%;
            overflow: visible;
            transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
            color: rgb(255, 255, 255);
            padding: 0px;
        }
.style-1031 {
            width: 28px;
            height: 28px;
            box-sizing: border-box;
        }
.style-1032 {
            overflow: hidden;
            pointer-events: none;
            position: absolute;
            z-index: 0;
            inset: 0px;
            border-radius: 50%;
            box-sizing: border-box;
        }
.style-1033 {
            flex: 1 1 0%;
            min-width: 220px;
            max-width: 340px;
            box-sizing: border-box;
        }
.style-1034 {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            box-sizing: border-box;
        }
.style-1035 {
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            align-items: center;
            box-sizing: border-box;
        }
.style-1036 {
            width: 38px;
            height: 38px;
            box-sizing: border-box;
        }
.style-1037 {
            margin: 0px 0px 0px 16px;
            box-sizing: border-box;
        }
.style-1038 {
            margin: 0px;
            font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
            font-weight: 400;
            line-height: 20.02px;
            color: rgb(255, 255, 255);
            font-size: 14px;
            display: block;
            text-decoration: none;
            box-sizing: border-box;
        }
.style-1040 {
            display: flex;
            flex-direction: row;
            -webkit-box-align: center;
            align-items: center;
            margin: 32px 0px 0px;
            box-sizing: border-box;
        }
.style-1041 {
            width: 38px;
            height: 46px;
            box-sizing: border-box;
        }
.style-1042 {
            margin: 0px 0px 0px 16px;
            box-sizing: border-box;
        }
.style-1043 {
            margin: 0px;
            font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
            font-weight: 400;
            font-size: 14px;
            line-height: 19.6px;
            box-sizing: border-box;
        }
.style-1044 {
            color: rgb(255, 255, 255);
            text-decoration: none;
            box-sizing: border-box;
        }
.style-1045 {
            box-sizing: border-box;
        }
.style-1046 {
            color: rgb(255, 255, 255);
            text-decoration: none;
            box-sizing: border-box;
        }
.style-1047 {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            margin: 32px 0px 0px;
            box-sizing: border-box;
        }
.style-1048 {
            width: 38px;
            height: 46px;
            box-sizing: border-box;
        }
.style-1049 {
            margin: 0px 0px 0px 16px;
            font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
            font-weight: 400;
            line-height: 20.02px;
            font-size: 14px;
            box-sizing: border-box;
        }
.style-1050 {
            box-sizing: border-box;
        }
.style-1051 {
            align-items: flex-end;
            flex: 1 1 0%;
            min-width: 180px;
            max-width: 260px;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            justify-content: center;
            height: 80px;
            box-sizing: border-box;
        }
.style-1052 {
            align-items: flex-end;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            justify-content: center;
            height: 80px;
            box-sizing: border-box;
        }
.style-1053 {
            width: 260px;
            background-color: rgb(91, 167, 229);
            border-radius: 40px;
            padding: 4px 16px;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            margin-bottom: 16px;
            box-sizing: border-box;
        }
.style-1053{ background:#fff !important; border:1px solid #d7e2f2 !important; border-radius:999px !important; padding:9px 18px !important; box-shadow:0 4px 14px rgba(10,45,107,.20) !important; width:100% !important; max-width:340px; }
.style-1053:focus-within{ border-color:#1e5fc4 !important; box-shadow:0 0 0 3px rgba(30,95,196,.25) !important; }
.style-1054 {
            user-select: none;
            width: 1em;
            height: 24px;
            display: block;
            fill: rgb(255, 255, 255);
            flex-shrink: 0;
            transition: fill 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            font-size: 24px;
            color: rgb(255, 255, 255);
            margin-right: 8px;
            box-sizing: border-box;
        }
.style-1054{ color:#1e5fc4 !important; fill:#1e5fc4 !important; width:20px !important; height:20px !important; font-size:20px !important; margin-right:10px !important; }
.style-1055 {
            box-sizing: border-box;
        }
.style-1056 {
            display: flex;
            flex-direction: column;
            position: relative;
            min-width: 0px;
            padding: 0px;
            margin: 0px;
            border: 0px none rgb(255, 255, 255);
            vertical-align: top;
            flex: 1 1 0%;
            box-sizing: border-box;
        }
.style-1056, .style-1057{ color:#1b2740 !important; }
.style-1057 {
            color: rgb(255, 255, 255);
            font-size: 16px;
            font-size: 16px;
            font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
            font-weight: 400;
            line-height: 23px;
            box-sizing: border-box;
            cursor: text;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            position: relative;
        }
.style-1057{ color:#1b2740 !important; }
.style-1058 {
            font: 16px / 23px Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
            letter-spacing: normal;
            color: rgb(255, 255, 255);
            padding: 4px 0px 5px;
            border: 0px none rgb(255, 255, 255);
            box-sizing: content-box;
            height: 23px;
            margin: 0px;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            display: block;
            min-width: 0px;
            width: 100%;
            animation-name: mui-auto-fill-cancel;
            animation-duration: 0.01s;
        }
.style-1058{ color:#1b2740 !important; background:transparent !important; }
.style-1058::placeholder{ color:#9aa6b2 !important; opacity:1; }
.style-1059 {
            width: 260px;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            box-sizing: border-box;
        }
.style-1060 {
            width: 24px;
            height: 24px;
            margin-right: 8px;
            box-sizing: border-box;
        }
.style-1061 {
            margin: 0px;
            font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
            font-weight: 400;
            line-height: 20.02px;
            color: rgb(255, 255, 255);
            font-size: 14px;
            box-sizing: border-box;
        }

/* --- override kotak pencarian footer (samakan dgn beranda #search-fix) --- */
.style-1053{ background:#fff !important; border:1px solid #d7e2f2 !important; border-radius:999px !important; padding:9px 18px !important; box-shadow:0 4px 14px rgba(10,45,107,.20) !important; width:100% !important; max-width:340px; }
.style-1054{ color:#1e5fc4 !important; fill:#1e5fc4 !important; width:20px !important; height:20px !important; font-size:20px !important; margin-right:10px !important; }
.style-1056, .style-1057{ color:#1b2740 !important; }
.style-1058{ color:#1b2740 !important; background:transparent !important; }
.style-1058::placeholder{ color:#9aa6b2 !important; opacity:1; }
.style-1053:focus-within{ border-color:#1e5fc4 !important; box-shadow:0 0 0 3px rgba(30,95,196,.25) !important; }

/* ===== Responsif footer beranda (extracted snapshot tak punya @media) ===== */
@media(max-width:1024px){ .style-1008{ gap:48px !important; } }
@media(max-width:880px){
  .style-1008{ flex-direction:column !important; gap:30px !important; align-items:stretch !important; justify-content:flex-start !important; }
  .style-1009{ max-width:100% !important; }
  .style-1033, .style-1051, .style-1052{ width:100% !important; }
  .style-1053{ max-width:100% !important; }
}

/* ===== Menu aktif "menyala" (sesuai halaman) ===== */
.style-8 a.active span{ color:#cfe7ff !important; text-shadow:0 0 10px rgba(91,167,229,.95), 0 0 4px rgba(91,167,229,.6); }
.style-8 a.active{ position:relative; }
.style-8 a.active::after{
  content:""; position:absolute; left:14px; right:14px; bottom:4px; height:3px; border-radius:3px;
  background:linear-gradient(90deg,#5ba7e5,#cfe7ff); transform-origin:center;
  animation:navLit .5s cubic-bezier(.2,.7,.3,1) both, navPulse 2.4s ease-in-out .5s infinite;
}
@keyframes navLit{ from{ transform:scaleX(0); opacity:0 } to{ transform:scaleX(1); opacity:1 } }
@keyframes navPulse{ 0%,100%{ box-shadow:0 0 6px rgba(91,167,229,.65) } 50%{ box-shadow:0 0 14px rgba(91,167,229,1) } }
@media(prefers-reduced-motion:reduce){
  .style-8 a.active::after{ animation:none; } .style-8 a.active span{ text-shadow:none; }
}