.page-mpcalc{background:radial-gradient(900px 380px at 18% 0%,rgba(6,182,212,0.22),transparent 60%),radial-gradient(900px 380px at 86% 6%,rgba(109,40,217,0.18),transparent 60%),linear-gradient(180deg,#0b1220 0%,#0a0f1b 40%,#0b1220 100%)}
.page-mpcalc #main-header{background:rgba(3,7,18,0.55);border-bottom:1px solid rgba(148,163,184,0.18);box-shadow:0 18px 40px rgba(0,0,0,0.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.page-mpcalc #main-header.header-scrolled{background:rgba(3,7,18,0.88);box-shadow:0 18px 40px rgba(0,0,0,0.32)}
.page-mpcalc #main-header .logo_header p{font-weight:700;letter-spacing:-0.02em}
.page-mpcalc #main-header .search_header{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.16);box-shadow:0 10px 26px rgba(0,0,0,0.16)}
.page-mpcalc #main-header .search_header:focus-within{background:rgba(255,255,255,0.16);box-shadow:0 14px 30px rgba(0,0,0,0.22)}
.page-mpcalc #main-header .search_header input{color:#fff}
.page-mpcalc #main-header .search_header input::placeholder{color:rgba(226,232,240,0.72)}
.page-mpcalc #main-header .search_header button{background:linear-gradient(135deg,#06b6d4,#6d28d9)}
.page-mpcalc #main-header .search_header button:hover{filter:brightness(1.06)}
.page-mpcalc #main-header .box_icon_menu_header p{background:rgba(255,255,255,0.96);border-color:rgba(255,255,255,0.55);color:#111827}
.page-mpcalc .mpcalc_title h1{color:rgba(226,232,240,0.96);text-shadow:0 10px 30px rgba(0,0,0,0.45)}
.page-mpcalc .mpcalc_title p{color:rgba(226,232,240,0.70)}
.page-mpcalc footer{background:radial-gradient(1100px 420px at 15% 0%,rgba(6,182,212,0.20),transparent 60%),radial-gradient(1100px 420px at 85% 0%,rgba(109,40,217,0.18),transparent 55%),linear-gradient(180deg,#060816 0%,#02030a 100%);margin-top:34px}
.page-mpcalc .footer{border-bottom:1px solid rgba(255,255,255,0.14);grid-gap:18px}
.page-mpcalc .footer_grid{padding:16px 14px;border-radius:16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.page-mpcalc .footer_grid h1{color:rgba(226,232,240,0.88);letter-spacing:0.14em;font-size:12px;margin-bottom:14px}
.page-mpcalc .footer_grid a{color:rgba(226,232,240,0.72)}
.page-mpcalc .footer_grid a:hover{color:#fff}
.page-mpcalc .footer_grid img{width:56px;background:rgba(255,255,255,0.92);padding:6px;border-radius:14px;box-sizing:border-box}
.page-mpcalc .isi_footer_sosmed{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);color:rgba(226,232,240,0.80);gap:10px}
.page-mpcalc .isi_footer_sosmed i{color:#22d3ee}
.page-mpcalc .copyright{color:rgba(226,232,240,0.60)}
.page-mpcalc .copyright a{color:rgba(226,232,240,0.82)}
.page-mpcalc .copyright a:hover{color:#fff}

.mpcalc_wrap{padding:18px 0 40px 0}
.mpcalc_titlebar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.mpcalc_title h1{margin:0;font-size:22px;letter-spacing:-0.02em}
.mpcalc_title p{margin:6px 0 0 0;color:#586174;font-size:13px;max-width:640px;line-height:1.45}
.mpcalc_title_links{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.mpcalc_title_links a{font-size:12px;font-weight:900;letter-spacing:0.02em;text-decoration:none;color:rgba(226,232,240,0.88);padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.06)}
.mpcalc_title_links a:hover{color:#fff;background:rgba(255,255,255,0.10)}
.mpcalc_badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mpcalc_badge{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:0.02em}
.mpcalc_badge_shop{background:#fff2e8;color:#d63a00;border:1px solid rgba(214,58,0,0.18)}
.mpcalc_badge_plan{background:#eef6ff;color:#004a9f;border:1px solid rgba(0,74,159,0.18)}
.mpcalc_badge_action{appearance:none;border:1px solid rgba(255,255,255,0.18);background:linear-gradient(135deg,#22d3ee,#6d28d9);color:#06101b;cursor:pointer;display:inline-flex;gap:8px;align-items:center;box-shadow:0 10px 26px rgba(34,211,238,0.18),0 10px 26px rgba(109,40,217,0.16);transform:translateY(0);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}
.mpcalc_badge_action i{font-size:14px;line-height:1}
.mpcalc_badge_action span{font-weight:900;letter-spacing:0.02em}
.mpcalc_badge_action:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 34px rgba(34,211,238,0.20),0 14px 34px rgba(109,40,217,0.18)}
.mpcalc_badge_action:active{transform:translateY(0);filter:brightness(0.98)}
.mpcalc_badge_action:focus{outline:none;box-shadow:0 0 0 3px rgba(34,211,238,0.22),0 0 0 6px rgba(109,40,217,0.16),0 14px 34px rgba(34,211,238,0.20),0 14px 34px rgba(109,40,217,0.18)}
.mpcalc_badge_action{animation:mpcalcPulse 2.4s ease-in-out infinite}
@keyframes mpcalcPulse{0%,100%{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.06);transform:translateY(-1px)}}
.mpcalc_grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:14px}
.mpcalc_card{background:#fff;border:1px solid rgba(0,0,0,0.06);border-radius:14px;padding:14px;box-shadow:0 10px 22px rgba(0,0,0,0.04)}
.mpcalc_card h2{margin:0 0 10px 0;font-size:16px}
.mpcalc_card h3{margin:14px 0 6px 0;font-size:14px}
.mpcalc_hint{font-size:12px;color:#6b7385;line-height:1.4;margin-top:6px}
.mpcalc_row{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.mpcalc_row label{font-size:12px;color:#2b2f38;font-weight:700}
.mpcalc_row input,.mpcalc_row select{height:40px;border-radius:10px;border:1px solid rgba(0,0,0,0.12);padding:0 12px;font-size:14px;outline:none}
.mpcalc_row input:focus,.mpcalc_row select:focus{border-color:rgba(0,74,159,0.55);box-shadow:0 0 0 3px rgba(0,74,159,0.12)}
.mpcalc_split{display:grid;grid-template-columns:1fr 0.8fr;gap:10px;align-items:end}
.mpcalc_toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(0,0,0,0.12);border-radius:10px;height:40px;padding:0 12px}
.mpcalc_toggle_label{font-size:12px;color:#2b2f38;font-weight:700}
.mpcalc_toggle input{width:18px;height:18px}
.mpcalc_hr{border:none;border-top:1px solid rgba(0,0,0,0.08);margin:14px 0}
.mpcalc_actions{display:flex;gap:10px;margin-top:14px}
.mpcalc_btn{appearance:none;border:none;border-radius:10px;height:42px;padding:0 14px;font-weight:800;font-size:13px;cursor:pointer;background:#0b5ed7;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1}
.mpcalc_btn_secondary{background:#f1f3f7;color:#1f2430;border:1px solid rgba(0,0,0,0.08)}
.mpcalc_btn_pro{background:#111827;color:#fff;flex:0 0 auto;text-decoration:none}
.mpcalc_inline2{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}
.mpcalc_inline2 span{font-size:12px;color:#6b7385}
.mpcalc_inline2 input{width:140px}
.mpcalc_toggle_inline{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#2b2f38;font-weight:700}
.mpcalc_toggle_inline input{width:18px;height:18px}
.mpcalc_proonly{display:flex}
.mpcalc_prolock input,.mpcalc_prolock select{background:#f7f8fb}
.mpcalc_locked{position:relative;border-radius:12px;border:1px dashed rgba(17,24,39,0.22);padding:10px;background:linear-gradient(180deg,#f9fafb,#ffffff)}
.mpcalc_locked::after{content:"TERKUNCI PRO";position:absolute;top:10px;right:10px;background:#111827;color:#fff;font-size:10px;font-weight:900;letter-spacing:0.06em;padding:4px 8px;border-radius:999px}
.mpcalc_locked:hover{border-color:rgba(17,24,39,0.32)}
.mpcalc_lock_overlay{position:absolute;inset:0;border:none;background:transparent;border-radius:12px;cursor:pointer}
.mpcalc_notice{margin:10px 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,0.08);background:#fff7ed;color:#7a3412;font-weight:700;font-size:12px}
.mpcalc_upsell{margin-top:14px;border-radius:12px;border:1px solid rgba(17,24,39,0.12);background:linear-gradient(135deg,#0f172a,#111827);color:#fff;padding:12px}
.mpcalc_upsell_head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mpcalc_upsell_title{font-weight:900;letter-spacing:-0.02em}
.mpcalc_upsell_sub{font-size:12px;opacity:0.88;line-height:1.35;margin-top:4px;max-width:560px}
.mp_price_row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.mp_price_old{text-decoration:line-through;color:#6b7385;font-weight:900}
.mp_price_new{color:#111827;font-weight:900}
.mp_price_badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:#111827;color:#fff;font-size:11px;font-weight:900;letter-spacing:0.02em}
.mpcalc_upsell .mp_price_old,.mpcalc_modal_panel .mp_price_old{color:rgba(226,232,240,0.70)}
.mpcalc_upsell .mp_price_new,.mpcalc_modal_panel .mp_price_new{color:#a5f3fc}
.mpcalc_upsell .mp_price_badge,.mpcalc_modal_panel .mp_price_badge{background:rgba(34,211,238,0.18);border:1px solid rgba(34,211,238,0.28);color:#a5f3fc}
.mpcalc_card_result{position:sticky;top:14px;height:fit-content}
.mpcalc_modal{position:fixed;inset:0;z-index:9999;display:none}
.mpcalc_modal.mpcalc_modal_open{display:block}
.mpcalc_modal_backdrop{position:absolute;inset:0;background:rgba(2,6,23,0.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mpcalc_modal_panel{position:relative;max-width:720px;margin:10vh auto 0 auto;background:linear-gradient(135deg,#0f172a,#111827);color:#fff;border:1px solid rgba(255,255,255,0.14);box-shadow:0 30px 80px rgba(0,0,0,0.55);border-radius:18px;padding:16px 16px 14px 16px;transform:translateY(10px);opacity:0;animation:mpcalcModalIn 160ms ease-out forwards}
@keyframes mpcalcModalIn{to{transform:translateY(0);opacity:1}}
.mpcalc_modal_close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.08);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.mpcalc_modal_close:hover{background:rgba(255,255,255,0.12)}
.mpcalc_modal_badge{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;border-radius:999px;background:rgba(34,211,238,0.18);border:1px solid rgba(34,211,238,0.28);color:#a5f3fc;font-weight:900;letter-spacing:0.12em;font-size:11px}
.mpcalc_modal_title{margin-top:10px;font-size:18px;font-weight:900;letter-spacing:-0.02em}
.mpcalc_modal_desc{margin-top:6px;font-size:13px;line-height:1.45;color:rgba(226,232,240,0.82)}
.mpcalc_modal_list{margin:12px 0 0 0;padding-left:18px;color:rgba(226,232,240,0.88);font-size:13px;line-height:1.55}
.mpcalc_modal_list li{margin:4px 0}
.mpcalc_modal_price{margin-top:14px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px;border-radius:14px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12)}
.mpcalc_modal_price_label{font-size:12px;color:rgba(226,232,240,0.72);font-weight:800}
.mpcalc_modal_price_value{font-size:16px;font-weight:900;margin-top:2px}
.mpcalc_modal_actions{display:flex;gap:10px;flex-wrap:wrap}
.mpcalc_modal_actions .mpcalc_btn{flex:0 0 auto}
.mpcalc_modal_note{margin-top:10px;font-size:12px;color:rgba(226,232,240,0.72);line-height:1.35}
.mpcalc_modal_note a{color:#a5f3fc;font-weight:900;text-decoration:none}
.mpcalc_modal_note a:hover{text-decoration:underline}
.mpcalc_kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.mpcalc_kpi_item{border-radius:12px;border:1px solid rgba(0,0,0,0.06);padding:12px;background:#fbfcff}
.mpcalc_kpi_label{font-size:12px;color:#6b7385;font-weight:800}
.mpcalc_kpi_value{font-size:18px;font-weight:900;margin-top:6px;letter-spacing:-0.02em}
.mpcalc_kpi_sub{font-size:12px;color:#6b7385;margin-top:6px;line-height:1.35;min-height:16px}
.mpcalc_table{margin-top:12px;border-radius:12px;border:1px solid rgba(0,0,0,0.06);overflow:hidden}
.mpcalc_table_row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#fff;font-size:13px}
.mpcalc_table_row:nth-child(2n){background:#f8fafc}
.mpcalc_table_row div:first-child{color:#374151;font-weight:800}
.mpcalc_table_row div:last-child{color:#111827;font-weight:900}
.mpcalc_breakdown{margin-top:12px}
.mpcalc_breakdown_item{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,0.06);background:#fff;margin-top:8px;font-size:13px}
.mpcalc_breakdown_item strong{font-weight:900}
.mpcalc_breakdown_item span{color:#6b7385;font-weight:800}
.mpcalc_ad{margin-top:12px;width:100%}
.mpcalc_ad ins.adsbygoogle{display:block;width:100%!important}
@media (max-width: 980px){.mpcalc_grid{grid-template-columns:1fr}.mpcalc_card_result{position:static}}
@media only screen and (max-width: 600px){body.page-mpcalc footer{display:block;padding:28px 0 22px 0}.page-mpcalc .footer{grid-template-columns:1fr;grid-gap:14px}.mpcalc_modal_panel{margin:12vh 10px 0 10px}}