/* Page foundation */
:root { color-scheme: dark; font-family: 'Plus Jakarta Sans', sans-serif; }
* { box-sizing: border-box; }
*, ::before, ::after { border-width: 0; border-style: solid; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Plus Jakarta Sans', sans-serif; }
h1, h2, h3, h4, h5, p, figure, blockquote, dl, dd { margin: 0; }
ul, ol, menu { margin: 0; padding: 0; list-style: none; }
a { color: inherit; text-decoration: inherit; }
img, video { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { margin: 0; font: inherit; letter-spacing: inherit; }
::selection { background: #10b981; color: #fff; }
.is-hidden { display: none !important; }

.page__body {
    color: #f1f5f9;
    font-family: 'Plus Jakarta Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    background-image: linear-gradient(to bottom right, #020617 0%, #022c22 50%, #0f172a 100%);
}

.page__layout-1 {
    position: fixed;
    top: 0;
    left: 25%;
    width: 384px;
    height: 384px;
    background-color: rgba(16, 185, 129, 0.1);
    border-radius: 9999px;
    filter: blur(64px);
    pointer-events: none;
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
}

.page__layout-2 {
    position: fixed;
    bottom: 33.333%;
    right: 40px;
    width: 30rem;
    height: 30rem;
    background-color: rgba(20, 184, 166, 0.1);
    border-radius: 9999px;
    filter: blur(64px);
    pointer-events: none;
}

.page__layout-3 {
    position: fixed;
    top: 50%;
    left: 40px;
    width: 320px;
    height: 320px;
    background-color: rgba(5, 150, 105, 0.1);
    border-radius: 9999px;
    filter: blur(64px);
    pointer-events: none;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
}

.site-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.header__row-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}

.site-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header__row-3 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #020617;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    transition: transform .15s ease-in-out;
    background-image: linear-gradient(to top right, #059669 0%, #2dd4bf 100%);
}

.header__icon-1 {
    font-size: 24px;
}

.header__row-4 {
    display: flex;
    flex-direction: column;
}

.header__label-1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: .025em;
    color: #ffffff;
    transition: color, background-color, border-color .15s ease-in-out;
}

.header__label-2 {
    font-size: 12px;
    color: #34d399;
    font-weight: 500;
    letter-spacing: .05em;
}

.desktop-navigation {
    display: none;
    align-items: center;
    gap: 32px;
}

.header__link-2 {
    font-size: 14px;
    font-weight: 500;
    color: #e2e8f0;
    transition: color, background-color, border-color .15s ease-in-out;
}

.header__link-3 {
    font-size: 14px;
    font-weight: 500;
    color: #e2e8f0;
    transition: color, background-color, border-color .15s ease-in-out;
}

.header__link-4 {
    font-size: 14px;
    font-weight: 500;
    color: #e2e8f0;
    transition: color, background-color, border-color .15s ease-in-out;
}

.header__link-5 {
    font-size: 14px;
    font-weight: 500;
    color: #e2e8f0;
    transition: color, background-color, border-color .15s ease-in-out;
}

.header__link-6 {
    font-size: 14px;
    font-weight: 500;
    color: #e2e8f0;
    transition: color, background-color, border-color .15s ease-in-out;
}

.header__link-7 {
    font-size: 12px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    background-color: rgba(16, 185, 129, 0.2);
    color: #34d399;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.3);
    transition: all .15s ease-in-out;
}

.header__icon-2 {
    margin-right: 4px;
}

.header__layout-5 {
    display: none;
    align-items: center;
    gap: 16px;
}

.header-contact-link {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 12px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    transition: all .15s ease-in-out;
    display: flex;
    align-items: center;
    gap: 8px;
    background-image: linear-gradient(to right, #059669 0%, #0f766e 100%);
}

.header__icon-3 {
    font-size: 18px;
}

.header__row-6 {
    display: flex;
    align-items: center;
}

.mobile-menu-toggle {
    padding: 10px;
    border-radius: 12px;
    color: #cbd5e1;
    transition: color, background-color, border-color .15s ease-in-out;
}

.header__icon-4 {
    font-size: 20px;
}

.mobile-navigation {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header__link-9 {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #e2e8f0;
}

.site-brand0 {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #e2e8f0;
}

.site-brand1 {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #e2e8f0;
}

.site-brand2 {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #e2e8f0;
}

.site-brand3 {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #e2e8f0;
}

.site-brand4 {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #34d399;
    background-color: rgba(16, 185, 129, 0.1);
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.2);
}

.header__icon-5 {
    margin-right: 8px;
}

.mobile-menu-toggle5 {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    margin-top: 8px;
    background-image: linear-gradient(to right, #10b981 0%, #0d9488 100%);
}

.header__icon-6 {
    margin-right: 8px;
}


.site-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.hero__columns {
    display: grid;
    gap: 48px;
    align-items: center;
}

.hero__copy {
    display: flex;
    flex-direction: column;
    gap: 32px;
    text-align: center;
}

.hero__announcement {
    display: inline-flex;
    align-self: center;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 8px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 9999px;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.3);
    color: #34d399;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: .025em;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.06);
}

.beranda__label-1 {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    display: block;
    border-radius: 9999px;
    background-color: #34d399;
    animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
}

.hero__announcement-text {
    min-width: 0;
    text-align: center;
}

.beranda__title-1 {
    font-size: 30px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.25;
}

.beranda__label-2 {
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(to right, #34d399 0%, #5eead4 50%, #fbbf24 100%);
}

.beranda__text-1 {
    font-size: 16px;
    color: #cbd5e1;
    max-width: 672px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    line-height: 1.625;
}

.beranda__label-3 {
    color: #34d399;
    font-weight: 600;
}

.hero__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding-top: 8px;
}

.hero__primary-link {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 12px;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    box-shadow: 0 0 40px -5px rgba(16,185,129,.5);
    transition: all .15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background-image: linear-gradient(to right, #059669 0%, #0f766e 100%);
}

.hero__secondary-link {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 12px;
    color: #e2e8f0;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.3);
    font-weight: 600;
    font-size: 16px;
    transition: all .15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.beranda__icon-1 {
    color: #34d399;
    font-size: 20px;
}

.hero__statistics {
    padding-top: 32px;
    border-top: 1px solid;
    border-color: rgba(30, 41, 59, 0.8);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.beranda__card-7 {
    padding: 16px;
    border-radius: 12px;
    text-align: center;
}

.beranda__subheading-1 {
    font-size: 24px;
    font-weight: 700;
    color: #34d399;
}

.beranda__text-2 {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 4px;
}

.beranda__card-8 {
    padding: 16px;
    border-radius: 12px;
    text-align: center;
}

.beranda__subheading-2 {
    font-size: 24px;
    font-weight: 700;
    color: #fbbf24;
}

.beranda__text-3 {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 4px;
}

.beranda__card-9 {
    padding: 16px;
    border-radius: 12px;
    text-align: center;
}

.beranda__subheading-3 {
    font-size: 24px;
    font-weight: 700;
    color: #34d399;
}

.beranda__text-4 {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 4px;
}

.beranda__card-10 {
    padding: 16px;
    border-radius: 12px;
    text-align: center;
}

.beranda__subheading-4 {
    font-size: 24px;
    font-weight: 700;
    color: #5eead4;
}

.beranda__text-5 {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 4px;
}

.hero__visual {
    position: relative;
}

.hero__showcase {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 448px;
}

.hero__showcase-card {
    padding: 24px;
    border-radius: 24px;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    border: 1px solid;
    border-color: rgba(52, 211, 153, 0.3);
}

.hero__image-frame {
    aspect-ratio: 16 / 9;
    width: 100%;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.3);
    background-image: linear-gradient(to top right, #064e3b 0%, #042f2e 50%, #0f172a 100%);
}

.hero__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
    transition: transform .15s ease-in-out;
    transition-duration: 0.7s;
}

.beranda__layout-15 {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to top, #020617 0%, rgba(2, 6, 23, 0.4) 50%, transparent 100%);
}

.beranda__layout-16 {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    text-align: left;
}

.beranda__label-4 {
    background-color: rgba(16, 185, 129, 0.8);
    color: #ffffff;
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    font-weight: 600;
}

.beranda__text-6 {
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    margin-top: 8px;
}

.beranda__layout-17 {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.beranda__row-18 {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.8);
    border: 1px solid;
    border-color: #1e293b;
}

.beranda__row-19 {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: rgba(16, 185, 129, 0.2);
    color: #34d399;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
}

.beranda__eyebrow-1 {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.beranda__text-7 {
    font-size: 12px;
    color: #94a3b8;
}

.beranda__row-20 {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.8);
    border: 1px solid;
    border-color: #1e293b;
}

.beranda__row-21 {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
}

.beranda__eyebrow-2 {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.beranda__text-8 {
    font-size: 12px;
    color: #94a3b8;
}

.hero__floating-card {
    position: absolute;
    bottom: -65px;
    left: -24px;
    padding: 16px;
    border-radius: 16px;
    z-index: 25;
    border: 1px solid;
    border-color: rgba(52, 211, 153, 0.4);
    display: none;
    align-items: center;
    gap: 12px;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    animation: bounce 1s infinite;
}

.beranda__row-23 {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    background-color: #10b981;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #020617;
    font-weight: 700;
}

.beranda__icon-2 {
    font-size: 18px;
}

.beranda__text-9 {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
}

.beranda__text-10 {
    font-size: 10px;
    color: #94a3b8;
}


.site-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.profil__layout-2 {
    text-align: center;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 64px;
}

.profil__section-label-1 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #34d399;
    text-transform: uppercase;
}

.profil__text-1 {
    font-size: 30px;
    font-weight: 800;
    color: #ffffff;
    margin-top: 8px;
}

.profil__layout-3 {
    width: 80px;
    height: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    border-radius: 9999px;
    background-image: linear-gradient(to right, #10b981 0%, #2dd4bf 100%);
}

.profil__text-2 {
    color: #cbd5e1;
    margin-top: 16px;
    font-size: 16px;
}

.profil__grid-4 {
    display: grid;
    gap: 32px;
}

.profil__card-5 {
    padding: 32px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.profil__row-6 {
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 24px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    background-image: linear-gradient(to bottom right, #10b981 0%, #047857 100%);
}

.profil__heading-1 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    transition: color, background-color, border-color .15s ease-in-out;
}

.profil__text-3 {
    color: #cbd5e1;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.625;
}

.profil__card-7 {
    padding: 32px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.profil__row-8 {
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 24px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    background-image: linear-gradient(to bottom right, #14b8a6 0%, #0e7490 100%);
}

.profil__heading-2 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    transition: color, background-color, border-color .15s ease-in-out;
}

.profil__text-4 {
    color: #cbd5e1;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.625;
}

.profil__card-9 {
    padding: 32px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.profil__row-10 {
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 24px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    background-image: linear-gradient(to bottom right, #3b82f6 0%, #4338ca 100%);
}

.profil__heading-3 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    transition: color, background-color, border-color .15s ease-in-out;
}

.profil__text-5 {
    color: #cbd5e1;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.625;
}

.profil__card-11 {
    padding: 32px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.profil__row-12 {
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 24px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    background-image: linear-gradient(to bottom right, #f59e0b 0%, #b45309 100%);
}

.profil__heading-4 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    transition: color, background-color, border-color .15s ease-in-out;
}

.profil__text-6 {
    color: #cbd5e1;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.625;
}

.profil__card-13 {
    padding: 32px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.profil__row-14 {
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #020617;
    font-size: 24px;
    margin-bottom: 24px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    background-image: linear-gradient(to bottom right, #34d399 0%, #0f766e 100%);
}

.profil__heading-5 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    transition: color, background-color, border-color .15s ease-in-out;
}

.profil__text-7 {
    color: #cbd5e1;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.625;
}

.profil__card-15 {
    padding: 32px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.profil__row-16 {
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 24px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    background-image: linear-gradient(to bottom right, #a855f7 0%, #be185d 100%);
}

.profil__heading-6 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    transition: color, background-color, border-color .15s ease-in-out;
}

.profil__text-8 {
    color: #cbd5e1;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.625;
}


.site-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.program__layout-2 {
    text-align: center;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 64px;
}

.program__section-label-1 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #34d399;
    text-transform: uppercase;
}

.program__text-1 {
    font-size: 30px;
    font-weight: 800;
    color: #ffffff;
    margin-top: 8px;
}

.program__layout-3 {
    width: 80px;
    height: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    border-radius: 9999px;
    background-image: linear-gradient(to right, #10b981 0%, #2dd4bf 100%);
}

.program__grid-4 {
    display: grid;
    gap: 24px;
}

.program__row-5 {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .15s ease-in-out;
}

.program__row-6 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(16, 185, 129, 0.2);
    color: #34d399;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 700;
}

.program__heading-1 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.program__text-2 {
    font-size: 12px;
    color: #cbd5e1;
    margin-top: 8px;
    line-height: 1.625;
}

.program__ul-1 {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
    color: #94a3b8;
}

.program__row-1 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-1 {
    color: #34d399;
}

.program__row-2 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-2 {
    color: #34d399;
}

.program__row-3 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-3 {
    color: #34d399;
}

.program__layout-7 {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #1e293b;
}

.program__label-1 {
    font-size: 11px;
    color: #6ee7b7;
    background-color: rgba(16, 185, 129, 0.1);
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.2);
}

.program__row-8 {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .15s ease-in-out;
}

.program__row-9 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(20, 184, 166, 0.2);
    color: #5eead4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 700;
}

.program__heading-2 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.program__text-3 {
    font-size: 12px;
    color: #cbd5e1;
    margin-top: 8px;
    line-height: 1.625;
}

.program__ul-2 {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
    color: #94a3b8;
}

.program__row-4 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-4 {
    color: #5eead4;
}

.program__row-5 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-5 {
    color: #5eead4;
}

.program__row-6 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-6 {
    color: #5eead4;
}

.program__layout-10 {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #1e293b;
}

.program__label-2 {
    font-size: 11px;
    color: #5eead4;
    background-color: rgba(20, 184, 166, 0.1);
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    border: 1px solid;
    border-color: rgba(20, 184, 166, 0.2);
}

.program__row-11 {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .15s ease-in-out;
}

.program__row-12 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 700;
}

.program__heading-3 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.program__text-4 {
    font-size: 12px;
    color: #cbd5e1;
    margin-top: 8px;
    line-height: 1.625;
}

.program__ul-3 {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
    color: #94a3b8;
}

.program__row-7 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-7 {
    color: #fbbf24;
}

.program__row-8 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-8 {
    color: #fbbf24;
}

.program__row-9 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-9 {
    color: #fbbf24;
}

.program__layout-13 {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #1e293b;
}

.program__label-3 {
    font-size: 11px;
    color: #fbbf24;
    background-color: rgba(245, 158, 11, 0.1);
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    border: 1px solid;
    border-color: rgba(245, 158, 11, 0.2);
}

.program__row-14 {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .15s ease-in-out;
}

.program__row-15 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(168, 85, 247, 0.2);
    color: #d8b4fe;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 700;
}

.program__heading-4 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.program__text-5 {
    font-size: 12px;
    color: #cbd5e1;
    margin-top: 8px;
    line-height: 1.625;
}

.program__ul-4 {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 12px;
    color: #94a3b8;
}

.program__row-10 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-10 {
    color: #d8b4fe;
}

.program__row-11 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-11 {
    color: #d8b4fe;
}

.program__row-12 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.program__icon-12 {
    color: #d8b4fe;
}

.program__layout-16 {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid;
    border-color: #1e293b;
}

.program__label-4 {
    font-size: 11px;
    color: #d8b4fe;
    background-color: rgba(168, 85, 247, 0.1);
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    border: 1px solid;
    border-color: rgba(168, 85, 247, 0.2);
}


.site-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.fasilitas__layout-2 {
    text-align: center;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 64px;
}

.fasilitas__section-label-1 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #34d399;
    text-transform: uppercase;
}

.fasilitas__text-1 {
    font-size: 30px;
    font-weight: 800;
    color: #ffffff;
    margin-top: 8px;
}

.fasilitas__layout-3 {
    width: 80px;
    height: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    border-radius: 9999px;
    background-image: linear-gradient(to right, #10b981 0%, #2dd4bf 100%);
}

.fasilitas__grid-4 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
}

.fasilitas__card-5 {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid;
    border-color: #1e293b;
    transition: all .15s ease-in-out;
}

.fasilitas__layout-6 {
    height: 192px;
    overflow: hidden;
    position: relative;
}

.fasilitas__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .15s ease-in-out;
    transition-duration: 0.5s;
}

.fasilitas__layout-7 {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to top, #020617 0%, transparent 50%, transparent 100%);
}

.fasilitas__label-1 {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: rgba(2, 6, 23, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #34d399;
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.3);
    font-weight: 600;
}

.fasilitas__layout-8 {
    padding: 24px;
}

.fasilitas__subheading-1 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.fasilitas__text-2 {
    color: #cbd5e1;
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.625;
}

.fasilitas__card-9 {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid;
    border-color: #1e293b;
    transition: all .15s ease-in-out;
}

.fasilitas__layout-10 {
    height: 192px;
    overflow: hidden;
    position: relative;
}

.fasilitas__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .15s ease-in-out;
    transition-duration: 0.5s;
}

.fasilitas__layout-11 {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to top, #020617 0%, transparent 50%, transparent 100%);
}

.fasilitas__label-2 {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: rgba(2, 6, 23, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #5eead4;
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    border: 1px solid;
    border-color: rgba(20, 184, 166, 0.3);
    font-weight: 600;
}

.fasilitas__layout-12 {
    padding: 24px;
}

.fasilitas__subheading-2 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.fasilitas__text-3 {
    color: #cbd5e1;
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.625;
}

.fasilitas__card-13 {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid;
    border-color: #1e293b;
    transition: all .15s ease-in-out;
}

.fasilitas__layout-14 {
    height: 192px;
    overflow: hidden;
    position: relative;
}

.fasilitas__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .15s ease-in-out;
    transition-duration: 0.5s;
}

.fasilitas__layout-15 {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to top, #020617 0%, transparent 50%, transparent 100%);
}

.fasilitas__label-3 {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: rgba(2, 6, 23, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #fbbf24;
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    border: 1px solid;
    border-color: rgba(245, 158, 11, 0.3);
    font-weight: 600;
}

.fasilitas__layout-16 {
    padding: 24px;
}

.fasilitas__subheading-3 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.fasilitas__text-4 {
    color: #cbd5e1;
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.625;
}


.site-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.psb__layout-2 {
    text-align: center;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 64px;
}

.psb__section-label-1 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #34d399;
    text-transform: uppercase;
}

.psb__text-1 {
    font-size: 30px;
    font-weight: 800;
    color: #ffffff;
    margin-top: 8px;
}

.psb__layout-3 {
    width: 80px;
    height: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    border-radius: 9999px;
    background-image: linear-gradient(to right, #10b981 0%, #2dd4bf 100%);
}

.psb__grid-4 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 64px;
}

.psb__card-5 {
    padding: 24px;
    border-radius: 16px;
    position: relative;
    border-top: 4px solid;
    border-top-color: #34d399;
}

.psb__row-1 {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background-color: #10b981;
    color: #ffffff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 16px;
}

.psb__subheading-1 {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.psb__text-2 {
    font-size: 12px;
    color: #cbd5e1;
    margin-top: 8px;
}

.psb__card-6 {
    padding: 24px;
    border-radius: 16px;
    position: relative;
    border-top: 4px solid;
    border-top-color: #2dd4bf;
}

.psb__row-2 {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background-color: #14b8a6;
    color: #ffffff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 16px;
}

.psb__subheading-2 {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.psb__text-3 {
    font-size: 12px;
    color: #cbd5e1;
    margin-top: 8px;
}

.psb__card-7 {
    padding: 24px;
    border-radius: 16px;
    position: relative;
    border-top: 4px solid;
    border-top-color: #fbbf24;
}

.psb__row-3 {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background-color: #f59e0b;
    color: #020617;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 16px;
}

.psb__subheading-3 {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.psb__text-4 {
    font-size: 12px;
    color: #cbd5e1;
    margin-top: 8px;
}

.psb__card-8 {
    padding: 24px;
    border-radius: 16px;
    position: relative;
    border-top: 4px solid;
    border-top-color: #34d399;
}

.psb__row-4 {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background-color: #34d399;
    color: #020617;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 16px;
}

.psb__subheading-4 {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.psb__text-5 {
    font-size: 12px;
    color: #cbd5e1;
    margin-top: 8px;
}

.psb__card-9 {
    padding: 32px;
    border-radius: 24px;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.3);
    max-width: 896px;
    margin-left: auto;
    margin-right: auto;
}

.psb__heading-1 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.psb__icon-1 {
    color: #34d399;
}

.psb__grid-10 {
    display: grid;
    gap: 16px;
    font-size: 12px;
    color: #cbd5e1;
}

.psb__row-11 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.6);
    border: 1px solid;
    border-color: #1e293b;
}

.psb__icon-2 {
    color: #34d399;
    margin-top: 2px;
}

.psb__row-12 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.6);
    border: 1px solid;
    border-color: #1e293b;
}

.psb__icon-3 {
    color: #34d399;
    margin-top: 2px;
}

.psb__row-13 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.6);
    border: 1px solid;
    border-color: #1e293b;
}

