.ukp .ut-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ukp .ut-tool-btn{border:1px solid var(--b2);color:var(--navy);font-family:var(--fd);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ukp .ut-tool-btn:hover{background:var(--soft);border-color:var(--navy-l)}.ukp .ut-tool-btn[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.ukp .ut-tool-btn[aria-pressed=true] svg{color:var(--gold)}@media (max-width:520px){.ukp .ut-tool-btn span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ukp .ut-tool-btn{padding:8px 10px}}.ukp .ut-win{--fm:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:var(--navy);font-family:var(--fd);border:1px solid var(--b2);box-shadow:var(--shadow);background:#fff;border-radius:20px;outline:none;flex-direction:column;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);font-size:14px;line-height:1.5;display:flex;position:fixed;overflow:hidden}.ukp .ut-win *,.ukp .ut-win :before,.ukp .ut-win :after{box-sizing:border-box}.ukp .ut-win[hidden]{display:none!important}.ukp .ut-win button,.ukp .ut-win input,.ukp .ut-win select{font:inherit;color:inherit}.ukp .ut-win :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ukp .ut-win-h{background:var(--navy);color:#fff;cursor:move;user-select:none;touch-action:none;align-items:center;gap:8px;padding:10px 12px 10px 16px;display:flex}.ukp .ut-win-h b{letter-spacing:-.005em;flex:1;font-size:14px;font-weight:700}.ukp .ut-win-x{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:background .15s;display:inline-grid}.ukp .ut-win-x:hover{background:#ffffff3d}.ukp .ut-win-h :focus-visible{outline-color:var(--gold)}.ukp .ut-win-b{flex-direction:column;flex:1;min-height:0;padding:14px;display:flex;overflow:auto}.ukp .ut-win--calc{width:300px;top:204px;right:24px}.ukp .ut-win--sheet{resize:both;width:min(780px,96vw);height:min(480px,100vh - 224px);top:204px;left:40px}.ukp .ut-win--reg{resize:both;width:min(480px,94vw);height:min(600px,100vh - 224px);top:204px;right:24px}@media (max-width:600px){.ukp .ut-win{resize:none;max-width:none;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:24px 24px 0 0;width:auto!important;height:92dvh!important;inset:auto 0 0!important}.ukp .ut-win--calc{height:auto!important}.ukp .ut-win-h{cursor:default}}.ukp .ut-calc{border-radius:12px;outline:none}.ukp .ut-calc:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ukp .ut-calc-disp{background:var(--soft);border:1px solid var(--b1);text-align:right;border-radius:16px;margin-bottom:10px;padding:10px 14px}.ukp .ut-calc-expr{font-family:var(--fm);color:var(--t2);word-break:break-all;min-height:20px;font-size:13px}.ukp .ut-calc-res{font-family:var(--fm);word-break:break-all;font-size:26px;font-weight:700;display:block}.ukp .ut-calc-note{color:var(--gold-d);min-height:18px;font-size:12px;font-weight:600}.ukp .ut-calc-keys{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.ukp .ut-calc-keys button{border:1px solid var(--b1);font-family:var(--fm);cursor:pointer;background:#fff;border-radius:12px;padding:11px 0;font-size:15px;font-weight:700;transition:background .12s,transform 80ms}.ukp .ut-calc-keys button:hover{background:var(--soft)}.ukp .ut-calc-keys button:active{transform:scale(.96)}.ukp .ut-calc-keys .ut-k-fn{color:var(--t2);background:var(--soft);font-size:12px}.ukp .ut-calc-keys .ut-k-op{background:var(--info-bg);border-color:var(--info-b);color:var(--info-t)}.ukp .ut-calc-keys .ut-k-eq{background:var(--gold);border-color:var(--gold);color:var(--navy-d);grid-column:span 3}.ukp .ut-calc-keys .ut-k-eq:hover{background:var(--gold);filter:brightness(.95)}.ukp .ut-calc-hist{font-family:var(--fm);gap:2px;max-height:110px;margin-top:10px;font-size:12px;display:grid;overflow:auto}.ukp .ut-calc-hist button{text-align:right;color:var(--t2);cursor:pointer;word-break:break-all;background:0 0;border:0;border-radius:6px;padding:3px 6px}.ukp .ut-calc-hist button:hover{background:var(--soft);color:var(--navy)}.ukp .ut-sheet-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.ukp .ut-sheet-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ukp .ut-hint{color:var(--t3);flex:1;min-width:200px;font-size:12px}.ukp .ut-confirm{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.ukp .ut-btn{border:1px solid var(--b2);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.ukp .ut-btn:hover{background:var(--soft)}.ukp .ut-btn-danger{background:var(--err-bg);border-color:var(--err-b);color:var(--err-t)}.ukp .ut-fbar{align-items:center;gap:6px;margin-bottom:8px;display:flex}.ukp .ut-ref{font-family:var(--fm);text-align:center;border:1px solid var(--b2);background:var(--soft);border-radius:8px;min-width:48px;padding:6px 4px;font-size:12px;font-weight:700}.ukp .ut-fbar input{min-width:0;font-family:var(--fm);border:1px solid var(--b2);background:#fff;border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.ukp .ut-sheet-scroll{border:1px solid var(--b2);border-radius:12px;outline:none;flex:1;min-height:120px;overflow:auto}.ukp .ut-sheet-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.ukp .ut-sheet{border-collapse:collapse;font-family:var(--fm);table-layout:fixed;font-size:12.5px}.ukp .ut-sheet th{background:var(--soft);color:var(--t2);border:1px solid var(--b1);z-index:2;font-weight:600;position:sticky}.ukp .ut-sheet thead th{width:110px;min-width:110px;height:26px;top:0}.ukp .ut-sheet thead th:first-child{z-index:3;width:40px;min-width:40px;left:0}.ukp .ut-sheet tbody th{z-index:1;width:40px;min-width:40px;left:0}.ukp .ut-sheet td{border:1px solid var(--b1);white-space:nowrap;text-overflow:ellipsis;text-align:right;cursor:cell;background:#fff;width:110px;min-width:110px;max-width:110px;height:26px;padding:0 6px;overflow:hidden}.ukp .ut-sheet td.t{text-align:left}.ukp .ut-sheet td.err{color:var(--err-t);font-weight:700}.ukp .ut-sheet td.inrange{background:var(--info-bg)}.ukp .ut-sheet td.sel{outline:2px solid var(--royal);outline-offset:-2px;background:var(--info-bg)}.ukp .ut-sheet td input{width:100%;height:24px;font:inherit;color:var(--navy);text-align:left;background:#fff;border:0;outline:0;padding:0}.ukp .ut-sheet-status{color:var(--t2);font-size:12px;font-family:var(--fm);word-break:break-word;min-height:18px;margin-top:6px}.ukp .ut-pus-filters{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.ukp .ut-pus-filters input,.ukp .ut-pus-filters select{border:1px solid var(--b2);background:#fff;border-radius:12px;padding:9px 12px;font-size:14px}.ukp .ut-pus-filters input{flex:1;min-width:180px}.ukp .ut-pus-src{border:1px solid var(--b1);background:var(--soft);border-radius:12px;margin-bottom:10px;padding:8px 12px;font-size:13px}.ukp .ut-pus-src summary{cursor:pointer;font-weight:700}.ukp .ut-pus-src ul{margin:8px 0 0;padding-left:18px}.ukp .ut-pus-src li{margin:3px 0}.ukp .ut-pus-src p{margin:8px 0 0;font-size:12px}.ukp .ut-win a{color:var(--royal);font-weight:600}.ukp .ut-muted{color:var(--t2);font-size:12.5px}.ukp .ut-pus-count{margin-bottom:8px}.ukp .ut-pus-list{gap:10px;display:grid}.ukp .ut-reg{border:1px solid var(--b2);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:14px 16px}.ukp .ut-reg h3{margin:0;font-size:15px;font-weight:700;line-height:1.3}.ukp .ut-reg ul{margin:8px 0 0;padding-left:18px;font-size:13.5px}.ukp .ut-reg li{margin:3px 0}.ukp .ut-reg-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.ukp .ut-reg-mat{margin-top:8px}.ukp .ut-reg-links{flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:13px;display:flex}.ukp .ut-reg-links a{align-items:center;gap:3px;display:inline-flex}.ukp .ut-chip{border:1px solid;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block}.ukp .ut-chip.info{background:var(--info-bg);border-color:var(--info-b);color:var(--info-t)}.ukp .ut-chip.ok{background:var(--ok-bg);border-color:var(--ok-b);color:var(--ok-t)}.ukp .ut-chip.warn{background:var(--warn-bg);border-color:var(--warn-b);color:var(--warn-t)}.ukp .ut-chip.bad{background:var(--err-bg);border-color:var(--err-b);color:var(--err-t)}.ukp .ut-win mark{background:var(--gold);color:var(--navy-d);border-radius:3px;padding:0 1px}.ukp .ut-empty{color:var(--t2);text-align:center;padding:16px}@media (prefers-reduced-motion:reduce){.ukp .ut-win *{transition:none!important}}
.ukp{--navy:#202a5a;--navy-l:#2a3672;--navy-d:#1a224a;--gold:#efc500;--gold-d:#806900;--cream:#ffd81f;--royal:#1c42b8;--soft:#f8f9fc;--b1:#202a5a14;--b2:#202a5a1f;--t2:#202a5aad;--t3:#202a5a80;--shadow:0 20px 40px -10px #202a5a14;--ok-bg:#ecfdf5;--ok-b:#a7f3d0;--ok-t:#065f46;--warn-bg:#fffbe5;--warn-b:#ffeb8f;--warn-t:#806900;--info-bg:#eef3ff;--info-b:#c7d6fb;--info-t:#1c3a99;--err-bg:#fef2f2;--err-b:#fecaca;--err-t:#991b1b;--fd:var(--font-plus-jakarta),"Plus Jakarta Sans",system-ui,sans-serif;--qsize:16px;font-family:var(--fd);color:var(--navy);background:var(--soft);padding-bottom:72px;font-size:15px;line-height:1.6}.ukp *,.ukp :before,.ukp :after{box-sizing:border-box}.ukp [hidden]{display:none!important}.ukp button,.ukp input,.ukp select{font:inherit;color:inherit}.ukp h1,.ukp h2,.ukp h3,.ukp h4{font-family:var(--fd);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.2}.ukp p{margin:0}.ukp a{color:var(--royal)}.ukp :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ukp .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ukp .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);font-size:12px;font-weight:700}.ukp .muted{color:var(--t2)}.ukp .small{font-size:13px}.ukp .center{text-align:center;justify-content:center}.ukp .ukp-wrap{max-width:1200px;margin:0 auto;padding:0 24px}.ukp.ukp-fokus{padding-top:104px}.ukp:not(.ukp-fokus) .ukp-wrap:first-child{z-index:5;margin-top:-40px;position:relative}.ukp .card{box-shadow:var(--shadow);background:#fff;border:1px solid #202a5a0d;border-radius:24px}.ukp .pad{padding:28px}.ukp .stack{flex-direction:column;gap:16px;display:flex}.ukp .sec-title{margin:40px 0 14px;font-size:22px}.ukp .sec-title.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ukp .sec-title.row h2{font-size:22px}.ukp .anchor{scroll-margin-top:96px}.ukp .btn-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.ukp .btn{border:1px solid var(--b2);min-height:44px;color:var(--navy);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ukp .btn:hover:not(:disabled){border-color:var(--navy)}.ukp .btn:disabled{opacity:.45;cursor:not-allowed}.ukp .btn.sm{border-radius:10px;min-height:36px;padding:6px 10px;font-size:13px}.ukp .btn.block{width:100%}.ukp .btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.ukp .btn.primary:hover:not(:disabled){background:var(--navy-l)}.ukp .btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.ukp .btn.gold:hover{background:var(--cream)}.ukp .btn.ghost{background:0 0}.ukp .btn.danger{border-color:var(--err-b);color:var(--err-t);background:#fff}.ukp .btn.danger:hover:not(:disabled){background:var(--err-bg);border-color:var(--err-t)}.ukp .btn.warn{border-color:var(--warn-b);color:var(--warn-t);background:#fff}.ukp .btn.warn[aria-pressed=true]{background:var(--warn-bg);border-color:var(--gold)}.ukp .note{border:1px solid;border-radius:14px;margin:12px 0;padding:12px 14px;font-size:14px}.ukp .note.err{background:var(--err-bg);border-color:var(--err-b);color:var(--err-t)}.ukp .note.warn{background:var(--warn-bg);border-color:var(--warn-b);color:var(--warn-t)}.ukp.ukp-fokus>main>.note{margin-top:0}.ukp .chip{background:var(--soft);border:1px solid var(--b1);color:var(--t2);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.ukp .chip.ok{background:var(--ok-bg);border-color:var(--ok-b);color:var(--ok-t)}.ukp .chip.warn{background:var(--warn-bg);border-color:var(--warn-b);color:var(--warn-t)}.ukp .chip.bad{background:var(--err-bg);border-color:var(--err-b);color:var(--err-t)}.ukp .chip.info{background:var(--info-bg);border-color:var(--info-b);color:var(--info-t)}.ukp .field{border:0;min-width:0;margin:0 0 18px;padding:0}.ukp .field>label,.ukp .field>legend{color:#202a5acc;margin-bottom:8px;padding:0;font-size:13px;font-weight:700;display:block}.ukp .input{border:1px solid var(--b2);background:#fff;border-radius:14px;width:100%;min-height:46px;padding:10px 14px;font-size:15px}.ukp .input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #efc50059}.ukp .seg{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ukp .seg-i{position:relative}.ukp .seg-i input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ukp .seg-i span{border:1px solid var(--b2);text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:6px;font-size:14px;font-weight:700;display:flex}.ukp .seg-i input:checked+span{background:var(--navy);border-color:var(--navy);color:var(--gold)}.ukp .seg-i input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.ukp .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.ukp .resume{border-color:var(--warn-b);background:var(--warn-bg);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px 22px;display:flex}.ukp .setup{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0;display:grid;overflow:hidden}.ukp .setup-main{padding:32px}.ukp .setup-side{background:var(--soft);border-left:1px solid var(--b1);padding:32px}.ukp .setup h2{margin:4px 0 18px;font-size:24px}.ukp .sub{margin:26px 0 10px;font-size:15px}.ukp .tk-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ukp .tk-card{text-align:left;border:1.5px solid var(--b2);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.ukp .tk-card:hover{border-color:var(--navy)}.ukp .tk-card[aria-checked=true]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy),0 10px 24px -12px #202a5a59}.ukp .tk-l{font-size:17px;font-weight:800}.ukp .tk-card[aria-checked=true] .tk-l{color:var(--navy)}.ukp .tk-card[aria-checked=true] .tk-l:after{content:"✓";color:var(--gold-d);margin-left:8px}.ukp .tk-d{color:var(--t2);font-size:13px;line-height:1.45}.ukp .tk-n{color:var(--gold-d);margin-top:auto;font-size:12px;font-weight:700}.ukp .rules{color:var(--t2);flex-direction:column;gap:6px;margin:4px 0 18px;padding-left:18px;font-size:13.5px;display:flex}.ukp .disclaimer{max-width:860px;color:var(--t2);text-align:center;margin:28px auto 0;font-size:13px;line-height:1.6}.ukp .tbl-wrap{overflow-x:auto}.ukp .card.tbl-wrap{padding:6px 10px}.ukp .tbl{border-collapse:collapse;width:100%;font-size:14px}.ukp .tbl th,.ukp .tbl td{border-bottom:1px solid var(--b1);text-align:left;padding:10px 12px}.ukp .tbl thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--t3);font-size:12px}.ukp .tbl tfoot th,.ukp .tbl tfoot td{border-bottom:0;font-weight:800}.ukp .tbl .n{text-align:right;font-variant-numeric:tabular-nums}.ukp .tbl .bar-col{width:34%}.ukp .bar{background:var(--soft);border:1px solid var(--b1);border-radius:999px;height:10px;overflow:hidden}.ukp .bar i{border-radius:999px;height:100%;display:block}.ukp .bar i.ok{background:#10b981}.ukp .bar i.bad{background:#ef4444}.ukp .exam-bar{z-index:30;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:10px 14px;display:flex;position:sticky;top:80px}.ukp .exam-bar .chip{padding:2px 8px}.ukp .exam-who{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.ukp .exam-who b{font-size:16px}.ukp .chips{flex-wrap:wrap;gap:6px;display:inline-flex}.ukp .exam-ctl{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ukp .timer{font-variant-numeric:tabular-nums;background:var(--navy);color:var(--gold);letter-spacing:.04em;border-radius:12px;padding:6px 14px;font-size:20px;font-weight:800}.ukp .timer.low{background:var(--err-t);color:#fff}.ukp .fsz{gap:4px;display:inline-flex}.ukp .exam-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;margin-top:18px;display:grid}.ukp .qcard{padding:28px}.ukp .qhead{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:16px;display:flex}.ukp .qnum{font-size:18px;font-weight:800}.ukp .kasus{background:var(--info-bg);border:1px solid var(--info-b);border-radius:16px;margin-bottom:16px;padding:14px 18px}.ukp .kasus summary{cursor:pointer;color:var(--info-t);list-style-position:outside}.ukp .kasus p{font-size:calc(var(--qsize) - 1px);white-space:pre-line;margin-top:10px;line-height:1.65}.ukp .stem{font-size:var(--qsize);white-space:pre-line;margin-bottom:16px;font-weight:600;line-height:1.65}.ukp .opts{flex-direction:column;gap:10px;display:flex}.ukp .opt{text-align:left;border:1.5px solid var(--b2);width:100%;font-size:calc(var(--qsize) - 1px);background:#fff;border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;line-height:1.55;display:flex}.ukp button.opt{cursor:pointer;transition:border-color .12s,background .12s}.ukp button.opt:hover{border-color:var(--navy)}.ukp .opt .l{border:1.5px solid var(--b2);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-grid}.ukp .opt[aria-checked=true]{border-color:var(--navy);background:#f3f5fb}.ukp .opt[aria-checked=true] .l{background:var(--navy);border-color:var(--navy);color:var(--gold)}.ukp .opt.is-key{border-color:var(--ok-b);background:var(--ok-bg)}.ukp .opt.is-key .l{color:#fff;background:#10b981;border-color:#10b981}.ukp .opt.is-wrong{border-color:var(--err-b);background:var(--err-bg)}.ukp .opt.is-wrong .l{color:#fff;background:#ef4444;border-color:#ef4444}.ukp .qnav{border-top:1px solid var(--b1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.ukp .qnav .mid{flex-wrap:wrap;gap:8px;display:flex}.ukp .kbd-hint{margin-top:12px}.ukp .navcard{padding:18px;position:sticky;top:204px}.ukp .nav-toggle{cursor:default;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.ukp .nav-toggle h3{font-size:15px}.ukp .legend{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.ukp .legend span{align-items:center;gap:5px;display:inline-flex}.ukp .sw{border:1px solid var(--b2);background:#fff;border-radius:4px;width:12px;height:12px;display:inline-block}.ukp .sw.ans{background:var(--navy);border-color:var(--navy)}.ukp .sw.flag{background:var(--gold);border-color:var(--gold)}.ukp .grid-nums{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;max-height:min(100vh - 330px,520px);padding:2px;display:grid;overflow-y:auto}.ukp .nb{border:1px solid var(--b2);cursor:pointer;font-variant-numeric:tabular-nums;background:#fff;border-radius:9px;height:36px;font-size:13px;font-weight:700}.ukp .nb.ans{background:var(--navy);border-color:var(--navy);color:#fff}.ukp .nb.flag{background:var(--gold);border-color:var(--gold);color:var(--navy)}.ukp .nb.cur{outline:2.5px solid var(--royal);outline-offset:1px}.ukp .score-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:32px;padding:32px;display:grid}.ukp .dial{--deg:0deg;background:conic-gradient(var(--c) var(--deg),var(--soft) 0);border-radius:50%;place-items:center;width:168px;height:168px;display:grid}.ukp .dial.ok{--c:#10b981}.ukp .dial.bad{--c:#ef4444}.ukp .dial>div{text-align:center;background:#fff;border-radius:50%;align-content:center;place-items:center;width:128px;height:128px;display:grid}.ukp .dial b{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1;display:block}.ukp .dial small{color:var(--t3);margin-top:4px;font-size:12px;display:block}.ukp .verdict{letter-spacing:.02em;margin:6px 0 4px;font-size:32px;font-weight:800}.ukp .verdict.ok,.ukp .t-ok{color:#047857}.ukp .verdict.bad,.ukp .t-bad{color:#b91c1c}.ukp .kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.ukp .kpi{background:var(--soft);border:1px solid var(--b1);border-radius:16px;padding:12px 14px}.ukp .kpi span{color:var(--t2);font-size:12px;display:block}.ukp .kpi b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.ukp .gate{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;margin-top:28px;display:grid;overflow:hidden}.ukp .gate-info{padding:32px}.ukp .gate-info h2{margin:4px 0 10px;font-size:24px}.ukp .gate-form{background:var(--soft);border-left:1px solid var(--b1);padding:32px;position:relative}.ukp .status-grid{grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:4px;max-height:220px;margin-top:18px;display:grid;overflow-y:auto}.ukp .st{border:1px solid var(--b2);height:28px;color:var(--t3);background:#fff;border-radius:7px;place-items:center;font-size:11px;font-weight:700;display:grid}.ukp .st.benar{background:var(--ok-bg);border-color:var(--ok-b);color:var(--ok-t)}.ukp .st.salah{background:var(--err-bg);border-color:var(--err-b);color:var(--err-t)}.ukp .filters{flex-wrap:wrap;gap:8px;display:flex}.ukp .filters .input{width:auto;min-width:170px;min-height:42px;font-size:14px}.ukp .review-item{padding:24px}.ukp .review-item .stem{font-size:15.5px}.ukp .review-item .opt{font-size:14.5px}.ukp .explain{background:var(--soft);border:1px solid var(--b1);border-radius:16px;margin-top:16px;padding:16px 18px;font-size:14.5px;line-height:1.7}.ukp .explain h4{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-d);margin-bottom:8px;font-size:13px}.ukp .law{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.ukp .law li{border:1px solid var(--b2);color:var(--t2);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px}.ukp .cta-card{background:var(--navy);color:#fff;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding:32px;display:flex}.ukp .cta-card h2{color:#fff;max-width:640px;margin:6px 0 8px;font-size:22px}.ukp .cta-card .eyebrow{color:var(--gold)}.ukp .cta-card .muted{color:#ffffffb3}.ukp .cta-card .btn.ghost{color:#fff;border-color:#ffffff59}.ukp .cta-card .btn-row{margin-top:0}.ukp .modal-back{z-index:200;background:#1a224a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ukp .modal{width:min(460px,100%);padding:26px}.ukp .modal h3{margin-bottom:10px;font-size:19px}.ukp .modal-isi{color:var(--navy);flex-direction:column;gap:8px;display:flex}.ukp .modal-btns{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (max-width:960px){.ukp .setup,.ukp .gate{grid-template-columns:minmax(0,1fr)}.ukp .setup-side,.ukp .gate-form{border-left:0;border-top:1px solid var(--b1)}.ukp .exam-grid{grid-template-columns:minmax(0,1fr)}.ukp .navcard{order:-1;position:static}.ukp .nav-toggle{cursor:pointer;min-height:36px}.ukp .nav-body{display:none}.ukp .nav-body.open{display:block}}@media (max-width:720px){.ukp .ukp-wrap{padding:0 14px}.ukp.ukp-fokus{padding-top:88px}.ukp .pad,.ukp .setup-main,.ukp .setup-side,.ukp .gate-info,.ukp .gate-form,.ukp .score-card,.ukp .cta-card{padding:20px}.ukp .qcard,.ukp .review-item{padding:18px}.ukp .tk-cards{grid-template-columns:minmax(0,1fr)}.ukp .seg{grid-template-columns:repeat(2,minmax(0,1fr))}.ukp .exam-bar{border-radius:16px;padding:10px 12px;top:76px}.ukp .exam-who .muted{display:none}.ukp .timer{padding:5px 10px;font-size:17px}.ukp .fsz{display:none}.ukp .score-card{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.ukp .score-main .btn-row{justify-content:center}.ukp .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ukp .qnav .btn{flex:auto}.ukp .resume{flex-direction:column;align-items:flex-start}.ukp .filters .input{flex:100%;min-width:0}.ukp .kbd-hint{display:none}}@media (prefers-reduced-motion:reduce){.ukp *{scroll-behavior:auto!important;transition:none!important}}