#footer-links-1.public-site-footer { position: relative; isolation: isolate; display: block; height: auto !important; min-height: 0; padding: 52px clamp(20px, 4vw, 64px) 0; background: radial-gradient(ellipse at 0% 5%, #236aaa80, transparent 48%), radial-gradient(ellipse at 100% 100%, #20796375, transparent 50%), linear-gradient(125deg, #0c2545, #103452 60%, #103f45); color: #d4e2ef; }
#pagepiling > #footer-links-1.public-site-footer { min-height: var(--home-screen-height, 100vh); padding-top: var(--home-section-top, 148px); }
#footer-links-1 > .fp-tableCell { display: block; height: auto !important; }
.public-site-footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #276daa, #76bca2 60%, #a9d877); }
.public-site-footer::after {
    content: '';
    position: absolute;
    inset: 4px 0 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 108% 105%, transparent 0 38%, #82d9b526 38.1% 38.25%, transparent 38.4% 43%, #63c3aa14 43.1% 48%, transparent 48.1% 52%, #a9e5c41c 52.1% 52.25%, transparent 52.4%),
        radial-gradient(ellipse at -18% -14%, transparent 0 35%, #76b8ed26 35.1% 35.25%, transparent 35.4% 41%, #498ecc1c 41.1% 46%, transparent 46.1% 50%, #7fc9e51c 50.1% 50.25%, transparent 50.4%),
        linear-gradient(150deg, transparent 48%, #143e601a 48.1% 64%, transparent 64.1%);
}
.site-footer-container { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; }
.site-footer-invitation { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 30px 38px; border: 1px solid #cddfeb; border-radius: 26px 26px 56px 26px; background: linear-gradient(115deg, #fff 35%, #ecf5fb 75%, #e6f2dd); color: #153967; box-shadow: 0 16px 38px #031b3026; }
.site-footer-invitation::after { content: ''; position: absolute; z-index: -1; right: -85px; bottom: -170px; width: 370px; height: 370px; border: 1px solid #bdd8d780; border-radius: 50%; box-shadow: 0 0 0 35px #bdd8d71a, 0 0 0 70px #bdd8d710; pointer-events: none; }
.site-footer-eyebrow { color: #547490; font-size: .65rem; font-weight: 700; letter-spacing: .12em; }
.site-footer-invitation h2 { margin: 10px 0 12px; color: #153967; font-size: clamp(1.7rem, 2.5vw, 2.5rem); line-height: 1.15; letter-spacing: -.035em; font-weight: 800; }
.site-footer-invitation h2 span { color: #2b6d58; }
.site-footer-invitation p { margin: 0; color: #56718a; font-size: .85rem; line-height: 1.7; }
.site-footer-invitation-actions { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; }
.site-footer-primary, .site-footer-secondary { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 46px; padding: 12px 20px; border-radius: 12px; font-size: .8rem; font-weight: 700; }
.site-footer-primary { background: #235da8; border-left: 3px solid #8bd553; color: #fff; box-shadow: 0 6px 14px #173f7524; }
.site-footer-primary:hover { background: #17477f; color: #fff; text-decoration: none; }
.site-footer-secondary { border: 1px solid #c7dce0; background: #ffffffa6; color: #285b63; }
.site-footer-secondary:hover { background: #fff; color: #153967; text-decoration: none; }
.site-footer-main { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .85fr) minmax(0, 1fr) minmax(0, 1.1fr); gap: 38px; padding: 42px 0 32px; }
.site-footer-brand { display: inline-flex; align-items: center; gap: 14px; color: #fff; }
.site-footer-brand:hover { color: #fff; text-decoration: none; }
.site-footer-brand img { flex-shrink: 0; width: 64px; height: 68px; object-fit: contain; }
.site-footer-brand strong { display: block; font-size: 1.05rem; letter-spacing: .045em; }
.site-footer-brand small { display: block; margin-top: 5px; color: #bed4e7; font-size: .65rem; letter-spacing: .14em; }
.site-footer-identity > p, .site-footer-connect > p { margin: 16px 0 20px; color: #b5ccdf; font-size: .8rem; line-height: 1.8; }
.site-footer-address, .site-footer-contact, .site-footer-identity .site-footer-fax { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 7px 0; font-size: .78rem; font-style: normal; line-height: 1.7; color: #d4e2ef; overflow-wrap: anywhere; }
.site-footer-address i, .site-footer-contact i, .site-footer-fax i { flex: 0 0 16px; margin-top: 4px; color: #a9d88a; text-align: center; }
.site-footer-contact:hover { color: #d3f0ba; text-decoration: none; }
.site-footer-main h3 { margin: 0 0 18px; color: #fff; font-size: .9rem; font-weight: 700; line-height: 1.6; }
.site-footer-links a { display: block; width: fit-content; padding: 8px 0; color: #c7d9e9; font-size: .8rem; line-height: 1.6; text-decoration: none; transition: color .2s, transform .2s; }
.site-footer-links a:hover { color: #c7eba9; transform: translateX(3px); }
.site-footer-social { display: grid; gap: 8px; }
.site-footer-social a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px 12px; border: 1px solid #ffffff1f; border-radius: 11px; background: #ffffff06; color: #e2edf6; font-size: .75rem; transition: background .2s, border-color .2s; }
.site-footer-social .fab { display: inline-flex; align-items: center; justify-content: center; width: 20px; font-size: 1.1rem; color: #bddcf1; }
.site-footer-social .fas { margin-left: auto; color: #92b8d4; font-size: .6rem; }
.site-footer-social a:hover { background: #ffffff10; border-color: #82bca2; color: #fff; text-decoration: none; }
.site-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 0 26px; border-top: 1px solid #ffffff21; color: #aac4d9; font-size: .7rem; }
.site-footer-bottom p { margin: 0; }
.site-footer-bottom > div { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.site-footer-bottom a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #c6dced; }
.site-footer-bottom a:hover { color: #d0efb6; text-decoration: none; }
.site-footer-top i { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #ffffff30; border-radius: 50%; color: #bde19e; }
.public-site-footer a:focus-visible { outline: 3px solid #91c4eb; outline-offset: 4px; }
@media (max-width: 1199px) { .site-footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } #footer-links-1.public-site-footer { padding-bottom: var(--public-bottom-space, 78px); } .site-footer-invitation { padding: 28px; } }
@media (max-width: 767px) { .site-footer-invitation { flex-direction: column; align-items: stretch; padding: 26px 22px; border-radius: 22px 22px 38px 22px; } .site-footer-invitation-actions { flex-shrink: 1; } .site-footer-primary, .site-footer-secondary { text-align: center; } .site-footer-main { gap: 28px 20px; } .site-footer-identity, .site-footer-connect { grid-column: 1 / -1; } .site-footer-social { grid-template-columns: repeat(2, minmax(0, 1fr)); } .site-footer-bottom { flex-direction: column; align-items: flex-start; gap: 8px; } }
@media (max-width: 359px) { .site-footer-social { grid-template-columns: minmax(0, 1fr); } .site-footer-brand strong { font-size: .9rem; } .site-footer-main { gap: 24px 12px; } }
@media (prefers-reduced-motion: reduce) { .site-footer-links a, .site-footer-social a { transition: none; } .site-footer-links a:hover { transform: none; } }
body.aksesibilitas-mode #footer-links-1.public-site-footer, body.aksesibilitas-mode .site-footer-invitation, body.aksesibilitas-mode .site-footer-primary, body.aksesibilitas-mode .site-footer-secondary, body.aksesibilitas-mode .site-footer-social a { background: #000; color: #ffd700; border-color: #ffd700; }
body.aksesibilitas-mode .public-site-footer a, body.aksesibilitas-mode .public-site-footer p, body.aksesibilitas-mode .public-site-footer small, body.aksesibilitas-mode .site-footer-address, body.aksesibilitas-mode .site-footer-eyebrow, body.aksesibilitas-mode .site-footer-invitation h2 span { color: #ffd700; }
body.aksesibilitas-mode .public-site-footer::after { display: none; }