.psb__icon-4 {
    color: #34d399;
    margin-top: 2px;
}

.psb__row-14 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.6);
    border: 1px solid;
    border-color: #1e293b;
}

.psb__icon-5 {
    color: #34d399;
    margin-top: 2px;
}

.psb__layout-15 {
    margin-top: 32px;
    text-align: center;
}

.psb__apply-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 12px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    transition: all .15s ease-in-out;
    background-image: linear-gradient(to right, #059669 0%, #0f766e 100%);
}


.site-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}
.site-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.kontak__grid-2 {
    display: grid;
    gap: 48px;
    align-items: center;
}

.kontak__layout-3 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.kontak__section-label-1 {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #34d399;
    text-transform: uppercase;
}

.kontak__heading-1 {
    font-size: 30px;
    font-weight: 800;
    color: #ffffff;
}

.kontak__text-1 {
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.625;
}

.kontak__layout-4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
}

.kontak__row-5 {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
}

.kontak__row-6 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(16, 185, 129, 0.2);
    color: #34d399;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.kontak__eyebrow-1 {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
}

.kontak__text-2 {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.kontak__row-7 {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
}

.kontak__row-8 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(20, 184, 166, 0.2);
    color: #5eead4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.kontak__eyebrow-2 {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
}

.kontak__text-3 {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.kontak__row-9 {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
}

.kontak__row-10 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.kontak__eyebrow-3 {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
}

.kontak__text-4 {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.kontak__card-12 {
    padding: 32px;
    border-radius: 24px;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.3);
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
}

.kontak__subheading-1 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
}

