*{margin:0;padding:0;box-sizing:border-box}
:root{--primary-color:#BB4758;--secondary-color:#1AF99F;--tertiary-color:#FFDB15;--dark-text:#1a1a1a;--medium-text:#343a40;--light-text:#495057;--bg-light:#fff;--bg-subtle:#f8f9fa;--bg-cream:#fafbfc;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 24px #0000001f}
body{background-color:var(--bg-light);color:var(--dark-text);overflow-x:hidden;font:16px/1.6 'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
header{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-bottom:1px solid #bb47581a;position:relative;z-index:100}
.header_top_87kx{display:flex;align-items:center;justify-content:center;padding:18px 5%;background:linear-gradient(90deg,#bb475808 0%,#1af99f08 50%,#ffdb1508 100%);border-bottom:1px solid #bb475814}
.brand_logo_container_9m2p{display:flex;align-items:center;gap:14px;position:relative;z-index:105}
.site_logo_92vh{height:65px;width:65px;object-fit:contain;display:block}
.company_title_84jn{color:var(--primary-color);letter-spacing:-.3px;font:700 22px 'Space Grotesk',sans-serif}
.header_nav_row_5kp3{display:flex;align-items:center;justify-content:center;padding:16px 5%;background-color:var(--bg-light)}
.main_navigation_7qx4{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;list-style:none}
.nav_item_link_3wr8{display:inline-block;padding:11px 22px;font-size:15px;font-weight:500;color:var(--medium-text);text-decoration:none;border-radius:8px;transition:background-color .2s ease,color .2s ease;white-space:nowrap}
.nav_item_link_3wr8:hover,.nav_item_link_3wr8:focus{background-color:#bb475814;color:var(--primary-color);outline:2px solid transparent}
.nav_item_link_3wr8:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}
main{min-height:60vh}
footer{background:linear-gradient(160deg,#1a1a1a 0%,#2d2d2d 100%);color:#e8e8e8;padding:42px 5% 28px;margin-top:80px;position:relative}
.footer_content_grid_6hx9{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:38px;max-width:1280px;margin:0 auto 32px}
.footer_section_block_2np7{display:flex;flex-direction:column;gap:16px}
.footer_heading_4kt2{color:var(--secondary-color);margin-bottom:6px;letter-spacing:.3px;font:600 17px 'Space Grotesk',sans-serif}
.footer_logo_8xm5{height:58px;width:58px;object-fit:contain;margin-bottom:10px}
.footer_text_9bn4{font-size:14px;line-height:1.7;color:#c4c4c4;max-width:340px}
.footer_link_list_5jw3{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer_link_item_7mp2{font-size:14px}
.footer_link_item_7mp2 a{color:#d0d0d0;text-decoration:none;transition:color .2s ease;display:inline-block}
.footer_link_item_7mp2 a:hover,.footer_link_item_7mp2 a:focus{color:var(--tertiary-color)}
.footer_contact_info_3rx8{display:flex;flex-direction:column;gap:12px}
.contact_detail_item_6kn1{font-size:14px;color:#c4c4c4;line-height:1.6}
.contact_detail_item_6kn1 a{color:var(--secondary-color);text-decoration:none;transition:opacity .2s ease}
.contact_detail_item_6kn1 a:hover{opacity:.8}
.footer_bottom_bar_4mx7{border-top:1px solid #ffffff1a;padding-top:24px;text-align:center;font-size:13px;color:#a8a8a8;max-width:1280px;margin:0 auto}
.consent_overlay_9kx3m{position:fixed;bottom:24px;right:24px;max-width:440px;background:linear-gradient(145deg,#fff 0%,#f5f6fa 100%);border-radius:14px;box-shadow:0 12px 48px #0000002e;padding:28px;z-index:9999;border:1px solid #bb47581f;display:none}
.consent_overlay_9kx3m.active_state_7bn2{display:block;animation:slideUpFade_8kp .4s ease-out}
@keyframes slideUpFade_8kp {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.consent_header_6jm9{color:var(--dark-text);margin-bottom:14px;font:600 19px/1.3 'Space Grotesk',sans-serif}
.consent_description_3xp8{font-size:14px;line-height:1.7;color:var(--light-text);margin-bottom:22px}
.consent_categories_5np7{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.category_toggle_block_8rx4{background-color:#f8f9fa99;padding:14px 16px;border-radius:9px;border:1px solid #bb47581a;display:flex;align-items:flex-start;gap:12px}
.toggle_switch_wrapper_2kn5{position:relative;min-width:48px;height:26px;flex-shrink:0}
.toggle_checkbox_input_9bm3{appearance:none;width:48px;height:26px;background-color:#d1d5db;border-radius:13px;cursor:pointer;position:relative;transition:background-color .25s ease;outline:none}
.toggle_checkbox_input_9bm3:checked{background-color:var(--secondary-color)}
.toggle_checkbox_input_9bm3::before{content:'';position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;top:3px;left:3px;transition:transform .25s ease;box-shadow:0 2px 4px #00000026}
.toggle_checkbox_input_9bm3:checked::before{transform:translateX(22px)}
.toggle_checkbox_input_9bm3:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}
.category_info_text_4hp2{flex:1}
.category_label_title_7km9{font-size:14px;font-weight:600;color:var(--dark-text);margin-bottom:4px;display:block}
.category_description_5xn8{font-size:12px;color:var(--light-text);line-height:1.5}
.consent_actions_row_6mp4{display:flex;gap:10px;flex-wrap:wrap}
.consent_button_base_8rn3{flex:1;min-width:120px;padding:12px 20px;border-radius:8px;cursor:pointer;border:none;transition:background-color .2s ease,transform .1s ease;font:600 14px 'Manrope',sans-serif}
.consent_button_base_8rn3:active{transform:scale(0.98)}
.consent_button_base_8rn3:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}
.accept_all_button_3kx7{background:linear-gradient(135deg,var(--primary-color) 0%,#a03848 100%);color:#fff}
.accept_all_button_3kx7:hover{background:linear-gradient(135deg,#a03848 0%,#8b2f3d 100%)}
.reject_all_button_9nm2{background-color:transparent;color:var(--medium-text);border:1px solid #d1d5db}
.reject_all_button_9nm2:hover{background-color:#00000008}
@media (max-width: 768px) {
.header_top_87kx{padding:14px 4%}
.site_logo_92vh{height:52px;width:52px}
.company_title_84jn{font-size:18px}
.header_nav_row_5kp3{padding:12px 4%}
.main_navigation_7qx4{gap:6px}
.nav_item_link_3wr8{padding:9px 16px;font-size:14px}
.footer_content_grid_6hx9{grid-template-columns:1fr;gap:32px}
.consent_overlay_9kx3m{bottom:16px;right:16px;left:16px;max-width:none;padding:24px}
.consent_actions_row_6mp4{flex-direction:column}
.consent_button_base_8rn3{width:100%}
}
@media (max-width: 480px) {
.brand_logo_container_9m2p{flex-direction:column;gap:8px;text-align:center}
.main_navigation_7qx4{flex-direction:column;width:100%}
.nav_item_link_3wr8{width:100%;text-align:center}
}
.tips-keuangan-hero{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.tips-keuangan-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#1af99f14 0%,transparent 70%);border-radius:50%}
.tips-keuangan-hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#bb47580f 0%,transparent 70%);border-radius:50%}
.hero-konten-wrapper{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.hero-konten-wrapper h1{font-size:2.8rem;color:#212529;margin-bottom:24px;font-weight:700;line-height:1.2}
.hero-konten-wrapper h1::before{content:'';display:inline-block;width:6px;height:45px;background:linear-gradient(180deg,#BB4758 0%,#1AF99F 100%);margin-right:16px;vertical-align:middle;border-radius:3px}
.hero-intro-text{font-size:1.15rem;color:#495057;line-height:1.7;max-width:820px;margin-bottom:0}
.panduan-zona-interaktif{background:#fff;padding:70px 20px;position:relative}
.zona-grid-container{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.zona-kartu-item{background:#fafbfc;border:2px solid #f5f6fa;border-radius:12px;padding:32px 26px;transition:all .3s ease;position:relative;overflow:hidden}
.zona-kartu-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#BB4758 0%,#1AF99F 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.zona-kartu-item:hover::before{transform:scaleX(1)}
.zona-kartu-item:hover{border-color:#1AF99F;transform:translateY(-6px);box-shadow:0 12px 28px #1af99f1f}
.zona-kartu-item h3{font-size:1.35rem;color:#BB4758;margin-bottom:16px;font-weight:600}
.zona-kartu-item p{font-size:.98rem;color:#495057;line-height:1.65;margin:0}
.strategi-pengelolaan-section{background:linear-gradient(165deg,#f8f9fa 0%,#fff 100%);padding:75px 20px}
.strategi-wrapper-flex{max-width:1140px;margin:0 auto;display:flex;gap:50px;align-items:flex-start}
.strategi-visual-col{flex:0 0 45%}
.strategi-visual-col img{width:100%;height:auto;border-radius:16px;box-shadow:0 18px 40px #21252926;border:3px solid #fff}
.strategi-konten-col{flex:1}
.strategi-konten-col h2{font-size:2.3rem;color:#212529;margin-bottom:28px;font-weight:700;position:relative;padding-bottom:18px}
.strategi-konten-col h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:5px;background:#FFDB15;border-radius:3px}
.strategi-langkah-list{list-style:none;padding:0;margin:0}
.strategi-langkah-list li{background:#fff;padding:24px 26px;margin-bottom:18px;border-radius:10px;border-left:5px solid #1AF99F;box-shadow:0 4px 12px #2125290f;transition:all .3s ease;position:relative}
.strategi-langkah-list li:hover{box-shadow:0 8px 20px #1af99f26;transform:translateX(6px)}
.strategi-langkah-list li strong{color:#BB4758;font-size:1.08rem;display:block;margin-bottom:8px}
.strategi-langkah-list li p{color:#495057;font-size:.96rem;line-height:1.6;margin:0}
.kesalahan-umum-blok{background:#fff;padding:70px 20px;position:relative}
.kesalahan-konten-max{max-width:1000px;margin:0 auto}
.kesalahan-konten-max h2{font-size:2.4rem;color:#212529;text-align:center;margin-bottom:50px;font-weight:700}
.kesalahan-konten-max h2 span{color:#BB4758;position:relative}
.kesalahan-konten-max h2 span::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:#FFDB15}
.kesalahan-tabel-wrapper{overflow-x:auto;background:#fafbfc;border-radius:12px;padding:20px;box-shadow:0 6px 20px #21252914}
.tabel-kesalahan{width:100%;border-collapse:separate;border-spacing:0}
.tabel-kesalahan thead th{background:linear-gradient(135deg,#BB4758 0%,#9a3a48 100%);color:#fff;padding:18px 20px;text-align:left;font-weight:600;font-size:1.05rem;border:none}
.tabel-kesalahan thead th:first-child{border-top-left-radius:8px}
.tabel-kesalahan thead th:last-child{border-top-right-radius:8px}
.tabel-kesalahan tbody tr{background:#fff;transition:background .2s ease}
.tabel-kesalahan tbody tr:hover{background:#f8f9fa}
.tabel-kesalahan tbody td{padding:20px;border-bottom:1px solid #f5f6fa;color:#495057;font-size:.96rem;line-height:1.6}
.tabel-kesalahan tbody tr:last-child td:first-child{border-bottom-left-radius:8px}
.tabel-kesalahan tbody tr:last-child td:last-child{border-bottom-right-radius:8px}
.tabel-kesalahan tbody td:first-child{font-weight:600;color:#212529}
.aksi-langkah-section{background:linear-gradient(135deg,#f5f6fa 0%,#fafbfc 100%);padding:75px 20px;position:relative}
.aksi-langkah-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#BB4758 0%,#1AF99F 50%,#FFDB15 100%)}
.aksi-konten-wrapper{max-width:1000px;margin:0 auto}
.aksi-konten-wrapper h2{font-size:2.35rem;color:#212529;margin-bottom:45px;font-weight:700;text-align:center}
.langkah-timeline-container{position:relative;padding-left:0}
.timeline-item-box{display:flex;gap:30px;margin-bottom:45px;position:relative;align-items:flex-start}
.timeline-nomor-badge{flex:0 0 70px;width:70px;height:70px;background:linear-gradient(135deg,#BB4758 0%,#9a3a48 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;font-weight:700;box-shadow:0 6px 18px #bb475840;position:relative;z-index:2}
.timeline-konten-box{flex:1;background:#fff;padding:28px 32px;border-radius:12px;box-shadow:0 6px 20px #21252914;border:2px solid #f5f6fa;transition:all .3s ease;min-height:70px;display:flex;flex-direction:column;justify-content:center}
.timeline-konten-box:hover{border-color:#1AF99F;transform:translateX(8px);box-shadow:0 10px 28px #1af99f26}
.timeline-konten-box h3{font-size:1.25rem;color:#BB4758;margin-bottom:12px;font-weight:600}
.timeline-konten-box p{font-size:.98rem;color:#495057;line-height:1.65;margin:0}
.cta-footer-blok{background:linear-gradient(135deg,#BB4758 0%,#9a3a48 100%);padding:65px 20px;text-align:center;position:relative;overflow:hidden}
.cta-footer-blok::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#ffdb1526 0%,transparent 70%);border-radius:50%}
.cta-footer-blok::after{content:'';position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,#1af99f1f 0%,transparent 70%);border-radius:50%}
.cta-konten-inner{max-width:800px;margin:0 auto;position:relative;z-index:2}
.cta-konten-inner h2{font-size:2.2rem;color:#fff;margin-bottom:22px;font-weight:700}
.cta-konten-inner p{font-size:1.1rem;color:#fafbfc;line-height:1.7;margin-bottom:35px}
.cta-tombol-grup{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.tombol-cta-primer{display:inline-block;padding:16px 38px;background:#1AF99F;color:#212529;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 6px 18px #1af99f4d;position:relative;z-index:10}
.tombol-cta-primer:hover{background:#15d689;transform:translateY(-3px);box-shadow:0 10px 25px #1af99f66;color:#212529}
.tombol-cta-sekunder{display:inline-block;padding:16px 38px;background:transparent;color:#fff;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid #fff;transition:all .3s ease;position:relative;z-index:10}
.tombol-cta-sekunder:hover{background:#fff;color:#BB4758;transform:translateY(-3px);box-shadow:0 8px 20px #ffffff4d}
@media (max-width: 992px) {
.zona-grid-container{grid-template-columns:repeat(2,1fr);gap:22px}
.strategi-wrapper-flex{flex-direction:column;gap:40px}
.strategi-visual-col{flex:0 0 100%}
}
@media (max-width: 768px) {
.tips-keuangan-hero{padding:60px 20px 45px}
.hero-konten-wrapper h1{font-size:2rem}
.hero-konten-wrapper h1::before{height:32px;margin-right:12px}
.hero-intro-text{font-size:1.05rem}
.zona-grid-container{grid-template-columns:1fr;gap:18px}
.zona-kartu-item{padding:26px 22px}
.strategi-konten-col h2{font-size:1.9rem}
.kesalahan-konten-max h2{font-size:1.9rem}
.aksi-konten-wrapper h2{font-size:1.85rem}
.timeline-item-box{flex-direction:column;gap:18px;margin-bottom:35px}
.timeline-nomor-badge{flex:0 0 60px;width:60px;height:60px;font-size:1.5rem}
.timeline-konten-box{padding:22px 24px}
.cta-konten-inner h2{font-size:1.8rem}
.cta-konten-inner p{font-size:1rem}
.cta-tombol-grup{flex-direction:column;gap:12px}
.tombol-cta-primer,.tombol-cta-sekunder{width:100%;text-align:center}
.tabel-kesalahan thead th,.tabel-kesalahan tbody td{padding:14px 12px;font-size:.9rem}
}
@media (max-width: 576px) {
.hero-konten-wrapper h1{font-size:1.75rem}
.strategi-konten-col h2{font-size:1.65rem}
.kesalahan-konten-max h2{font-size:1.65rem;margin-bottom:35px}
.aksi-konten-wrapper h2{font-size:1.6rem}
.cta-konten-inner h2{font-size:1.6rem}
}
.idx-hero-wrap{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:center;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}
.idx-hero-wrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./location_photos/pic-1.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1}
.idx-hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px}
.idx-hero-title{font-size:3.8rem;font-weight:700;color:#212529;line-height:1.2;margin-bottom:24px;letter-spacing:-.02em}
.idx-hero-subtitle{font-size:1.4rem;color:#495057;line-height:1.6;max-width:680px;margin-bottom:36px}
.idx-hero-cta{display:inline-block;padding:16px 42px;background:#BB4758;color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 12px #bb475840}
.idx-hero-cta:hover{background:#a53d4d;transform:translateY(-2px);box-shadow:0 6px 20px #bb475859}
.idx-analysis-section{background:#fff;padding:100px 20px;position:relative}
.idx-analysis-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.idx-analysis-visual{position:relative;height:480px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000014}
.idx-analysis-visual img{width:100%;height:100%;object-fit:cover}
.idx-analysis-visual::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1af99f26 0%,#bb475826 100%);mix-blend-mode:multiply}
.idx-analysis-text h2{font-size:2.6rem;color:#212529;margin-bottom:28px;font-weight:700;line-height:1.3}
.idx-analysis-text h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#BB4758 0%,#1AF99F 100%);margin-bottom:20px;border-radius:2px}
.idx-analysis-text p{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:20px}
.idx-stability-zone{background:linear-gradient(180deg,#f5f6fa 0%,#fff 100%);padding:90px 20px;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);margin:60px 0}
.idx-stability-inner{max-width:1100px;margin:0 auto}
.idx-stability-header{text-align:center;margin-bottom:70px}
.idx-stability-header h2{font-size:2.8rem;color:#212529;font-weight:700;margin-bottom:18px}
.idx-stability-header p{font-size:1.2rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.7}
.idx-stability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.idx-stability-card{background:#fff;padding:38px 32px;border-radius:10px;box-shadow:0 4px 16px #0000000f;border-left:4px solid #BB4758;transition:all .3s ease;position:relative}
.idx-stability-card:nth-child(2){border-left-color:#1AF99F}
.idx-stability-card:nth-child(3){border-left-color:#FFDB15}
.idx-stability-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #0000001f}
.idx-stability-card h3{font-size:1.5rem;color:#212529;font-weight:600;margin-bottom:16px}
.idx-stability-card p{font-size:1rem;color:#495057;line-height:1.7}
.idx-method-section{background:#fff;padding:90px 20px;position:relative}
.idx-method-layout{max-width:1200px;margin:0 auto;display:flex;gap:70px;align-items:flex-start}
.idx-method-image-wrap{flex:0 0 45%;position:sticky;top:100px}
.idx-method-image-wrap img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #0000001a}
.idx-method-content{flex:1}
.idx-method-content h2{font-size:2.5rem;color:#212529;font-weight:700;margin-bottom:32px;position:relative;padding-left:24px}
.idx-method-content h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#BB4758 0%,#1AF99F 100%);border-radius:3px}
.idx-method-steps{display:flex;flex-direction:column;gap:32px}
.idx-method-step{padding-left:70px;position:relative}
.idx-method-step-number{position:absolute;left:0;top:0;width:50px;height:50px;background:linear-gradient(135deg,#BB4758 0%,#a53d4d 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;box-shadow:0 4px 12px #bb47584d}
.idx-method-step h3{font-size:1.4rem;color:#212529;font-weight:600;margin-bottom:12px}
.idx-method-step p{font-size:1.05rem;color:#495057;line-height:1.7}
.idx-learning-hub{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);padding:100px 20px;position:relative;overflow:hidden}
.idx-learning-hub::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#1af99f1a 0%,transparent 70%);border-radius:50%}
.idx-learning-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.idx-learning-split{display:grid;grid-template-columns:55% 45%;gap:50px;align-items:center}
.idx-learning-content h2{font-size:2.7rem;color:#212529;font-weight:700;margin-bottom:24px;line-height:1.3}
.idx-learning-content p{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:18px}
.idx-learning-highlights{display:flex;flex-direction:column;gap:16px;margin:32px 0}
.idx-learning-highlight{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a}
.idx-learning-highlight::before{content:'→';color:#BB4758;font-size:1.4rem;font-weight:700;flex-shrink:0}
.idx-learning-highlight span{font-size:1.05rem;color:#343a40;line-height:1.6}
.idx-learning-cta-group{display:flex;gap:18px;margin-top:36px}
.idx-learning-btn{padding:14px 36px;text-decoration:none;font-weight:600;font-size:1.05rem;border-radius:8px;transition:all .3s ease;display:inline-block}
.idx-learning-btn-primary{background:#1AF99F;color:#212529;box-shadow:0 4px 12px #1af99f40}
.idx-learning-btn-primary:hover{background:#15d689;transform:translateY(-2px);box-shadow:0 6px 20px #1af99f59}
.idx-learning-btn-secondary{background:#fff;color:#BB4758;border:2px solid #BB4758}
.idx-learning-btn-secondary:hover{background:#BB4758;color:#fff;transform:translateY(-2px)}
.idx-learning-visual{position:relative}
.idx-learning-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 32px #0000001f}
@media (max-width: 768px) {
.idx-hero-title{font-size:2.4rem}
.idx-hero-subtitle{font-size:1.1rem}
.idx-analysis-container{grid-template-columns:1fr;gap:40px}
.idx-analysis-visual{height:320px}
.idx-analysis-text h2{font-size:2rem}
.idx-stability-grid{grid-template-columns:1fr;gap:24px}
.idx-method-layout{flex-direction:column;gap:40px}
.idx-method-image-wrap{flex:1;position:static}
.idx-method-content h2{font-size:2rem}
.idx-learning-split{grid-template-columns:1fr;gap:40px}
.idx-learning-content h2{font-size:2.1rem}
.idx-learning-cta-group{flex-direction:column}
.idx-learning-btn{text-align:center}
}
.halaman-kontak-kami{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:600px}
.kontak-hero-wrapper{max-width:1200px;margin:0 auto;padding:80px 20px 60px}
.kontak-judul-utama{font-size:2.8rem;color:#212529;font-weight:700;margin:0 0 20px;line-height:1.2}
.kontak-subjudul-teks{font-size:1.15rem;color:#495057;line-height:1.7;max-width:680px;margin:0 0 50px}
.kontak-grid-dua-kolom{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.kontak-info-blok{background:#fff;padding:45px 40px;border-radius:12px;box-shadow:0 4px 20px #0000000f}
.kontak-info-judul{font-size:1.5rem;color:#212529;font-weight:600;margin:0 0 30px;position:relative;padding-left:18px}
.kontak-info-judul::before{content:'';position:absolute;left:0;top:5px;width:5px;height:24px;background:linear-gradient(180deg,#BB4758 0%,#1AF99F 100%);border-radius:3px}
.kontak-metode-item{margin:0 0 28px;padding-left:32px;position:relative}
.kontak-metode-item:last-child{margin-bottom:0}
.kontak-metode-label{font-size:.9rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;display:block}
.kontak-metode-nilai{font-size:1.05rem;color:#212529;font-weight:500;line-height:1.6;word-break:break-word}
.kontak-metode-nilai a{color:#BB4758;text-decoration:none;transition:color .3s ease}
.kontak-metode-nilai a:hover{color:#8f3544}
.kontak-metode-item::before{content:'●';position:absolute;left:8px;top:2px;font-size:1.3rem;color:#1AF99F}
.kontak-form-kontainer{background:#fff;padding:50px 45px;border-radius:12px;box-shadow:0 6px 24px #00000014}
.kontak-form-judul{font-size:1.6rem;color:#212529;font-weight:600;margin:0 0 12px}
.kontak-form-deskripsi{font-size:1rem;color:#6c757d;line-height:1.6;margin:0 0 35px}
.kontak-field-grup{margin-bottom:26px}
.kontak-field-label{display:block;font-size:.95rem;color:#343a40;font-weight:500;margin:0 0 10px}
.kontak-input-teks,.kontak-input-area{width:100%;padding:14px 16px;font-size:1rem;color:#212529;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;transition:all .3s ease;font-family:inherit}
.kontak-input-teks:focus,.kontak-input-area:focus{outline:none;border-color:#BB4758;background:#fff;box-shadow:0 0 0 4px #bb47581a}
.kontak-input-area{resize:vertical;min-height:140px;line-height:1.6}
.kontak-grid-dua-field{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.kontak-privasi-wrapper{margin:28px 0 0;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #FFDB15}
.kontak-privasi-checkbox{display:flex;align-items:start;gap:12px}
.kontak-privasi-checkbox input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.kontak-privasi-teks{font-size:.92rem;color:#495057;line-height:1.6}
.kontak-privasi-teks a{color:#BB4758;text-decoration:underline;font-weight:500}
.kontak-privasi-teks a:hover{color:#8f3544}
.kontak-tombol-kirim{background:linear-gradient(135deg,#BB4758 0%,#8f3544 100%);color:#fff;font-size:1.05rem;font-weight:600;padding:16px 50px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:32px;box-shadow:0 4px 12px #bb475840;position:relative;z-index:10}
.kontak-tombol-kirim:hover{transform:translateY(-2px);box-shadow:0 6px 18px #bb475859;background:linear-gradient(135deg,#8f3544 0%,#BB4758 100%)}
.kontak-tombol-kirim:active{transform:translateY(0)}
.kontak-lokasi-seksi{max-width:1200px;margin:0 auto;padding:70px 20px}
.kontak-lokasi-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}
.kontak-lokasi-visual{width:100%;height:450px;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #0000001f;position:relative}
.kontak-lokasi-visual img{width:100%;height:100%;object-fit:cover;display:block}
.kontak-lokasi-konten{padding:20px 0}
.kontak-lokasi-judul{font-size:2rem;color:#212529;font-weight:700;margin:0 0 20px;position:relative;display:inline-block}
.kontak-lokasi-judul::after{content:'';position:absolute;bottom:-8px;left:0;width:70px;height:4px;background:#1AF99F;border-radius:2px}
.kontak-lokasi-paragraf{font-size:1.05rem;color:#495057;line-height:1.8;margin:30px 0 0}
.kontak-jam-operasi{background:#fff;padding:30px;border-radius:10px;margin-top:35px;border:2px solid #e9ecef}
.kontak-jam-judul{font-size:1.15rem;color:#212529;font-weight:600;margin:0 0 18px}
.kontak-jam-list{list-style:none;padding:0;margin:0}
.kontak-jam-item{display:flex;justify-content:space-between;padding:10px 0;font-size:.98rem;color:#495057;border-bottom:1px solid #f1f3f5}
.kontak-jam-item:last-child{border-bottom:none}
.kontak-jam-hari{font-weight:500;color:#343a40}
.kontak-jam-waktu{color:#6c757d}
.kontak-catatan-seksi{background:linear-gradient(135deg,#fff 0%,#f5f6fa 100%);padding:70px 20px}
.kontak-catatan-wrapper{max-width:900px;margin:0 auto;text-align:center}
.kontak-catatan-judul{font-size:1.8rem;color:#212529;font-weight:700;margin:0 0 25px}
.kontak-catatan-isi{font-size:1.05rem;color:#495057;line-height:1.8;margin:0 0 20px}
.kontak-catatan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}
.kontak-catatan-kartu{background:#fff;padding:35px 25px;border-radius:10px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease}
.kontak-catatan-kartu:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}
.kontak-catatan-ikon{font-size:2.5rem;margin:0 0 18px}
.kontak-catatan-kartu-judul{font-size:1.2rem;color:#212529;font-weight:600;margin:0 0 12px}
.kontak-catatan-kartu-teks{font-size:.95rem;color:#6c757d;line-height:1.6;margin:0}
@media (max-width: 992px) {
.kontak-grid-dua-kolom{grid-template-columns:1fr;gap:40px}
.kontak-lokasi-grid{grid-template-columns:1fr;gap:40px}
.kontak-lokasi-visual{height:350px}
.kontak-catatan-grid{grid-template-columns:1fr;gap:25px}
.kontak-judul-utama{font-size:2.2rem}
}
@media (max-width: 768px) {
.kontak-hero-wrapper{padding:60px 20px 40px}
.kontak-judul-utama{font-size:1.9rem}
.kontak-subjudul-teks{font-size:1rem}
.kontak-form-kontainer{padding:35px 25px}
.kontak-info-blok{padding:30px 25px}
.kontak-grid-dua-field{grid-template-columns:1fr;gap:0}
.kontak-lokasi-seksi{padding:50px 20px}
.kontak-lokasi-judul{font-size:1.6rem}
.kontak-lokasi-visual{height:280px}
.kontak-catatan-seksi{padding:50px 20px}
.kontak-catatan-judul{font-size:1.5rem}
.kontak-tombol-kirim{width:100%;padding:15px 30px}
}
.program-halaman-utama{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100%}
.intro-keuangan-section{padding:80px 20px 60px;background:#fff;position:relative;overflow:hidden}
.intro-keuangan-section::before{content:'';position:absolute;top:-50px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#1af99f14 0%,transparent 70%);border-radius:50%;z-index:1}
.intro-wrapper-konten{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.intro-grid-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.intro-teks-bagian h1{font-size:2.8rem;color:#212529;margin-bottom:24px;line-height:1.2;font-weight:700}
.intro-teks-bagian h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#BB4758 0%,#FFDB15 100%);margin-top:16px}
.intro-teks-bagian p{font-size:1.1rem;color:#495057;line-height:1.7;margin-bottom:18px}
.intro-foto-wrapper{position:relative}
.intro-foto-wrapper img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 12px 40px #bb475826}
.intro-foto-wrapper::before{content:'';position:absolute;top:-20px;left:-20px;width:120px;height:120px;background:#FFDB15;border-radius:50%;z-index:-1;opacity:.4}
.modul-pembelajaran-section{padding:90px 20px;background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)}
.modul-konten-wrapper{max-width:1200px;margin:0 auto}
.modul-header-teks{text-align:center;margin-bottom:70px}
.modul-header-teks h2{font-size:2.4rem;color:#212529;margin-bottom:20px;font-weight:700;position:relative;display:inline-block}
.modul-header-teks h2::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:30px;height:3px;background:#BB4758}
.modul-header-teks h2::after{content:'';position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:30px;height:3px;background:#1AF99F}
.modul-header-teks p{font-size:1.15rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.6}
.modul-grid-kartu{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.kartu-modul-item{background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 6px 25px #0000000f;transition:all .35s ease;border-top:4px solid transparent;position:relative}
.kartu-modul-item:nth-child(1){border-top-color:#BB4758}
.kartu-modul-item:nth-child(2){border-top-color:#1AF99F}
.kartu-modul-item:nth-child(3){border-top-color:#FFDB15}
.kartu-modul-item:nth-child(4){border-top-color:#BB4758}
.kartu-modul-item:nth-child(5){border-top-color:#1AF99F}
.kartu-modul-item:nth-child(6){border-top-color:#FFDB15}
.kartu-modul-item:hover{transform:translateY(-8px);box-shadow:0 12px 35px #bb47581f}
.kartu-modul-item h3{font-size:1.4rem;color:#212529;margin-bottom:16px;font-weight:600}
.kartu-modul-item p{font-size:1.02rem;color:#495057;line-height:1.65;margin-bottom:14px}
.kartu-modul-item ul{list-style:none;padding:0;margin:20px 0 0}
.kartu-modul-item ul li{padding:8px 0 8px 28px;color:#495057;font-size:.98rem;position:relative;line-height:1.5}
.kartu-modul-item ul li::before{content:'';position:absolute;left:0;color:#1AF99F;font-weight:700;font-size:1.1rem}
.jadwal-struktur-section{padding:80px 20px;background:#fff;position:relative}
.jadwal-konten-wrapper{max-width:1140px;margin:0 auto}
.jadwal-flex-layout{display:flex;gap:50px;align-items:flex-start}
.jadwal-visual-bagian{flex:1}
.jadwal-visual-bagian img{width:100%;height:500px;object-fit:cover;border-radius:10px;box-shadow:0 10px 35px #00000014}
.jadwal-informasi-bagian{flex:1.3}
.jadwal-informasi-bagian h2{font-size:2.3rem;color:#212529;margin-bottom:28px;font-weight:700;position:relative;padding-left:20px}
.jadwal-informasi-bagian h2::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#BB4758 0%,#FFDB15 100%);border-radius:3px}
.jadwal-informasi-bagian p{font-size:1.08rem;color:#495057;line-height:1.7;margin-bottom:18px}
.jadwal-tabel-wrapper{margin-top:35px;overflow-x:auto}
.tabel-jadwal-program{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000000f}
.tabel-jadwal-program thead{background:linear-gradient(135deg,#BB4758 0%,#343a40 100%)}
.tabel-jadwal-program thead th{padding:18px 16px;text-align:left;color:#fff;font-weight:600;font-size:1.05rem}
.tabel-jadwal-program tbody tr{background:#fff;transition:background .3s ease}
.tabel-jadwal-program tbody tr:nth-child(even){background:#f8f9fa}
.tabel-jadwal-program tbody tr:hover{background:#fff5e6}
.tabel-jadwal-program tbody td{padding:16px;color:#495057;font-size:1rem;border-bottom:1px solid #e9ecef}
.tabel-jadwal-program tbody td:first-child{font-weight:600;color:#212529}
.pendekatan-praktis-section{padding:85px 20px;background:linear-gradient(135deg,#fafbfc 0%,#f5f6fa 100%)}
.pendekatan-wrapper-konten{max-width:1100px;margin:0 auto}
.pendekatan-header-pusat{text-align:center;margin-bottom:60px}
.pendekatan-header-pusat h2{font-size:2.5rem;color:#212529;margin-bottom:22px;font-weight:700}
.pendekatan-header-pusat h2 span{color:#BB4758;position:relative}
.pendekatan-header-pusat h2 span::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:#FFDB15}
.pendekatan-header-pusat p{font-size:1.12rem;color:#495057;line-height:1.65;max-width:750px;margin:0 auto}
.langkah-proses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:50px}
.item-langkah-proses{background:#fff;padding:35px;border-radius:10px;box-shadow:0 5px 20px #0000000d;position:relative;transition:all .3s ease}
.item-langkah-proses:hover{box-shadow:0 10px 30px #bb475826}
.nomor-langkah{position:absolute;top:-18px;left:35px;width:48px;height:48px;background:linear-gradient(135deg,#BB4758 0%,#FFDB15 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.3rem;box-shadow:0 4px 12px #bb47584d}
.item-langkah-proses h3{font-size:1.45rem;color:#212529;margin-bottom:14px;margin-top:20px;font-weight:600}
.item-langkah-proses p{font-size:1.02rem;color:#495057;line-height:1.7}
.pendaftaran-cta-section{padding:70px 20px;background:#fff}
.cta-konten-wrapper{max-width:950px;margin:0 auto;text-align:center}
.cta-box-utama{background:linear-gradient(135deg,#343a40 0%,#495057 100%);padding:60px 50px;border-radius:15px;box-shadow:0 15px 45px #0000001f;position:relative;overflow:hidden}
.cta-box-utama::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#ffdb1526 0%,transparent 70%);border-radius:50%}
.cta-box-utama::after{content:'';position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,#1af99f1f 0%,transparent 70%);border-radius:50%}
.cta-konten-dalam{position:relative;z-index:2}
.cta-konten-dalam h2{font-size:2.3rem;color:#fff;margin-bottom:20px;font-weight:700}
.cta-konten-dalam p{font-size:1.15rem;color:#f8f9fa;line-height:1.7;margin-bottom:18px}
.info-jadwal-box{background:#ffffff1a;padding:25px;border-radius:10px;margin:30px 0;backdrop-filter:blur(10px)}
.info-jadwal-box p{margin:10px 0;color:#fff;font-size:1.08rem}
.info-jadwal-box strong{color:#FFDB15}
.tombol-cta-group{margin-top:35px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn-cta-primer{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#BB4758 0%,#FFDB15 100%);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 6px 20px #bb47584d;position:relative;z-index:10}
.btn-cta-primer:hover{transform:translateY(-3px);box-shadow:0 10px 30px #bb475866}
.btn-cta-sekunder{display:inline-block;padding:16px 40px;background:transparent;color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:2px solid #fff;position:relative;z-index:10}
.btn-cta-sekunder:hover{background:#fff;color:#212529}
@media (max-width: 768px) {
.intro-keuangan-section{padding:50px 20px 40px}
.intro-grid-layout{grid-template-columns:1fr;gap:35px}
.intro-teks-bagian h1{font-size:2rem}
.intro-foto-wrapper img{height:300px}
.modul-pembelajaran-section{padding:60px 20px}
.modul-header-teks h2{font-size:1.9rem}
.modul-header-teks h2::before,.modul-header-teks h2::after{display:none}
.modul-grid-kartu{grid-template-columns:1fr;gap:25px}
.jadwal-struktur-section{padding:60px 20px}
.jadwal-flex-layout{flex-direction:column;gap:35px}
.jadwal-visual-bagian img{height:300px}
.jadwal-informasi-bagian h2{font-size:1.9rem}
.tabel-jadwal-program{font-size:.9rem}
.tabel-jadwal-program thead th,.tabel-jadwal-program tbody td{padding:12px 10px}
.pendekatan-praktis-section{padding:60px 20px}
.pendekatan-header-pusat h2{font-size:2rem}
.langkah-proses-grid{grid-template-columns:1fr;gap:30px}
.pendaftaran-cta-section{padding:50px 20px}
.cta-box-utama{padding:40px 25px}
.cta-konten-dalam h2{font-size:1.8rem}
.tombol-cta-group{flex-direction:column;align-items:stretch}
.btn-cta-primer,.btn-cta-sekunder{width:100%;text-align:center}
}
.persiapan-hero-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);padding:4rem 2rem;position:relative;overflow:hidden}
.persiapan-hero-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ffdb1526 0%,transparent 70%);border-radius:50%}
.persiapan-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.persiapan-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.persiapan-hero-text h1{font-size:2.8rem;color:#212529;margin-bottom:1.5rem;line-height:1.2;font-weight:700}
.persiapan-hero-text h1::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#BB4758 0%,#1AF99F 100%);margin-top:1rem;border-radius:3px}
.persiapan-intro-text{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:2rem}
.persiapan-hero-image-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #0000001f}
.persiapan-hero-image-wrap img{width:100%;height:400px;object-fit:cover;display:block}
.persiapan-highlight-box{background:#fff;padding:1.5rem;border-radius:12px;border-left:4px solid #BB4758;box-shadow:0 4px 16px #00000014;margin-top:1.5rem}
.persiapan-highlight-box p{color:#343a40;margin:0;font-size:1rem;line-height:1.6}
.persiapan-langkah-section{padding:5rem 2rem;background:#fff;position:relative}
.persiapan-langkah-container{max-width:1100px;margin:0 auto}
.persiapan-section-header{text-align:center;margin-bottom:4rem}
.persiapan-section-header h2{font-size:2.4rem;color:#212529;margin-bottom:1rem;font-weight:700;position:relative;display:inline-block}
.persiapan-section-header h2::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#1AF99F;border-radius:2px}
.persiapan-section-header p{font-size:1.1rem;color:#495057;margin-top:1.5rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.persiapan-langkah-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.persiapan-langkah-card{background:#f8f9fa;padding:2rem;border-radius:12px;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.persiapan-langkah-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}
.persiapan-langkah-number{position:absolute;top:-20px;left:30px;width:50px;height:50px;background:linear-gradient(135deg,#BB4758 0%,#8b3544 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #bb47584d}
.persiapan-langkah-card h3{font-size:1.4rem;color:#212529;margin:1.5rem 0 1rem;font-weight:600}
.persiapan-langkah-card p{color:#495057;line-height:1.7;margin:0;font-size:.98rem}
.persiapan-checklist-section{padding:5rem 2rem;background:linear-gradient(180deg,#f5f6fa 0%,#fff 100%);position:relative}
.persiapan-checklist-wrapper{max-width:1200px;margin:0 auto}
.persiapan-checklist-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}
.persiapan-checklist-content h2{font-size:2.3rem;color:#212529;margin-bottom:1.5rem;font-weight:700}
.persiapan-checklist-content h2 span{color:#BB4758;position:relative}
.persiapan-checklist-content h2 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#FFDB15;border-radius:2px}
.persiapan-checklist-intro{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:2.5rem}
.persiapan-checklist-items{display:flex;flex-direction:column;gap:1.5rem}
.persiapan-checklist-item{display:flex;align-items:flex-start;gap:1.2rem;background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 3px 12px #0000000f;transition:all .3s ease}
.persiapan-checklist-item:hover{box-shadow:0 6px 24px #0000001f;transform:translateX(6px)}
.persiapan-check-icon{width:28px;height:28px;background:linear-gradient(135deg,#1AF99F 0%,#15c97a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.persiapan-check-icon::after{content:'';color:#fff;font-weight:700;font-size:.9rem}
.persiapan-checklist-item-text h4{font-size:1.15rem;color:#212529;margin:0 0 .5rem;font-weight:600}
.persiapan-checklist-item-text p{color:#495057;margin:0;line-height:1.6;font-size:.95rem}
.persiapan-visual-aside{position:relative}
.persiapan-aside-image{border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #00000026;position:relative}
.persiapan-aside-image img{width:100%;height:480px;object-fit:cover;display:block}
.persiapan-overlay-badge{position:absolute;bottom:30px;left:30px;background:#fffffff2;padding:1.5rem 2rem;border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 8px 24px #0003;max-width:280px}
.persiapan-overlay-badge h5{font-size:1.1rem;color:#BB4758;margin:0 0 .5rem;font-weight:700}
.persiapan-overlay-badge p{color:#343a40;margin:0;font-size:.92rem;line-height:1.5}
@media (max-width: 968px) {
.persiapan-hero-grid{grid-template-columns:1fr;gap:2.5rem}
.persiapan-hero-text h1{font-size:2.2rem}
.persiapan-langkah-grid{grid-template-columns:1fr;gap:3rem}
.persiapan-langkah-card{padding-top:3rem}
.persiapan-checklist-layout{grid-template-columns:1fr;gap:3rem}
.persiapan-visual-aside{order:-1}
}
@media (max-width: 640px) {
.persiapan-hero-wrapper{padding:3rem 1.5rem}
.persiapan-hero-text h1{font-size:1.9rem}
.persiapan-intro-text{font-size:1.05rem}
.persiapan-section-header h2{font-size:2rem}
.persiapan-checklist-content h2{font-size:1.9rem}
.persiapan-langkah-section,.persiapan-checklist-section{padding:3.5rem 1.5rem}
.persiapan-aside-image img{height:320px}
.persiapan-overlay-badge{bottom:20px;left:20px;right:20px;max-width:none}
}
.kebijakan-kuki-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh}
.kebijakan-kuki-wrapper .header-utama-kebijakan{padding:80px 20px 60px;background:linear-gradient(180deg,#fff 0%,#f5f6fa 100%);border-bottom:3px solid #FFDB15;position:relative}
.kebijakan-kuki-wrapper .header-utama-kebijakan::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#BB4758 0%,#FFDB15 50%,#1AF99F 100%)}
.kebijakan-kuki-wrapper .judul-halaman-kebijakan{font-size:2.8rem;color:#212529;font-weight:800;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.kebijakan-kuki-wrapper .tanggal-efektif-utama{font-size:1rem;color:#495057;font-weight:500;margin:0;padding:12px 24px;background:#fff;border-left:4px solid #BB4758;display:inline-block;box-shadow:0 2px 8px #0000000f}
.kebijakan-kuki-wrapper .kontainer-isi-kebijakan{max-width:100%;padding:0}
.kebijakan-kuki-wrapper .blok-pengenalan-konsep{padding:60px 5%;background:#fff}
.kebijakan-kuki-wrapper .blok-pengenalan-konsep .sub-judul-bagian{font-size:1.9rem;color:#212529;font-weight:700;margin:0 0 32px;position:relative;padding-left:20px}
.kebijakan-kuki-wrapper .blok-pengenalan-konsep .sub-judul-bagian::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#BB4758 0%,#FFDB15 100%);border-radius:3px}
.kebijakan-kuki-wrapper .paragraf-isi-utama{font-size:1.05rem;line-height:1.8;color:#343a40;margin:0 0 24px}
.kebijakan-kuki-wrapper .blok-teknologi-pelacakan{padding:70px 5%;background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}
.kebijakan-kuki-wrapper .judul-seksi-teknologi{font-size:2rem;color:#212529;font-weight:700;margin:0 0 48px;text-align:center;position:relative;padding-bottom:16px}
.kebijakan-kuki-wrapper .judul-seksi-teknologi::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#BB4758 0%,#1AF99F 100%);border-radius:2px}
.kebijakan-kuki-wrapper .grid-jenis-teknologi{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin:0 0 48px}
.kebijakan-kuki-wrapper .kartu-teknologi-individu{background:#fff;padding:32px 28px;border-radius:8px;box-shadow:0 4px 12px #00000014;border-top:4px solid #BB4758;transition:all .3s ease}
.kebijakan-kuki-wrapper .kartu-teknologi-individu:nth-child(2){border-top-color:#FFDB15}
.kebijakan-kuki-wrapper .kartu-teknologi-individu:nth-child(3){border-top-color:#1AF99F}
.kebijakan-kuki-wrapper .kartu-teknologi-individu:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}
.kebijakan-kuki-wrapper .nama-teknologi-khusus{font-size:1.4rem;color:#212529;font-weight:700;margin:0 0 16px}
.kebijakan-kuki-wrapper .deskripsi-teknologi-detail{font-size:1rem;line-height:1.7;color:#495057;margin:0}
.kebijakan-kuki-wrapper .blok-tujuan-eksistensi{padding:70px 5%;background:#fff}
.kebijakan-kuki-wrapper .kepala-seksi-tujuan{font-size:2rem;color:#212529;font-weight:700;margin:0 0 36px;text-transform:none}
.kebijakan-kuki-wrapper .daftar-alasan-operasional{list-style:none;padding:0;margin:0 0 32px}
.kebijakan-kuki-wrapper .daftar-alasan-operasional li{padding:20px 20px 20px 60px;margin:0 0 16px;background:#f8f9fa;border-radius:6px;position:relative;font-size:1.05rem;line-height:1.7;color:#343a40;border-left:3px solid #BB4758}
.kebijakan-kuki-wrapper .daftar-alasan-operasional li::before{content:'→';position:absolute;left:24px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:#BB4758;font-weight:700}
.kebijakan-kuki-wrapper .daftar-alasan-operasional li:nth-child(even){border-left-color:#1AF99F}
.kebijakan-kuki-wrapper .daftar-alasan-operasional li:nth-child(even)::before{color:#1AF99F}
.kebijakan-kuki-wrapper .blok-relevansi-pengalaman{padding:70px 5%;background:linear-gradient(180deg,#fafbfc 0%,#f5f6fa 100%);border-top:1px solid #e9ecef}
.kebijakan-kuki-wrapper .tajuk-relevansi-utama{font-size:1.95rem;color:#212529;font-weight:700;margin:0 0 40px;position:relative;display:inline-block}
.kebijakan-kuki-wrapper .tajuk-relevansi-utama::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FFDB15 0%,#1AF99F 100%)}
.kebijakan-kuki-wrapper .kolom-konten-relevansi{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:0 0 36px}
.kebijakan-kuki-wrapper .segmen-aspek-individual{background:#fff;padding:32px;border-radius:8px;box-shadow:0 3px 10px #00000012}
.kebijakan-kuki-wrapper .label-aspek-khusus{font-size:1.25rem;color:#212529;font-weight:700;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #FFDB15}
.kebijakan-kuki-wrapper .penjelasan-aspek-detail{font-size:1rem;line-height:1.75;color:#495057;margin:0}
.kebijakan-kuki-wrapper .blok-pembedaan-tipe{padding:70px 5%;background:#fff;border-top:1px solid #e9ecef}
.kebijakan-kuki-wrapper .kepala-pembedaan-kategori{font-size:2rem;color:#212529;font-weight:700;margin:0 0 48px;text-align:center}
.kebijakan-kuki-wrapper .kontainer-tabel-perbandingan{overflow-x:auto;margin:0 0 40px;border-radius:8px;box-shadow:0 4px 16px #0000001a}
.kebijakan-kuki-wrapper .tabel-kategorisasi{width:100%;border-collapse:collapse;background:#fff}
.kebijakan-kuki-wrapper .tabel-kategorisasi thead{background:linear-gradient(135deg,#BB4758 0%,#9d3a48 100%)}
.kebijakan-kuki-wrapper .tabel-kategorisasi th{padding:20px 16px;text-align:left;font-size:1.1rem;color:#fff;font-weight:700;border-bottom:3px solid #FFDB15}
.kebijakan-kuki-wrapper .tabel-kategorisasi td{padding:18px 16px;font-size:1rem;color:#343a40;border-bottom:1px solid #e9ecef;line-height:1.6}
.kebijakan-kuki-wrapper .tabel-kategorisasi tbody tr:hover{background:#f8f9fa}
.kebijakan-kuki-wrapper .tabel-kategorisasi tbody tr:nth-child(odd){background:#fafbfc}
.kebijakan-kuki-wrapper .penanda-status-ya{color:#1AF99F;font-weight:700;font-size:1.1rem}
.kebijakan-kuki-wrapper .penanda-status-tidak{color:#BB4758;font-weight:700;font-size:1.1rem}
.kebijakan-kuki-wrapper .blok-kontrol-pengguna{padding:70px 5%;background:linear-gradient(135deg,#f5f6fa 0%,#fff 100%);border-top:1px solid #e9ecef}
.kebijakan-kuki-wrapper .judul-bagian-kontrol{font-size:1.95rem;color:#212529;font-weight:700;margin:0 0 36px}
.kebijakan-kuki-wrapper .grid-opsi-pengendalian{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin:0 0 40px}
.kebijakan-kuki-wrapper .kartu-metode-kontrol{background:#fff;padding:28px 24px;border-radius:6px;border:2px solid #e9ecef;transition:all .3s ease}
.kebijakan-kuki-wrapper .kartu-metode-kontrol:hover{border-color:#1AF99F;box-shadow:0 6px 18px #1af99f26}
.kebijakan-kuki-wrapper .nama-metode-kendali{font-size:1.3rem;color:#212529;font-weight:700;margin:0 0 14px;position:relative;padding-left:32px}
.kebijakan-kuki-wrapper .nama-metode-kendali::before{content:'';position:absolute;left:0;top:0;font-size:1.4rem;color:#BB4758}
.kebijakan-kuki-wrapper .penjelasan-metode-kontrol{font-size:1rem;line-height:1.7;color:#495057;margin:0}
.kebijakan-kuki-wrapper .blok-informasi-kontak{padding:60px 5%;background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);border-top:3px solid #FFDB15}
.kebijakan-kuki-wrapper .wadah-rincian-komunikasi{background:#fff;padding:40px;border-radius:8px;box-shadow:0 6px 20px #0000001a;border-left:6px solid #1AF99F}
.kebijakan-kuki-wrapper .kepala-komunikasi{font-size:1.6rem;color:#212529;font-weight:700;margin:0 0 28px}
.kebijakan-kuki-wrapper .daftar-saluran-komunikasi{list-style:none;padding:0;margin:0}
.kebijakan-kuki-wrapper .daftar-saluran-komunikasi li{padding:16px 0;border-bottom:1px solid #e9ecef;font-size:1.05rem;color:#343a40;line-height:1.6}
.kebijakan-kuki-wrapper .daftar-saluran-komunikasi li:last-child{border-bottom:none}
.kebijakan-kuki-wrapper .label-saluran{font-weight:700;color:#BB4758;display:inline-block;min-width:140px}
.kebijakan-kuki-wrapper .nilai-saluran{color:#495057}
@media (max-width: 768px) {
.kebijakan-kuki-wrapper .header-utama-kebijakan{padding:60px 20px 40px}
.kebijakan-kuki-wrapper .judul-halaman-kebijakan{font-size:2rem}
.kebijakan-kuki-wrapper .blok-pengenalan-konsep,.kebijakan-kuki-wrapper .blok-teknologi-pelacakan,.kebijakan-kuki-wrapper .blok-tujuan-eksistensi,.kebijakan-kuki-wrapper .blok-relevansi-pengalaman,.kebijakan-kuki-wrapper .blok-pembedaan-tipe,.kebijakan-kuki-wrapper .blok-kontrol-pengguna,.kebijakan-kuki-wrapper .blok-informasi-kontak{padding:50px 20px}
.kebijakan-kuki-wrapper .grid-jenis-teknologi{grid-template-columns:1fr;gap:24px}
.kebijakan-kuki-wrapper .kolom-konten-relevansi{grid-template-columns:1fr;gap:28px}
.kebijakan-kuki-wrapper .grid-opsi-pengendalian{grid-template-columns:1fr;gap:20px}
.kebijakan-kuki-wrapper .wadah-rincian-komunikasi{padding:28px 20px}
.kebijakan-kuki-wrapper .label-saluran{display:block;margin-bottom:4px}
.kebijakan-kuki-wrapper .tabel-kategorisasi{font-size:.9rem}
.kebijakan-kuki-wrapper .tabel-kategorisasi th,.kebijakan-kuki-wrapper .tabel-kategorisasi td{padding:12px 10px}
}
.privacy-policy-main{background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#2d2d2d;line-height:1.7}
.privacy-header-zone{background:linear-gradient(135deg,#f8f9fa 0%,#fafbfc 100%);padding:4rem 2rem 3rem;border-bottom:3px solid #BB4758;position:relative}
.privacy-header-zone::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#BB4758 0%,#1AF99F 50%,#FFDB15 100%)}
.privacy-title-main{font-size:2.8rem;font-weight:700;color:#212529;margin:0 0 1rem;letter-spacing:-.5px}
.privacy-intro-text{font-size:1.15rem;color:#495057;max-width:900px;margin:0 auto}
.privacy-content-wrapper{max-width:100%;padding:3rem 2rem}
.privacy-section-block{margin-bottom:3.5rem;background:#fafbfc;padding:2.5rem;border-radius:8px;border-left:5px solid #BB4758;box-shadow:0 2px 8px #0000000a}
.privacy-section-block:nth-child(even){background:#fff;border-left-color:#1AF99F}
.privacy-section-block:nth-child(3n){border-left-color:#FFDB15}
.section-heading-primary{font-size:1.95rem;font-weight:700;color:#212529;margin:0 0 1.5rem;position:relative;padding-left:1rem}
.section-heading-primary::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:#BB4758}
.section-heading-secondary{font-size:1.5rem;font-weight:600;color:#343a40;margin:2rem 0 1rem}
.privacy-paragraph{font-size:1.05rem;color:#495057;margin-bottom:1.3rem;line-height:1.8}
.privacy-paragraph strong{color:#BB4758;font-weight:600}
.privacy-list-standard{list-style:none;padding:0;margin:1.5rem 0}
.privacy-list-standard li{padding-left:2rem;margin-bottom:1rem;position:relative;color:#495057;line-height:1.7}
.privacy-list-standard li::before{content:'▸';position:absolute;left:0;color:#BB4758;font-size:1.3rem;font-weight:700}
.emphasis-block{background:linear-gradient(135deg,#fff5f6 0%,#fff 100%);border:2px solid #BB4758;padding:1.5rem;border-radius:6px;margin:2rem 0}
.emphasis-block p{margin:0;color:#343a40;font-size:1.05rem}
.contact-info-block{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:2rem;border-radius:8px;margin:2.5rem 0;border:2px solid #1AF99F}
.contact-info-block p{margin:.7rem 0;color:#343a40;font-size:1.05rem}
.contact-info-block a{color:#BB4758;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .3s ease}
.contact-info-block a:hover{border-bottom-color:#BB4758}
.data-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}
.data-category-item{background:#fff;padding:1.5rem;border-radius:6px;border:2px solid #e9ecef;transition:all .3s ease}
.data-category-item:hover{border-color:#BB4758;box-shadow:0 4px 12px #bb47581a;transform:translateY(-2px)}
.data-category-item h3{font-size:1.2rem;color:#BB4758;margin:0 0 .8rem;font-weight:600}
.data-category-item p{font-size:.98rem;color:#495057;margin:0;line-height:1.6}
.timeline-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#BB4758 20%,#1AF99F 50%,#FFDB15 80%,transparent 100%);margin:3rem 0;border:none}
.last-updated-notice{background:#fff9e6;border-left:4px solid #FFDB15;padding:1.2rem 1.5rem;margin:2rem 0;border-radius:4px}
.last-updated-notice p{margin:0;color:#343a40;font-size:1rem;font-weight:500}
.nested-list-container{margin-left:1.5rem;margin-top:1rem}
.nested-list-container li{font-size:1rem;margin-bottom:.8rem}
@media (max-width: 768px) {
.privacy-header-zone{padding:3rem 1.5rem 2rem}
.privacy-title-main{font-size:2rem}
.privacy-content-wrapper{padding:2rem 1rem}
.privacy-section-block{padding:1.5rem}
.section-heading-primary{font-size:1.6rem}
.data-category-grid{grid-template-columns:1fr;gap:1rem}
}
@media (max-width: 480px) {
.privacy-title-main{font-size:1.7rem}
.section-heading-primary{font-size:1.4rem}
.privacy-paragraph{font-size:1rem}
}
.success-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:85vh;display:flex;align-items:center;padding:3rem 1rem}
.success-inner-container{max-width:720px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 8px 24px #bb475814;padding:3.5rem 2rem;position:relative;overflow:hidden}
.success-inner-container::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#BB4758 0%,#1AF99F 50%,#FFDB15 100%)}
.success-icon-area{text-align:center;margin-bottom:2rem}
.success-check-circle{width:90px;height:90px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#1af99f26 0%,#1af99f0d 100%);display:flex;align-items:center;justify-content:center;position:relative;animation:pulseSuccess 2s ease-in-out infinite}
@keyframes pulseSuccess {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.success-check-circle::after{content:'';font-size:48px;color:#1AF99F;font-weight:700;line-height:1}
.success-main-heading{font-size:2rem;color:#212529;font-weight:700;margin:0 0 1rem;text-align:center;line-height:1.3}
.success-subtext{font-size:1.125rem;color:#495057;text-align:center;margin:0 0 2.5rem;line-height:1.6}
.success-details-box{background:#f8f9fa;border-left:4px solid #BB4758;padding:1.75rem 1.5rem;margin:0 0 2rem;border-radius:8px}
.success-detail-item{display:flex;align-items:flex-start;margin-bottom:1rem}
.success-detail-item:last-child{margin-bottom:0}
.success-detail-label{font-weight:600;color:#343a40;min-width:140px;font-size:.95rem}
.success-detail-value{color:#495057;font-size:.95rem;line-height:1.5}
.success-timeline-section{margin:2.5rem 0;padding:2rem 0;border-top:2px dashed #bb475826;border-bottom:2px dashed #bb475826}
.success-timeline-title{font-size:1.25rem;color:#212529;font-weight:600;margin:0 0 1.5rem;text-align:center}
.success-step-row{display:flex;gap:1.5rem;margin-bottom:1.25rem;align-items:flex-start}
.success-step-row:last-child{margin-bottom:0}
.success-step-marker{min-width:38px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#BB4758 0%,#FFDB15 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;margin-top:2px}
.success-step-content{flex:1}
.success-step-heading{font-size:1rem;color:#212529;font-weight:600;margin:0 0 .35rem}
.success-step-desc{font-size:.9rem;color:#495057;line-height:1.5;margin:0}
.success-action-zone{text-align:center;margin-top:2.5rem}
.success-primary-btn{display:inline-block;background:linear-gradient(135deg,#BB4758 0%,#FFDB15 100%);color:#fff;padding:.95rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #bb475840;margin:0 .5rem 1rem}
.success-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #bb475859;color:#fff}
.success-secondary-btn{display:inline-block;background:#fff;color:#BB4758;padding:.95rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid #BB4758;margin:0 .5rem 1rem}
.success-secondary-btn:hover{background:#BB4758;color:#fff;transform:translateY(-2px)}
.success-footer-note{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e9ecef}
.success-footer-text{font-size:.9rem;color:#6c757d;line-height:1.6;margin:0 0 .75rem}
.success-contact-link{color:#BB4758;text-decoration:none;font-weight:600;transition:color .2s ease}
.success-contact-link:hover{color:#1AF99F;text-decoration:underline}
.success-info-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#ffdb1514 0%,#1af99f14 100%);border-radius:8px}
.success-info-card{background:#fff;padding:1.25rem;border-radius:6px;border-left:3px solid #1AF99F}
.success-info-heading{font-size:.95rem;color:#212529;font-weight:600;margin:0 0 .5rem}
.success-info-text{font-size:.9rem;color:#495057;line-height:1.5;margin:0}
@media (max-width: 768px) {
.success-wrapper{padding:2rem 1rem}
.success-inner-container{padding:2.5rem 1.5rem}
.success-main-heading{font-size:1.65rem}
.success-subtext{font-size:1rem}
.success-detail-item{flex-direction:column;gap:.25rem}
.success-detail-label{min-width:auto}
.success-primary-btn,.success-secondary-btn{display:block;margin:0 0 1rem;width:100%}
.success-step-row{gap:1rem}
.success-step-marker{min-width:34px;width:34px;height:34px;font-size:.85rem}
}
@media (min-width: 769px) {
.success-info-grid{grid-template-columns:repeat(2,1fr)}
}