.fn,.fn *{box-sizing:border-box}.fn{font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;position:relative;color:#171e4a}.fn .fn-quiz-wrap{padding:0 0 60px;transition:background .7s}.fn .fn-quiz-wrap.ph-dasar{background:#fffbeb}.fn .fn-quiz-wrap.ph-instrumen{background:#f0fdf4}.fn .fn-quiz-wrap.ph-praktik{background:#0f172a}.fn .fn-phase-plate{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:3px solid #171e4a;flex-wrap:wrap}.fn .ph-praktik .fn-phase-plate{border-color:#ffffff1f}.fn .fnpp-icon{font-size:1.7rem;flex-shrink:0}.fn .fnpp-info{flex:1}.fn .fnpp-name{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:block;color:#171e4a}.fn .ph-praktik .fnpp-name{color:#ffffffe6}.fn .fnpp-desc{font-size:11px;color:#64748b}.fn .ph-praktik .fnpp-desc{color:#ffffff59}.fn .fnpp-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.fn .fnpp-qnum{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:800;color:#171e4a}.fn .ph-praktik .fnpp-qnum{color:#fff9}.fn .fnpp-dots{display:flex;gap:4px}.fn .fnpp-dot{width:8px;height:8px;background:#171e4a26;border-radius:50%}.fn .ph-praktik .fnpp-dot{background:#ffffff26}.fn .fnpp-dot.dp-done{background:#10b981}.fn .fnpp-dot.dp-cur{background:#f97316;box-shadow:0 0 0 2px #f973164d}.fn .fn-tbar-row{display:flex;align-items:center;gap:12px;padding:12px 0}.fn .fn-tbar{flex:1;height:9px;background:#171e4a1a}.fn .ph-praktik .fn-tbar{background:#ffffff1a}.fn .fn-tbar-fill{height:100%;background:#f97316;transition:width 1s linear}.fn .fn-tbar-fill.warn{background:#ef4444;animation:tpulse .5s infinite}@keyframes tpulse{0%,to{opacity:1}50%{opacity:.45}}.fn .fn-tbar-sec{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:800;color:#171e4a;min-width:22px;text-align:right}.fn .ph-praktik .fn-tbar-sec{color:#fff}.fn .fn-kk{border:2.5px solid #171e4a;background:#fff;padding:11px 16px;margin:12px 0;display:flex;gap:12px;align-items:flex-start;min-height:52px;transition:background .2s,border-color .2s}.fn .ph-praktik .fn-kk{border-color:#ffffff2e;background:#ffffff12}.fn .fnkk-label{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#171e4a;flex-shrink:0;padding-top:2px}.fn .ph-praktik .fnkk-label{color:#fff6}.fn .fnkk-state{font-size:13px;line-height:1.45;color:#475569;font-weight:500}.fn .ph-praktik .fnkk-state{color:#ffffffb3}.fn .fn-kk.kk-neutral{border-color:#0284c7;background:#f0f9ff}.fn .fn-q-card{border:3px solid #171e4a;background:#fff;padding:24px;box-shadow:6px 6px #171e4a;margin-top:20px}.fn .fnqc-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fn .fnqc-time{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:900;color:#0d9488;letter-spacing:.05em}.fn .fnqc-type-tag{font-family:Space Grotesk,sans-serif;font-size:9.5px;font-weight:800;padding:3px 8px;border:1.5px solid #171e4a;background:#fde047;color:#171e4a;text-transform:uppercase;box-shadow:2px 2px #171e4a}.fn .fnqc-scenario{font-size:13.5px;line-height:1.6;color:#475569;margin-bottom:16px;padding-bottom:16px;border-bottom:2px dashed #171e4a}.fn .fnqc-q{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:900;margin:0 0 20px;color:#171e4a;line-height:1.3}.fn .fnqc-act{margin-top:24px;border-top:2px dashed #171e4a;padding-top:20px;text-align:right}.fn .fn-btn-next{background:#0d9488;color:#fff;border-color:#171e4a}.fn .fn-opts{display:flex;flex-direction:column;gap:12px}.fn .fn-opt{display:flex;border:2px solid #171e4a;cursor:pointer;transition:transform .1s,box-shadow .1s;align-items:stretch;background:#fff}.fn .fn-opt:hover:not(.opt-locked){transform:translate(-2px,-2px);box-shadow:4px 4px #0f172a26}.fn .fn-opt.opt-locked{cursor:default;opacity:.6}.fn .fn-opt-ltr{width:40px;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:900;font-size:16px;border-right:2px solid #171e4a;background:#fde047;color:#171e4a;flex-shrink:0}.fn .fn-opt-txt{padding:14px 16px;font-size:13.5px;line-height:1.5;font-weight:600;flex:1;display:flex;align-items:center}.fn .fn-opt.sel-neutral{background:#e0f2fe;border-color:#0284c7;box-shadow:inset 4px 0 #0284c7;transform:none;opacity:1}.fn .fn-opt.sel-neutral .fn-opt-ltr{background:#0284c7;color:#fff;border-color:#0284c7}.fn .fn-fill-wrap{display:flex;flex-direction:column;gap:12px}.fn .fn-fill-hint{font-size:12.5px;background:#f0f9ff;border:1.5px solid #0284c7;border-left:4px solid #0284c7;padding:10px 12px;color:#0c4a6e;font-weight:600}.fn .fn-fill-input{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;padding:14px;border:2px solid #171e4a;width:100%;color:#171e4a}.fn .fn-fill-input:focus{outline:none;border-color:#0d9488}.fn .fn-ms-wrap{display:flex;flex-direction:column;gap:12px}.fn .fn-ms-opt{display:flex;align-items:center;gap:12px;border:2px solid #171e4a;padding:12px 16px;cursor:pointer;font-weight:600;font-size:13.5px;transition:.1s}.fn .fn-ms-opt:hover:not(.ms-locked){background:#f8fafc}.fn .fn-ms-opt.sel{background:#e0f2fe;border-color:#0284c7;box-shadow:inset 4px 0 #0284c7}.fn .fn-ms-opt.ms-locked{cursor:default;opacity:.6}.fn .fn-seq-wrap{display:flex;flex-direction:column;gap:12px}.fn .fn-seq-list{display:flex;flex-direction:column;gap:8px;border:2px dashed #171e4a;padding:12px;background:#f8fafc}.fn .fn-seq-item{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #171e4a;padding:10px 14px;font-weight:600;font-size:13px;cursor:grab}.fn .fn-seq-item:active{cursor:grabbing}.fn .fsq-grip{font-size:16px;color:#94a3b8}.fn .fsq-num{font-family:Space Grotesk,sans-serif;font-weight:900;color:#0d9488;width:20px}.fn .fn-tf4-wrap{display:flex;flex-direction:column;gap:10px}.fn .fn-tf4-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:2px solid #171e4a;background:#fff}.fn .fn-tf4-txt{font-size:13px;line-height:1.55;font-weight:600;flex:1;color:#171e4a}.fn .fn-tf4-btns{display:flex;gap:8px;flex-shrink:0}.fn .fn-tf4-btn{padding:7px 14px;border:2px solid #171e4a;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .15s;background:#fff;color:#171e4a;box-shadow:2px 2px #171e4a}.fn .fn-tf4-btn:hover:not(:disabled){transform:translateY(-1px)}.fn .fn-tf4-btn:disabled{opacity:.45;cursor:default}.fn .tf4-active-t{background:#d1fae5;border-color:#16a34a;color:#14532d;box-shadow:2px 2px #16a34a}.fn .tf4-active-f{background:#fee2e2;border-color:#dc2626;color:#7f1d1d;box-shadow:2px 2px #dc2626}.fn .fn-ws-wrap{display:flex;flex-direction:column;gap:14px}.fn .fn-ws-intro{background:#fffbeb;border:2px solid #b45309;border-left:5px solid #b45309;padding:12px 16px;font-size:13px;font-weight:600;color:#78350f}.fn .fn-ws-field{display:flex;flex-direction:column;gap:6px}.fn .fn-ws-label{font-family:Space Grotesk,sans-serif;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#171e4a}.fn .fn-ws-select{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;padding:12px 14px;border:2px solid #171e4a;width:100%;color:#171e4a;background:#fff;-webkit-appearance:none;appearance:none;cursor:pointer}.fn .fn-ws-select:focus{outline:none;border-color:#0d9488}.fn .fn-btn{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:14px 24px;border:3px solid #171e4a;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px #171e4a;color:#171e4a;background:#fff;display:inline-block;text-align:center}.fn .fn-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #171e4a}.fn .fn-btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px #171e4a}.fn .fn-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.fn .fn-overlay{position:fixed;inset:0;background:#0f172af2;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.fn .fn-rpanel{background:#fff;border:4px solid #171e4a;box-shadow:8px 8px #f97316;max-width:560px;width:100%;padding:40px 32px;text-align:center;margin:auto}.fn .fnrp-icon{font-size:4rem;margin-bottom:16px}.fn .fnrp-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:900;margin:0 0 16px;line-height:1.1;color:#171e4a}.fn .pass-title{color:#10b981}.fn .fail-title{color:#ef4444}.fn .fnrp-score-box{display:inline-block;border:3px solid #171e4a;padding:12px 24px;margin-bottom:20px;box-shadow:4px 4px #171e4a}.fn .pass-box{background:#d1fae5}.fn .fail-box{background:#fee2e2}.fn .fnrp-num{font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:900;color:#171e4a}.fn .fail-num{color:#b91c1c}.fn .fnrp-denom{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:800;color:#171e4a;opacity:.6}.fn .fnrp-msg{font-size:15px;line-height:1.5;color:#475569;margin-bottom:32px;font-weight:600}.fn .fnrp-breakdown{text-align:left;font-size:13px;line-height:1.5;color:#334155;background:#f8fafc;border:2px solid #171e4a;padding:16px;height:400px;overflow-y:auto;margin-bottom:24px}.fn .fn-btn-cert{width:100%;background:#fde047;border-color:#171e4a;color:#171e4a}.fn .fn-btn-retry{width:100%;background:#ef4444;color:#fff}.fn .rev-title{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:900;margin-top:0;margin-bottom:16px;border-bottom:2px solid #171e4a;padding-bottom:8px;color:#171e4a}.fn .rev-list{display:flex;flex-direction:column;gap:16px;text-align:left}.fn .rev-item{border:2px solid #171e4a;padding:16px;background:#fff;box-shadow:3px 3px #171e4a}.fn .rev-q{font-size:13.5px;font-weight:600;margin-bottom:8px;line-height:1.5;color:#171e4a}.fn .rev-ans{font-size:12.5px;margin-bottom:6px;padding:8px;background:#f1f5f9;border-left:4px solid #171e4a;color:#171e4a}.fn .rev-corr{font-size:12.5px;margin-bottom:6px;padding:8px;background:#ecfdf5;border-left:4px solid #10b981;color:#065f46}.fn .rev-exp{font-size:12.5px;line-height:1.5;color:#475569;margin-top:8px;padding-top:8px;border-top:1.5px dashed #171e4a}.fn .rev-ws{font-size:11px;color:#64748b;font-style:italic;margin-bottom:4px;padding:6px;background:#f8fafc;border:1px dashed #cbd5e1}.fn .rev-ok{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:800;color:#10b981;margin-left:6px;background:#d1fae5;padding:2px 6px}.fn .rev-no{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:800;color:#ef4444;margin-left:6px;background:#fee2e2;padding:2px 6px}.fn .fn-screen{padding:60px 20px}.fn .intro-wrap{max-width:580px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.fn .iw-stamp{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;background:#ef4444;color:#fff;padding:5px 16px;border:2px solid #171e4a;box-shadow:3px 3px #171e4a;display:inline-block;transform:rotate(-2deg);width:fit-content}.fn .iw-title{font-family:Space Grotesk,sans-serif;font-size:2.6rem;font-weight:800;line-height:.92;letter-spacing:-.02em;color:#171e4a;margin:0}.fn .iw-title em{color:#f97316;font-style:normal}.fn .iw-sub{font-size:14.5px;color:#475569;line-height:1.7;margin:0}.fn .iw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.fn .iws-item{border:2px solid #171e4a;background:#fff;padding:12px 8px;text-align:center;box-shadow:3px 3px #171e4a;display:flex;flex-direction:column;gap:4px}.fn .iwsi-n{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:900;color:#171e4a}.fn .iws-item span:last-child{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase}.fn .iw-types{background:#f8fafc;border:2px dashed #171e4a;padding:16px}.fn .iwt-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:800;margin-bottom:12px;color:#0d9488}.fn .iwt-items{display:flex;flex-direction:column;gap:8px}.fn .iwti{font-size:13px;font-weight:600;color:#171e4a}.fn .iw-phases{display:flex;flex-direction:column;gap:12px;margin-top:12px}.fn .iwp-item{display:flex;align-items:center;gap:16px;padding:14px;border:2px solid #171e4a;box-shadow:3px 3px #171e4a;background:#fff}.fn .iwp-item span{font-size:24px}.fn .iwp-item div{display:flex;flex-direction:column;gap:2px}.fn .iwp-item strong{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:800;color:#171e4a}.fn .iwp-item small{font-size:11px;color:#64748b;font-weight:700}.fn .iwp-pagi{border-left:6px solid #fde047}.fn .iwp-siang{border-left:6px solid #10b981}.fn .iwp-sore{border-left:6px solid #0f172a}.fn .iw-note{font-size:12.5px;color:#b91c1c;background:#fee2e2;padding:12px;border:1.5px solid #ef4444;font-weight:600;margin-bottom:12px}.fn .fn-btn-start{background:#d0ee8e;color:#171e4a;border-color:#171e4a;font-size:16px;padding:16px;width:100%}.fn .fn-cert-bg{position:fixed;inset:0;background:#0f172a;z-index:9999;display:flex;flex-direction:column}.fn .fn-cert-scroll{flex:1;overflow:auto;padding:40px 20px;display:flex;align-items:center;justify-content:center}.fn .fn-cert-canvas{width:800px;height:565px;background:#fff;position:relative;flex-shrink:0;box-shadow:0 20px 40px #00000080}.fn .fcc-frame{position:absolute;inset:20px;border:2px solid #0f172a;padding:4px}.fn .fcc-body{width:100%;height:100%;border:4px solid #0f172a;padding:30px 40px 55px;display:flex;flex-direction:column;position:relative;background:#fff}.fn .fcc-top{display:flex;gap:30px;align-items:flex-start;margin-bottom:40px}.fn .rpk-logo-box{width:85px;height:85px;background:#0f172a;display:flex;align-items:center;justify-content:center;transform:rotate(-3deg);flex-shrink:0}.fn .rpk-logo-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border:2px dashed #fde047}.fn .rpk-logo-star{font-size:11px;color:#fde047;line-height:1}.fn .rpk-logo-main{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:900;color:#fde047;line-height:1;margin:1px 0}.fn .rpk-logo-sub{font-size:6px;font-weight:800;letter-spacing:.06em;color:#fde04799;text-align:center;line-height:1.2}.fn .fcct-org{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:800;color:#0d9488;letter-spacing:.15em;margin-bottom:8px}.fn .fcct-sub{font-size:11px;font-weight:600;color:#475569;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.fn .fcct-main{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:900;color:#0f172a;line-height:1.1;letter-spacing:-.02em}.fn .fcc-mid{flex:1}.fn .fccm-bestow{font-size:14px;color:#475569;font-style:italic;margin-bottom:16px}.fn .fccm-name{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:900;color:#0f172a;line-height:1;text-transform:uppercase}.fn .fccm-line{width:100%;height:3px;background:#0f172a;margin:16px 0 24px}.fn .fccm-desc{font-size:14px;line-height:1.6;color:#334155;max-width:600px;text-align:justify;font-weight:500}.fn .fcc-bot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;position:relative;z-index:10}.fn .fccbot-left{width:200px}.fn .fcl-score{font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:900;color:#0f172a;line-height:1;margin-bottom:8px}.fn .fcl-bar{width:100%;height:6px;background:#e2e8f0;margin-bottom:8px}.fn .fcl-bar-fill{height:100%;background:#10b981}.fn .fcl-label{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.fn .rpk-badge-box{width:95px;height:95px;border-radius:50%;background:#fde047;border:3px solid #0f172a;display:flex;align-items:center;justify-content:center;transform:rotate(5deg)}.fn .rpk-badge-inner{width:78px;height:78px;border-radius:50%;border:2px dashed #0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0f172a}.fn .rpk-badge-cert{font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:900;letter-spacing:.06em}.fn .rpk-badge-star{font-size:18px;margin:2px 0}.fn .rpk-badge-yr{font-weight:800;font-size:12px}.fn .fccbot-right{width:200px;text-align:right}.fn .rpk-sign-wrap{position:absolute;bottom:42px;right:0;z-index:0}.fn .rpk-sign-text{font-family:Georgia,serif;font-size:18px;font-style:italic;color:#0f172a66;white-space:nowrap;transform:rotate(-3deg);display:block}.fn .fcr-date{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:800;color:#0f172a;margin-bottom:8px}.fn .fcr-line{width:100%;height:2px;background:#0f172a;margin-bottom:8px}.fn .fcr-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:4px}.fn .fcr-org{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:800;color:#0f172a}.fn .fcc-ribbon{position:absolute;bottom:0;left:0;right:0;background:#0f172a;color:#fff;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:800;letter-spacing:.2em;padding:6px 0;text-align:center;z-index:5}.fn .fn-cert-act{background:#1e293b;padding:20px;display:flex;gap:16px;justify-content:center;flex-shrink:0;border-top:2px solid #334155}.fn .fn-btn-home{background:#334155;color:#fff;border-color:#334155}@media(max-width:860px){.fn .fn-cert-canvas{transform:scale(.8);transform-origin:top center}.fn .iw-stats{grid-template-columns:1fr 1fr}.fn .fnrp-title{font-size:24px}}@media(max-width:500px){.fn .fn-cert-canvas{transform:scale(.45)}.fn .fn-cert-act{flex-direction:column}}