.kontak__text-5 {
    font-size: 12px;
    color: #94a3b8;
    margin-bottom: 24px;
}

.kontak__form-1 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kontak__label-1 {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #cbd5e1;
    margin-bottom: 8px;
}

.contact-form__field {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.9);
    border: 1px solid;
    border-color: #334155;
    color: #ffffff;
    transition: all .15s ease-in-out;
    font-size: 14px;
}

.kontak__grid-13 {
    display: grid;
    gap: 16px;
}

.kontak__label-2 {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #cbd5e1;
    margin-bottom: 8px;
}

.contact-form__field {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.9);
    border: 1px solid;
    border-color: #334155;
    color: #ffffff;
    transition: all .15s ease-in-out;
    font-size: 14px;
}

.kontak__label-3 {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #cbd5e1;
    margin-bottom: 8px;
}

.contact-form__field {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.9);
    border: 1px solid;
    border-color: #334155;
    color: #e2e8f0;
    transition: all .15s ease-in-out;
    font-size: 14px;
}

.kontak__label-4 {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #cbd5e1;
    margin-bottom: 8px;
}

.contact-form__field {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 12px;
    background-color: rgba(15, 23, 42, 0.9);
    border: 1px solid;
    border-color: #334155;
    color: #ffffff;
    transition: all .15s ease-in-out;
    font-size: 14px;
    resize: none;
}

.contact-form__submit-button {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 12px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    transition: all .15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background-image: linear-gradient(to right, #059669 0%, #059669 50%, #0f766e 100%);
}

.kontak__icon-1 {
    font-size: 18px;
}

.footer__footer-1 {
    background-color: #020617;
    border-top: 1px solid;
    border-color: rgba(30, 41, 59, 0.8);
    padding-top: 64px;
    padding-bottom: 48px;
}

.site-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.footer__grid-2 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 40px;
    margin-bottom: 48px;
}

.footer__layout-3 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__row-4 {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer__row-5 {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #020617;
    box-shadow: 0 0 25px -5px rgba(16,185,129,.3);
    background-image: linear-gradient(to top right, #059669 0%, #2dd4bf 100%);
}

.footer__icon-1 {
    font-size: 20px;
}

.footer__label-1 {
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
}

.footer__text-1 {
    font-size: 12px;
    color: #94a3b8;
    line-height: 1.625;
}

.footer__row-6 {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #94a3b8;
    padding-top: 8px;
}

.footer__link-1 {
    border-radius: 9999px;
    background-color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s ease-in-out;
}

.footer__link-2 {
    border-radius: 9999px;
    background-color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s ease-in-out;
}

.footer__link-3 {
    border-radius: 9999px;
    background-color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s ease-in-out;
}

.footer__eyebrow-1 {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
}

.footer__ul-1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 12px;
    color: #94a3b8;
}

.footer__link-4 {
    transition: color, background-color, border-color .15s ease-in-out;
}

.footer__link-5 {
    transition: color, background-color, border-color .15s ease-in-out;
}

.footer__link-6 {
    transition: color, background-color, border-color .15s ease-in-out;
}

.footer__link-7 {
    transition: color, background-color, border-color .15s ease-in-out;
}

.footer__link-8 {
    transition: color, background-color, border-color .15s ease-in-out;
}

.footer__eyebrow-2 {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
}

.footer__ul-2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 12px;
    color: #94a3b8;
}

.footer__label-2 {
    color: #cbd5e1;
}

.footer__label-3 {
    color: #cbd5e1;
}

.footer__label-4 {
    color: #cbd5e1;
}

.footer__label-5 {
    color: #cbd5e1;
}

.footer__eyebrow-3 {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
}

.footer__text-2 {
    font-size: 12px;
    color: #94a3b8;
    line-height: 1.625;
    margin-bottom: 12px;
}

.footer__label-6 {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 9999px;
    background-color: rgba(16, 185, 129, 0.1);
    color: #34d399;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.2);
}

.footer__row-7 {
    border-top: 1px solid;
    border-color: #0f172a;
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #64748b;
}

.footer__text-3 {
    margin-top: 8px;
}

.footer__icon-2 {
    color: #10b981;
}

.floating-contact__container {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 50;
    display: flex;
    align-items: center;
    gap: 12px;
}

.floating-contact__tooltip {
    display: none;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 12px;
    font-size: 12px;
    color: #ffffff;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1);
    border: 1px solid;
    border-color: rgba(16, 185, 129, 0.3);
    align-items: center;
    gap: 8px;
}

.contact-float__label-1 {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background-color: #34d399;
    animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
}

.floating-contact__button {
    border-radius: 9999px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 0 40px -5px rgba(16,185,129,.5);
    transition: transform .15s ease-in-out;
    background-image: linear-gradient(to top right, #059669 0%, #14b8a6 100%);
}

@media (min-width: 640px) {

.site-container {
    padding-left: 24px;
    padding-right: 24px;
}

.site-container {
    padding-left: 24px;
    padding-right: 24px;
}

.hero__announcement {
    font-size: 14px;
}

.beranda__title-1 {
    font-size: 48px;
}

.beranda__text-1 {
    font-size: 18px;
}

.hero__actions {
    flex-direction: row;
}

.hero__primary-link {
    width: auto;
}

.hero__secondary-link {
    width: auto;
}

.hero__statistics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hero__showcase-card {
    padding: 32px;
}

.hero__floating-card {
    display: flex;
}

.site-container {
    padding-left: 24px;
    padding-right: 24px;
}

.profil__section-label-1 {
    font-size: 14px;
}

.profil__text-1 {
    font-size: 36px;
}

.profil__grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-container {
    padding-left: 24px;
    padding-right: 24px;
}

.program__section-label-1 {
    font-size: 14px;
}

.program__text-1 {
    font-size: 36px;
}

.site-container {
    padding-left: 24px;
    padding-right: 24px;
}

.fasilitas__section-label-1 {
    font-size: 14px;
}

.fasilitas__text-1 {
    font-size: 36px;
}

.fasilitas__grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-container {
    padding-left: 24px;
    padding-right: 24px;
}

.psb__section-label-1 {
    font-size: 14px;
}

.psb__text-1 {
    font-size: 36px;
}

.psb__grid-10 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-container {
    padding-left: 24px;
    padding-right: 24px;
}
.site-container {
    padding-left: 24px;
    padding-right: 24px;
}

.kontak__section-label-1 {
    font-size: 14px;
}

.kontak__grid-13 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-container {
    padding-left: 24px;
    padding-right: 24px;
}

.footer__row-7 {
    flex-direction: row;
}

.footer__text-3 {
    margin-top: 0;
}

.floating-contact__tooltip {
    display: flex;
}

}

@media (min-width: 1024px) {

.site-container {
    padding-left: 32px;
    padding-right: 32px;
}

.site-container {
    padding-left: 32px;
    padding-right: 32px;
}

.hero__columns {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.hero__copy {
    grid-column: span 7 / span 7;
}

.hero__copy {
    text-align: left;
}

.hero__announcement {
    align-self: flex-start;
}

.beranda__title-1 {
    font-size: 60px;
}

.beranda__text-1 {
    margin-left: 0;
    margin-right: 0;
}

.hero__actions {
    justify-content: flex-start;
}

.hero__visual {
    grid-column: span 5 / span 5;
}


.site-container {
    padding-left: 32px;
    padding-right: 32px;
}

.profil__grid-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.site-container {
    padding-left: 32px;
    padding-right: 32px;
}

.program__grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.site-container {
    padding-left: 32px;
    padding-right: 32px;
}

.fasilitas__grid-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.site-container {
    padding-left: 32px;
    padding-right: 32px;
}

.site-container {
    padding-left: 32px;
    padding-right: 32px;
}

.site-container {
    padding-left: 32px;
    padding-right: 32px;
}

.kontak__grid-2 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.kontak__layout-3 {
    grid-column: span 5 / span 5;
}

.kontak__layout-11 {
    grid-column: span 7 / span 7;
}

.site-container {
    padding-left: 32px;
    padding-right: 32px;
}

}

@media (min-width: 768px) {

.desktop-navigation {
    display: flex;
}

.header__layout-5 {
    display: flex;
}

.header__row-6 {
    display: none;
}

.mobile-navigation {
    display: none;
}

.program__grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.psb__grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.footer__grid-2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

}


.is-hover-group:hover .header__label-1 {
    color: #34d399;
}

.header__link-2:hover {
    color: #34d399;
}

.header__link-3:hover {
    color: #34d399;
}

.header__link-4:hover {
    color: #34d399;
}

.header__link-5:hover {
    color: #34d399;
}

.header__link-6:hover {
    color: #34d399;
}

.header__link-7:hover {
    background-color: rgba(16, 185, 129, 0.3);
}




.mobile-menu-toggle:hover {
    color: #ffffff;
}

.mobile-menu-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
}


.header__link-9:hover {
    background-color: rgba(16, 185, 129, 0.2);
}

.header__link-9:hover {
    color: #34d399;
}

.site-brand0:hover {
    background-color: rgba(16, 185, 129, 0.2);
}

.site-brand0:hover {
    color: #34d399;
}

.site-brand1:hover {
    background-color: rgba(16, 185, 129, 0.2);
}

.site-brand1:hover {
    color: #34d399;
}

.site-brand2:hover {
    background-color: rgba(16, 185, 129, 0.2);
}

.site-brand2:hover {
    color: #34d399;
}

.site-brand3:hover {
    background-color: rgba(16, 185, 129, 0.2);
}

.site-brand3:hover {
    color: #34d399;
}




.hero__secondary-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.hero__secondary-link:hover {
    border-color: #34d399;
}


.is-hover-group:hover .profil__heading-1 {
    color: #34d399;
}

.is-hover-group:hover .profil__heading-2 {
    color: #34d399;
}

.is-hover-group:hover .profil__heading-3 {
    color: #34d399;
}

.is-hover-group:hover .profil__heading-4 {
    color: #34d399;
}

.is-hover-group:hover .profil__heading-5 {
    color: #34d399;
}

.is-hover-group:hover .profil__heading-6 {
    color: #34d399;
}

.program__row-5:hover {
    border-color: rgba(52, 211, 153, 0.5);
}

.program__row-8:hover {
    border-color: rgba(52, 211, 153, 0.5);
}

.program__row-11:hover {
    border-color: rgba(52, 211, 153, 0.5);
}

.program__row-14:hover {
    border-color: rgba(52, 211, 153, 0.5);
}

.fasilitas__card-5:hover {
    border-color: rgba(52, 211, 153, 0.4);
}


.fasilitas__card-9:hover {
    border-color: rgba(52, 211, 153, 0.4);
}


.fasilitas__card-13:hover {
    border-color: rgba(52, 211, 153, 0.4);
}
.contact-form__field:focus {
    border-color: #34d399;
}




.contact-form__field:focus {
    border-color: #34d399;
}




.contact-form__field:focus {
    border-color: #34d399;
}




.contact-form__field:focus {
    border-color: #34d399;
}






.footer__link-1:hover {
    background-color: #10b981;
}

.footer__link-1:hover {
    color: #ffffff;
}

.footer__link-2:hover {
    background-color: #10b981;
}

.footer__link-2:hover {
    color: #ffffff;
}

.footer__link-3:hover {
    background-color: #10b981;
}

.footer__link-3:hover {
    color: #ffffff;
}

.footer__link-4:hover {
    color: #34d399;
}

.footer__link-5:hover {
    color: #34d399;
}

.footer__link-6:hover {
    color: #34d399;
}

.footer__link-7:hover {
    color: #34d399;
}

.footer__link-8:hover {
    color: #34d399;
}





/* Shared visual components */
.glass-card { background: rgba(15, 23, 42, .65); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(52, 211, 153, .18); }
.glass-card-hover { transition: all .3s cubic-bezier(.4, 0, .2, 1); }
.glass-card-hover:hover { transform: translateY(-5px); background: rgba(15, 23, 42, .8); border-color: rgba(52, 211, 153, .4); box-shadow: 0 20px 30px -10px rgba(6, 78, 59, .5); }
.glass-nav { background: rgba(6, 44, 34, .75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(52, 211, 153, .15); }
.floating-accent { animation-duration: 4s; }
.mobile-nav-link { display: block; }
#mobile-menu { border-left: 0; border-right: 0; border-top: 0; }
input, select, textarea, button { font: inherit; }
input, select, textarea { color: inherit; }
select.contact-form__field { color: #e2e8f0; }
input::placeholder, textarea::placeholder { color: #64748b; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #022c22; }
::-webkit-scrollbar-thumb { background: #059669; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #10b981; }
@keyframes pulse { 50% { opacity: .5; } }
@keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } }
@keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,.2,1); } }

/* Section layouts */
.beranda__section {
    position: relative;
    padding: 3rem 0 6rem;
    overflow: hidden;
}

.profil__section,
.program__section,
.fasilitas__section,
.psb__section,
.kontak__section {
    position: relative;
    padding: 5rem 0;
}

.program__section {
    background-color: rgba(2, 6, 23, .5);
}

.psb__section {
    background-color: rgba(2, 6, 23, .7);
}

.page__layout-1,
.page__layout-2,
.page__layout-3 {
    z-index: -10;
}

@media (min-width: 1024px) {
    .beranda__section {
        padding-top: 5rem;
        padding-bottom: 8rem;
    }
}

/* Hover interactions */
.is-hover-group:hover .header__row-3 {
    transform: scale(1.05);
}

.is-hover-group:hover .header__label-1 {
    color: #34d399;
}

.is-hover-group:hover .hero__image {
    transform: scale(1.05);
}

.is-hover-group:hover .fasilitas__image {
    transform: scale(1.1);
}

.header-contact-link:hover,
.hero__primary-link:hover,
.psb__apply-link:hover {
    transform: scale(1.05);
    background-image: linear-gradient(to right, #059669, #0f766e);
}

.contact-form__submit-button:hover {
    transform: scale(1.02);
    background-image: linear-gradient(to right, #059669, #0f766e);
}

.floating-contact__button:hover {
    transform: scale(1.1);
    background-image: linear-gradient(to top right, #059669, #14b8a6);
}

.error-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.error-page__code {
    color: #34d399;
    font-size: clamp(5rem, 18vw, 9rem);
    font-weight: 800;
    line-height: 1;
}

.error-page__title {
    margin-top: 1.5rem;
    color: #fff;
    font-size: clamp(1.5rem, 5vw, 2.25rem);
}

.error-page__message {
    max-width: 34rem;
    margin-top: 1rem;
    color: #cbd5e1;
    line-height: 1.7;
}

.error-page__link {
    margin-top: 2rem;
    padding: .875rem 1.5rem;
    border-radius: .75rem;
    background: linear-gradient(to right, #10b981, #0d9488);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.error-page__link:hover {
    background: linear-gradient(to right, #059669, #0f766e);
}

/* About menu */
.about-dropdown {
    position: relative;
}

.about-dropdown__toggle {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 0;
    border: 0;
    background: transparent;
    color: #e2e8f0;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.about-dropdown__toggle:hover,
.about-dropdown__toggle:focus-visible {
    color: #34d399;
}

.about-dropdown__toggle i {
    font-size: .7rem;
    transition: transform .2s ease;
}

.about-dropdown.is-open .about-dropdown__toggle i {
    transform: rotate(180deg);
}

.about-dropdown__menu {
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    z-index: 60;
    display: none;
    min-width: 13rem;
    padding: .5rem;
    border: 1px solid rgba(52, 211, 153, .2);
    border-radius: .75rem;
    background: rgba(6, 44, 34, .97);
    box-shadow: 0 16px 32px rgba(2, 6, 23, .35);
    backdrop-filter: blur(16px);
}

.about-dropdown.is-open .about-dropdown__menu {
    display: grid;
}

.about-dropdown__menu a,
.mobile-about__links a {
    display: block;
    padding: .7rem .8rem;
    border-radius: .5rem;
    color: #e2e8f0;
    font-size: .875rem;
    text-decoration: none;
}

.about-dropdown__menu a:hover,
.about-dropdown__menu a:focus-visible,
.about-dropdown__menu a[aria-current="page"],
.mobile-about__links a:hover,
.mobile-about__links a:focus-visible,
.mobile-about__links a[aria-current="page"] {
    background: rgba(16, 185, 129, .16);
    color: #6ee7b7;
}

.mobile-about {
    padding: .6rem 1rem;
    border-radius: .5rem;
    color: #e2e8f0;
}

.mobile-about summary {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
}

.mobile-about__links {
    display: grid;
    gap: .2rem;
    margin: .4rem 0 0 .6rem;
    padding-left: .6rem;
    border-left: 1px solid rgba(52, 211, 153, .3);
}

.mobile-about__links a {
    font-size: .9rem;
}

/* Standalone information pages */
.content-page {
    min-height: calc(100vh - 5rem);
    padding: 5rem 0;
}

.content-page__intro {
    max-width: 48rem;
    margin: 0 auto 3rem;
    text-align: center;
}

.content-page__eyebrow {
    color: #34d399;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.content-page__title {
    margin-top: .75rem;
    color: #fff;
    font-size: clamp(2.25rem, 6vw, 3.75rem);
    font-weight: 800;
}

.content-page__subtitle {
    margin-top: .6rem;
    color: #fff;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
}

.content-page__summary {
    margin-top: 1rem;
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.8;
}

.profile-tagline {
    position: relative;
    max-width: 40rem;
    margin: 0 auto;
    padding: 2rem 1.25rem 1.5rem;
    border: 1px solid rgba(251, 191, 36, .45);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(251, 191, 36, .08), rgba(15, 23, 42, .72));
    text-align: center;
}

.profile-tagline__mark {
    position: absolute;
    top: -.9rem;
    left: 50%;
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    transform: translateX(-50%);
    place-items: center;
    border: 1px solid rgba(251, 191, 36, .55);
    border-radius: 50%;
    background: #b98522;
    color: #fffaf0;
    font-family: Georgia, serif;
    font-size: 3rem;
    line-height: 1.3;
}

.profile-tagline p {
    color: #fffaf0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1rem, 2vw, 1rem);
    font-style: italic;
    font-weight: 600;
    line-height: 1.5;
}

.profile-values {
    padding-top: 3rem;
}

.profile-values__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

.profile-values__card {
    padding: 1.75rem;
    border-radius: 1rem;
}

.profile-values__card > i {
    color: #34d399;
    font-size: 1.5rem;
}

.profile-values__card h3 {
    margin-top: 1rem;
    color: #fff;
    font-size: 1.2rem;
}

.profile-values__card p {
    margin-top: .65rem;
    color: #cbd5e1;
    font-size: .9rem;
    line-height: 1.7;
}

.vision-mission__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    max-width: 60rem;
    margin: 0 auto;
}

.vision-mission__card {
    padding: 2rem;
    border-radius: 1.25rem;
}

.vision-mission__icon {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: .9rem;
    background: rgba(16, 185, 129, .16);
    color: #34d399;
    font-size: 1.2rem;
}

.vision-mission__card h2 {
    margin-top: 1.25rem;
    color: #fff;
    font-size: 1.5rem;
}

.content-placeholder {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px dashed rgba(52, 211, 153, .35);
    border-radius: .75rem;
    color: #cbd5e1;
    line-height: 1.8;
}

.content-placeholder li + li {
    margin-top: .5rem;
}

.leadership-card {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    max-width: 58rem;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 1.25rem;
}

.leadership-card__portrait {
    display: grid;
    min-height: 16rem;
    place-items: center;
    border: 1px dashed rgba(52, 211, 153, .35);
    border-radius: 1rem;
    background: rgba(2, 6, 23, .45);
    color: #34d399;
    font-size: 4rem;
}

.leadership-card__details h2 {
    margin-top: .5rem;
    color: #fff;
    font-size: 1.75rem;
}

.leadership-card__role {
    margin-top: .35rem;
    color: #6ee7b7;
    font-weight: 600;
}

.simple-footer {
    padding: 1.5rem 0;
    border-top: 1px solid rgba(148, 163, 184, .15);
    color: #94a3b8;
    font-size: .85rem;
}

.simple-footer .site-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .75rem 1.5rem;
}

.simple-footer a {
    color: #6ee7b7;
    text-decoration: none;
}

.simple-footer a:hover {
    color: #fff;
}

@media (min-width: 640px) {
    .profile-tagline {
        padding: 2.5rem 3rem 2rem;
    }

    .profile-values__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vision-mission__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .leadership-card {
        grid-template-columns: minmax(14rem, .8fr) 1.2fr;
        align-items: center;
        padding: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .profile-values__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Warm parchment and forest-green theme */
:root {
    color-scheme: light;
    --theme-ink: #203b2e;
    --theme-muted: #59685a;
    --theme-green: #315b3b;
    --theme-green-dark: #24452f;
    --theme-gold: #96752f;
    --theme-paper: #f7f3e8;
    --theme-card: rgba(255, 253, 247, .92);
}

::selection {
    background: #315b3b;
    color: #fffdf7;
}

.page__body {
    color: var(--theme-ink);
    background-color: var(--theme-paper);
    background-image: url("../assets/leaf-border.svg"), url("../assets/leaf-border.svg");
    background-repeat: repeat-y, repeat-y;
    background-position: left top, right top;
    background-size: 112px 520px, 112px 520px;
}

.page__layout-1,
.page__layout-2,
.page__layout-3 {
    display: none;
}

.glass-nav {
    background: #faf8ef;
    border-bottom-color: rgba(49, 91, 59, .16);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.glass-card {
    color: var(--theme-ink);
    background: #fffdf7;
    border-color: rgba(49, 91, 59, .16);
    box-shadow: 0 2px 8px rgba(32, 59, 46, .05);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.glass-card-hover:hover {
    background: #fffdf7;
    border-color: rgba(49, 91, 59, .3);
    box-shadow: 0 4px 12px rgba(32, 59, 46, .08);
}

.header__label-1,
.header__link-2,
.header__link-4,
.header__link-5,
.header__link-6,
.about-dropdown__toggle {
    color: var(--theme-ink);
}

.header__label-2 {
    color: var(--theme-gold);
}

.header__row-3,
.footer__row-5 {
    color: #fffdf7;
    background-color: var(--theme-green);
    background-image: none;
    box-shadow: none;
}

.header__icon-1,
.footer__icon-1 {
    color: #fffdf7;
}

.header-contact-link,
.hero__primary-link,
.psb__apply-link,
.contact-form__submit-button,
.error-page__link {
    color: #fffdf7;
    background-color: var(--theme-green);
    background-image: none;
    box-shadow: none;
}

.header-contact-link:hover,
.hero__primary-link:hover,
.psb__apply-link:hover,
.contact-form__submit-button:hover,
.error-page__link:hover {
    background-color: var(--theme-green-dark);
    background-image: none;
}

.mobile-menu-toggle {
    color: var(--theme-ink);
}

.about-dropdown__menu,
#mobile-menu {
    color: var(--theme-ink);
    background: #fffdf7;
    border-color: rgba(49, 91, 59, .16);
    box-shadow: 0 3px 10px rgba(32, 59, 46, .08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.about-dropdown__menu a,
.mobile-nav-link {
    color: var(--theme-ink);
}

.about-dropdown__menu a:hover,
.mobile-nav-link:hover {
    color: var(--theme-green-dark);
    background: rgba(49, 91, 59, .08);
}

.page__body [class*="__title-"],
.page__body [class*="__heading-"],
.page__body [class*="__subheading-"] {
    color: var(--theme-ink);
}

.content-page__title,
.content-page__subtitle,
.profile-values__card h3 {
    color: var(--theme-ink);
}

.page__body [class*="__text-"],
.page__body [class*="__description-"],
.page__body [class*="__summary-"],
.page__body [class*="__caption-"] {
    color: var(--theme-muted);
}

.content-page__summary,
.profile-values__card p,
.profile-tagline p {
    color: var(--theme-muted);
}

.beranda__label-2,
.beranda__label-3,
.content-page__eyebrow,
.content-page__summary,
.profile-tagline__mark,
.profile-values__card > i,
.vision-mission__icon,
.leadership-card__role {
    color: var(--theme-green);
}

.beranda__label-2 {
    background-image: linear-gradient(90deg, #315b3b, #96752f);
}

.beranda__label-1 {
    background-color: #70864b;
}

.hero__announcement-text {
    color: var(--theme-ink);
}

.program__section {
    background-color: rgba(232, 226, 209, .62);
}

.psb__section {
    background-color: rgba(224, 231, 215, .72);
}

.fasilitas__label-1,
.fasilitas__label-2,
.fasilitas__label-3 {
    color: #fffdf7;
}

.kontak__label-1,
.kontak__label-2,
.kontak__label-3,
.kontak__label-4 {
    color: var(--theme-ink);
}

.contact-form__field,
.contact-form__field:focus {
    color: var(--theme-ink);
    background-color: #fffdf7;
    border-color: rgba(49, 91, 59, .22);
}

select.contact-form__field {
    color: var(--theme-ink);
}

input::placeholder,
textarea::placeholder {
    color: #7b8578;
}

.footer__footer-1,
.simple-footer {
    color: var(--theme-muted);
    background-color: #eee9dc;
    border-color: rgba(49, 91, 59, .16);
}

.footer__label-1,
.footer__label-2,
.footer__label-3,
.footer__label-4,
.footer__label-5,
.footer__label-6,
.simple-footer a {
    color: var(--theme-green-dark);
}

.footer__text-1,
.footer__row-6 {
    color: var(--theme-muted);
}

.error-page__code {
    color: var(--theme-green);
}

.error-page__title {
    color: var(--theme-ink);
}

.error-page__message {
    color: var(--theme-muted);
}

.profile-tagline,
.profile-values__card,
.vision-mission__card,
.leadership-card,
.content-placeholder {
    color: var(--theme-ink);
    background-color: #fffdf7;
    border-color: rgba(49, 91, 59, .18);
    box-shadow: 0 2px 8px rgba(32, 59, 46, .05);
}

.profile-tagline {
    background-image: none;
}

.vision-mission__card h2,
.leadership-card__details h2 {
    color: var(--theme-ink);
}

.leadership-card__portrait {
    color: var(--theme-green);
    background: #eee9dc;
    border-color: rgba(49, 91, 59, .24);
}

.simple-footer a:hover {
    color: var(--theme-gold);
}

::-webkit-scrollbar-track {
    background: #eee9dc;
}

::-webkit-scrollbar-thumb {
    background: #70864b;
}

::-webkit-scrollbar-thumb:hover {
    background: #315b3b;
}

@media (max-width: 640px) {
    .page__body {
        background-size: 64px 420px, 64px 420px;
    }
}

/* Subtle glossy finish in the warm green-and-gold palette */
.glass-nav {
    background: rgba(250, 248, 239, .82);
    border-bottom-color: rgba(255, 255, 255, .8);
    box-shadow: 0 6px 20px rgba(49, 59, 39, .1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.glass-card,
.profile-tagline,
.profile-values__card,
.vision-mission__card,
.leadership-card,
.content-placeholder {
    background: linear-gradient(145deg, rgba(255, 255, 251, .88), rgba(239, 235, 220, .78));
    border-color: rgba(255, 255, 255, .86);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 10px 24px rgba(49, 59, 39, .09);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.glass-card-hover:hover {
    background: linear-gradient(145deg, #fffefa, #f1eddf);
    border-color: rgba(150, 117, 47, .28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 14px 28px rgba(49, 59, 39, .14);
}

.header__row-3,
.footer__row-5 {
    background-image: linear-gradient(145deg, #54734c, #315b3b 65%, #24452f);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 6px 14px rgba(36, 69, 47, .22);
}

.header-contact-link,
.hero__primary-link,
.psb__apply-link,
.contact-form__submit-button,
.error-page__link {
    background-image: linear-gradient(145deg, #52734b, #315b3b 62%, #24452f);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32), 0 7px 16px rgba(36, 69, 47, .2);
}

.header-contact-link:hover,
.hero__primary-link:hover,
.psb__apply-link:hover,
.contact-form__submit-button:hover,
.error-page__link:hover {
    background-image: linear-gradient(145deg, #658354, #3e6b48 62%, #315b3b);
}

.about-dropdown__menu,
#mobile-menu {
    background: rgba(255, 253, 247, .88);
    border-color: rgba(255, 255, 255, .85);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 12px 26px rgba(32, 59, 46, .14);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.contact-form__field,
.contact-form__field:focus {
    background: linear-gradient(145deg, rgba(255, 255, 251, .94), rgba(243, 239, 225, .88));
    box-shadow: inset 0 1px 2px rgba(49, 59, 39, .06), 0 1px 0 rgba(255, 255, 255, .8);
}