.hk-tk-hero{background:linear-gradient(135deg,#0f172a 0%,#0c2340 50%,#0f3460 100%);color:#ffffff;padding:60px 0 72px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.08)}.hk-tk-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(2,132,199,0.25) 0%,transparent 70%);pointer-events:none}.hk-tk-hero-content{max-width:820px;margin:0 auto;text-align:center;position:relative;z-index:2}.hk-tk-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(2,132,199,0.22);border:1px solid rgba(56,189,248,0.35);color:#7dd3fc;font-size:12.5px;font-weight:700;padding:5px 16px;border-radius:var(--hk-radius-pill);margin-bottom:20px;backdrop-filter:blur(8px)}.hk-tk-hero-title{font-size:clamp(28px,4.5vw,44px);font-weight:800;color:#ffffff;line-height:1.25;letter-spacing:-0.025em;margin-bottom:16px}.hk-tk-hero-desc{font-size:15.5px;color:#94a3b8;line-height:1.65;max-width:680px;margin:0 auto}.hk-tk-search-box{background:#ffffff;border:1.5px solid rgba(255,255,255,0.4);border-radius:var(--hk-radius-pill,9999px);box-shadow:0 16px 36px -8px rgba(0,0,0,0.35);padding:4px 8px;max-width:640px;margin:0 auto 20px;display:flex;align-items:center;transition:all 0.2s ease}.hk-tk-search-box:focus-within{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,0.25),0 20px 40px -10px rgba(0,0,0,0.4)}.hk-tk-search-field{flex:1;display:flex;align-items:center;padding:0 16px;height:50px;gap:12px}.hk-tk-search-field svg{color:var(--hk-primary);flex-shrink:0}.hk-tk-search-field input{width:100%;border:none;outline:none;font-size:15px;font-weight:500;color:var(--hk-text-main);background:transparent}.hk-tk-search-field input::placeholder{color:#94a3b8}.hk-tk-quick-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12.5px}.hk-tk-quick-label{color:#94a3b8;font-weight:600}.hk-tk-tag-chip{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);color:#e2e8f0;padding:3px 12px;border-radius:var(--hk-radius-pill);font-size:11.5px;font-weight:600;cursor:pointer;transition:all 0.18s ease}.hk-tk-tag-chip:hover{background:rgba(255,255,255,0.22);color:#ffffff;border-color:#38bdf8;transform:translateY(-1px)}.hk-tk-page-body{padding:48px 0 64px;background:var(--hk-bg-body)}.hk-tk-section-header{margin-bottom:28px}.hk-tk-section-title{font-size:24px;font-weight:800;color:var(--hk-dark);letter-spacing:-0.02em;margin-bottom:6px}.hk-tk-section-subtitle{font-size:14px;color:var(--hk-text-muted)}.hk-tk-modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:52px}@media (max-width:1024px){.hk-tk-modules-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hk-tk-modules-grid{grid-template-columns:1fr}}.hk-tk-module-card{background:var(--hk-bg-surface);border:1px solid var(--hk-border);border-radius:var(--hk-radius-lg);padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--hk-shadow-sm);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;position:relative}.hk-tk-module-card:hover{transform:translateY(-4px);box-shadow:var(--hk-shadow-md);border-color:#cbd5e1}.hk-tk-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform 0.2s ease}.hk-tk-icon-blue{background:#e0f2fe;color:#0284c7}.hk-tk-icon-indigo{background:#e0e7ff;color:#4f46e5}.hk-tk-icon-emerald{background:#dcfce7;color:#16a34a}.hk-tk-icon-amber{background:#fef3c7;color:#d97706}.hk-tk-module-card:hover .hk-tk-icon-wrap{transform:scale(1.08)}.hk-tk-module-title{font-size:17px;font-weight:800;color:var(--hk-dark);margin-bottom:8px;line-height:1.35}.hk-tk-module-desc{font-size:12.5px;color:var(--hk-text-muted);line-height:1.55;margin-bottom:16px}.hk-tk-topic-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.hk-tk-topic-item{font-size:12.5px;color:var(--hk-text-main);display:flex;align-items:center;gap:8px;font-weight:500}.hk-tk-topic-item svg{color:var(--hk-primary);flex-shrink:0}.hk-tk-module-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--hk-bg-body);border:1px solid var(--hk-border);color:var(--hk-primary);font-size:12.5px;font-weight:700;padding:9px 14px;border-radius:var(--hk-radius-sm);text-decoration:none;transition:all 0.15s ease;width:100%;cursor:pointer}.hk-tk-module-btn:hover{background:var(--hk-primary);color:#ffffff;border-color:var(--hk-primary)}.hk-tk-quiz-card{background:var(--hk-bg-surface);border:1px solid #bae6fd;border-radius:20px;padding:32px;box-shadow:0 10px 30px -5px rgba(2,132,199,0.08);margin-bottom:56px;position:relative}.hk-tk-quiz-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--hk-border);margin-bottom:24px}.hk-tk-quiz-badge{display:inline-block;background:var(--hk-primary-light);color:var(--hk-primary-hover);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;padding:3px 10px;border-radius:6px;margin-bottom:6px}.hk-tk-quiz-heading{font-size:20px;font-weight:800;color:var(--hk-dark);margin:0 0 4px}.hk-tk-quiz-sub{font-size:13px;color:var(--hk-text-muted);margin:0}.hk-tk-quiz-tabs{display:flex;gap:8px;flex-wrap:wrap}.hk-tk-tab-btn{background:var(--hk-bg-body);border:1px solid var(--hk-border);color:var(--hk-text-muted);font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:var(--hk-radius-md);cursor:pointer;transition:all 0.15s ease}.hk-tk-tab-btn:hover{background:#e2e8f0;color:var(--hk-dark)}.hk-tk-tab-btn.is-active{background:var(--hk-primary);color:#ffffff;border-color:var(--hk-primary);box-shadow:0 4px 12px rgba(2,132,199,0.25)}.hk-tk-quiz-body{background:var(--hk-bg-body);border:1px solid var(--hk-border);border-radius:var(--hk-radius-md);padding:24px}.hk-tk-quiz-question-tag{display:inline-block;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;margin-bottom:8px}.hk-tk-quiz-question-title{font-size:16px;font-weight:800;color:var(--hk-dark);margin-bottom:8px}.hk-tk-quiz-question-text{font-size:14px;color:var(--hk-text-main);line-height:1.65;margin-bottom:20px}.hk-tk-options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.hk-tk-option-btn{width:100%;text-align:left;background:var(--hk-bg-surface);border:1px solid var(--hk-border);border-radius:var(--hk-radius-md);padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all 0.18s ease;font-size:13.5px;color:var(--hk-text-main)}.hk-tk-option-btn:hover{border-color:var(--hk-primary);background:var(--hk-primary-light)}.hk-tk-option-btn.is-selected{border-color:var(--hk-primary);background:#f0f9ff;box-shadow:0 0 0 2px rgba(2,132,199,0.2)}.hk-tk-option-btn.is-correct{border-color:#22c55e !important;background:#f0fdf4 !important;color:#15803d !important}.hk-tk-option-btn.is-wrong{border-color:#ef4444 !important;background:#fef2f2 !important;color:#b91c1c !important}.hk-tk-opt-letter{width:26px;height:26px;border-radius:6px;background:var(--hk-bg-body);border:1px solid var(--hk-border);color:var(--hk-text-muted);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hk-tk-option-btn.is-selected .hk-tk-opt-letter{background:var(--hk-primary);color:#ffffff;border-color:var(--hk-primary)}.hk-tk-opt-text{flex:1;font-weight:500;line-height:1.45}.hk-tk-explanation-box{padding:16px 20px;border-radius:var(--hk-radius-md);margin-bottom:20px;font-size:13px;line-height:1.6;display:none}.hk-tk-explanation-box.show-correct{display:block;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.hk-tk-explanation-box.show-wrong{display:block;background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.hk-tk-submit-quiz-btn{background:var(--hk-primary);color:#ffffff;border:none;font-weight:700;font-size:13.5px;padding:10px 24px;border-radius:var(--hk-radius-md);cursor:pointer;transition:all 0.15s ease;display:inline-flex;align-items:center;gap:8px}.hk-tk-submit-quiz-btn:hover:not(:disabled){background:var(--hk-primary-hover);transform:translateY(-1px)}.hk-tk-submit-quiz-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}.hk-tk-main-grid{display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:flex-start}@media (max-width:992px){.hk-tk-main-grid{grid-template-columns:1fr}}.hk-tk-articles-list{display:flex;flex-direction:column;gap:20px}.hk-tk-article-card{background:var(--hk-bg-surface);border:1px solid var(--hk-border);border-radius:var(--hk-radius-lg);padding:20px;display:flex;gap:20px;transition:all 0.2s ease;box-shadow:var(--hk-shadow-sm)}.hk-tk-article-card:hover{border-color:#cbd5e1;box-shadow:var(--hk-shadow-md);transform:translateY(-2px)}@media (max-width:600px){.hk-tk-article-card{flex-direction:column}}.hk-tk-article-thumb-wrap{width:160px;height:120px;border-radius:var(--hk-radius-md);overflow:hidden;position:relative;flex-shrink:0;background:var(--hk-bg-body)}@media (max-width:600px){.hk-tk-article-thumb-wrap{width:100%;height:180px}}.hk-tk-article-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.hk-tk-article-card:hover .hk-tk-article-thumb{transform:scale(1.05)}.hk-tk-article-category-badge{position:absolute;top:8px;left:8px;background:var(--hk-primary);color:#ffffff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase}.hk-tk-article-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.hk-tk-article-meta-row{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--hk-text-muted);margin-bottom:6px}.hk-tk-article-title{font-size:16.5px;font-weight:800;line-height:1.35;margin:0 0 8px}.hk-tk-article-title a{color:var(--hk-dark);text-decoration:none;transition:color 0.15s ease}.hk-tk-article-title a:hover{color:var(--hk-primary)}.hk-tk-article-excerpt{font-size:13px;color:var(--hk-text-muted);line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hk-tk-article-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px}.hk-tk-read-count{color:var(--hk-urgent);font-weight:600;display:inline-flex;align-items:center;gap:4px}.hk-tk-read-link{font-weight:700;color:var(--hk-primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.hk-tk-read-link:hover{color:var(--hk-primary-hover);text-decoration:underline}.hk-tk-sidebar{display:flex;flex-direction:column;gap:24px}.hk-tk-ebook-card{background:linear-gradient(135deg,#0f172a 0%,#0c2340 50%,#0f3460 100%);color:#ffffff;border-radius:var(--hk-radius-lg);padding:24px;position:relative;overflow:hidden;border:1px solid rgba(56,189,248,0.25);box-shadow:0 12px 28px -6px rgba(15,23,42,0.35)}.hk-tk-ebook-badge{display:inline-block;background:#facc15;color:#0f172a;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:var(--hk-radius-pill);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:12px}.hk-tk-ebook-title{font-size:18px;font-weight:800;color:#ffffff;line-height:1.3;margin:0 0 8px}.hk-tk-ebook-desc{font-size:12.5px;color:#cbd5e1;line-height:1.55;margin:0 0 16px}.hk-tk-ebook-btn{background:var(--hk-primary);color:#ffffff;border:none;font-weight:700;font-size:13px;padding:10px 18px;border-radius:var(--hk-radius-sm);width:100%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all 0.15s ease;text-decoration:none}.hk-tk-ebook-btn:hover{background:var(--hk-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px rgba(2,132,199,0.35)}.hk-tk-links-card{background:var(--hk-bg-surface);border:1px solid var(--hk-border);border-radius:var(--hk-radius-lg);padding:24px;box-shadow:var(--hk-shadow-sm)}.hk-tk-links-title{font-size:15px;font-weight:800;color:var(--hk-dark);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--hk-border);display:flex;align-items:center;gap:8px}.hk-tk-fast-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.hk-tk-fast-link-item a{font-size:13px;font-weight:500;color:var(--hk-text-main);display:flex;align-items:flex-start;gap:8px;line-height:1.45;text-decoration:none;transition:color 0.15s ease}.hk-tk-fast-link-item a:hover{color:var(--hk-primary)}.hk-tk-fast-link-item svg{color:var(--hk-primary);flex-shrink:0;margin-top:2px}.hk-tk-cta-loker-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--hk-radius-lg);padding:22px;text-align:center}.hk-tk-cta-loker-title{font-size:15px;font-weight:800;color:var(--hk-dark);margin:0 0 6px}.hk-tk-cta-loker-desc{font-size:12.5px;color:var(--hk-text-muted);line-height:1.5;margin:0 0 16px}.hk-tk-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;transition:all 0.25s ease}.hk-tk-modal.is-active{visibility:visible;opacity:1}.hk-tk-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,0.7);backdrop-filter:blur(4px)}.hk-tk-modal-dialog{position:relative;z-index:2;background:#ffffff;border-radius:18px;max-width:780px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px -15px rgba(0,0,0,0.4);transform:translateY(20px) scale(0.97);transition:transform 0.25s cubic-bezier(0.16,1,0.3,1);overflow:hidden}.hk-tk-modal.is-active .hk-tk-modal-dialog{transform:translateY(0) scale(1)}.hk-tk-modal-header{padding:20px 24px;border-bottom:1px solid var(--hk-border);display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.hk-tk-modal-title{font-size:17px;font-weight:800;color:var(--hk-dark);margin:0}.hk-tk-modal-close{background:transparent;border:none;font-size:24px;line-height:1;color:var(--hk-text-light);cursor:pointer;padding:4px;border-radius:6px;transition:color 0.15s ease}.hk-tk-modal-close:hover{color:var(--hk-dark)}.hk-tk-modal-body{padding:28px 24px;overflow-y:auto;font-size:14.5px;line-height:1.7;color:var(--hk-text-main)}.hk-tk-modal-footer{padding:16px 24px;border-top:1px solid var(--hk-border);display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.hk-career-single-article{padding:36px 0 64px;background:var(--hk-bg-body)}.hk-career-article-container{max-width:920px;margin:0 auto}.hk-career-article-card{background:var(--hk-bg-surface);border:1px solid var(--hk-border);border-radius:var(--hk-radius-xl);padding:40px;box-shadow:var(--hk-shadow-sm)}@media (max-width:768px){.hk-career-article-card{padding:22px 18px;border-radius:var(--hk-radius-lg)}}.hk-article-top-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.hk-btn-back-career{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--hk-primary);background:#f0f9ff;border:1px solid #bae6fd;padding:8px 16px;border-radius:var(--hk-radius-pill);text-decoration:none;transition:all 0.15s ease;cursor:pointer}.hk-btn-back-career:hover{background:var(--hk-primary);color:#ffffff;border-color:var(--hk-primary);transform:translateX(-2px)}.hk-career-header{margin-bottom:28px}.hk-career-header-category{display:inline-block;padding:4px 12px;border-radius:var(--hk-radius-pill);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:#ffffff;margin-bottom:12px}.hk-career-header-title{font-size:clamp(24px,3.5vw,34px);font-weight:800;color:var(--hk-dark);line-height:1.3;letter-spacing:-0.025em;margin-bottom:16px}.hk-career-header-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--hk-text-muted);padding-bottom:20px;border-bottom:1px solid var(--hk-border)}.hk-career-featured-img{width:100%;max-height:420px;object-fit:cover;border-radius:var(--hk-radius-lg);margin-bottom:32px;box-shadow:var(--hk-shadow-sm)}.hk-career-toc{background:#f8fafc;border:1px solid var(--hk-border);border-left:4px solid var(--hk-primary);border-radius:var(--hk-radius-md);padding:18px 22px;margin-bottom:32px}.hk-career-toc-title{font-size:14px;font-weight:800;color:var(--hk-dark);margin:0 0 10px;display:flex;align-items:center;gap:8px}.hk-career-toc-list{margin:0;padding-left:20px;font-size:13.5px;color:var(--hk-text-main);display:flex;flex-direction:column;gap:6px}.hk-career-toc-list a{color:var(--hk-primary);text-decoration:none;font-weight:600}.hk-career-toc-list a:hover{text-decoration:underline}.hk-soal-box,.hk-interactive-soal{background:#ffffff;border:1.5px solid var(--hk-border);border-radius:var(--hk-radius-lg);padding:24px;margin:28px 0;box-shadow:0 4px 14px rgba(0,0,0,0.04);transition:border-color 0.15s ease,box-shadow 0.15s ease}.hk-soal-box:hover,.hk-interactive-soal:hover{border-color:#cbd5e1;box-shadow:0 6px 18px rgba(0,0,0,0.06)}.hk-soal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.hk-soal-number-badge{background:#e0f2fe;color:#0369a1;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:6px;border:1px solid #bae6fd}.hk-soal-category-tag{font-size:11.5px;font-weight:600;color:var(--hk-text-muted)}.hk-soal-text{font-size:15px;font-weight:600;color:var(--hk-dark);line-height:1.6;margin-bottom:16px}.hk-soal-options{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.hk-soal-option-item{background:#ffffff;border:1px solid var(--hk-border);border-radius:8px;padding:10px 14px;font-size:13.5px;color:var(--hk-text-main);display:flex;align-items:flex-start;gap:10px;line-height:1.45}.hk-soal-option-letter{font-weight:800;color:var(--hk-primary);min-width:18px}.hk-soal-toggle-btn{background:#ffffff;border:1px solid var(--hk-border);color:var(--hk-primary);font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 0.15s ease}.hk-soal-toggle-btn:hover{background:var(--hk-primary);color:#ffffff;border-color:var(--hk-primary)}.hk-soal-explanation{margin-top:14px;padding:16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;font-size:13.5px;color:#064e3b;line-height:1.6}.hk-soal-explanation.is-hidden{display:none}.hk-soal-kunci-badge{display:inline-block;background:#059669;color:#ffffff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:4px;margin-bottom:6px}.hk-callout-box{background:#f0f9ff;border-left:4px solid var(--hk-primary);border-radius:0 var(--hk-radius-md) var(--hk-radius-md) 0;padding:18px 22px;margin:24px 0;font-size:14px;line-height:1.65;color:#0c4a6e}.hk-callout-box strong{color:#0369a1}.hk-template-wrapper{margin:28px 0;border-radius:var(--hk-radius-lg,12px);overflow:hidden;box-shadow:0 10px 25px -5px rgba(15,23,42,0.15);border:1px solid #334155;background:#0f172a}.hk-template-header{background:#1e293b;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #334155;flex-wrap:wrap}.hk-template-badge{display:inline-flex;align-items:center;gap:8px;color:#f1f5f9;font-size:13px;font-weight:700;letter-spacing:-0.01em}.hk-btn-copy-template{background:var(--hk-primary,#0284c7) !important;color:#ffffff !important;border:none !important;padding:8px 18px !important;border-radius:8px !important;font-size:13px !important;font-weight:700 !important;font-family:inherit !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;gap:7px !important;transition:all 0.15s ease !important;box-shadow:0 2px 8px rgba(2,132,199,0.35) !important;line-height:1 !important}.hk-btn-copy-template:hover{background:var(--hk-primary-hover,#0369a1) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(2,132,199,0.45) !important}.hk-btn-copy-template:active{transform:translateY(0) !important}.hk-btn-copy-template.is-copied{background:#10b981 !important;box-shadow:0 2px 8px rgba(16,185,129,0.35) !important}.hk-template-display-box{background:#0f172a;color:#f8fafc;padding:22px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:13px;line-height:1.65;overflow-x:auto;border:none;white-space:pre-wrap;word-break:break-word;user-select:all}.hk-soal-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--hk-border)}.hk-soal-action-row button,.hk-soal-action-row .hk-btn,.hk-soal-action-row .hk-soal-toggle-btn{height:38px !important;padding:0 16px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;font-size:13px !important;font-weight:700 !important;font-family:inherit !important;border-radius:8px !important;line-height:1 !important;cursor:pointer !important;box-sizing:border-box !important;transition:all 0.15s ease !important;text-decoration:none !important}.hk-soal-action-row .hk-btn-primary,.hk-soal-action-row [id^="btn-check-"]{background:var(--hk-primary) !important;color:#ffffff !important;border:1.5px solid var(--hk-primary) !important;box-shadow:0 2px 6px rgba(2,132,199,0.2) !important}.hk-soal-action-row .hk-btn-primary:hover:not(:disabled),.hk-soal-action-row [id^="btn-check-"]:hover:not(:disabled){background:var(--hk-primary-hover) !important;border-color:var(--hk-primary-hover) !important;transform:translateY(-1px) !important;box-shadow:0 4px 10px rgba(2,132,199,0.3) !important}.hk-soal-action-row .hk-btn-primary:disabled,.hk-soal-action-row [id^="btn-check-"]:disabled{background:#f1f5f9 !important;border:1.5px solid #cbd5e1 !important;color:#94a3b8 !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important;opacity:0.9 !important}.hk-soal-action-row .hk-soal-toggle-btn{background:#ffffff !important;border:1.5px solid #cbd5e1 !important;color:var(--hk-primary) !important}.hk-soal-action-row .hk-soal-toggle-btn:hover{background:#f0f9ff !important;border-color:var(--hk-primary) !important;color:var(--hk-primary-hover) !important;transform:translateY(-1px) !important}.hk-soal-action-row .hk-btn-subtle{background:#f8fafc !important;border:1.5px solid var(--hk-border) !important;color:var(--hk-text-muted) !important}.hk-soal-action-row .hk-btn-subtle:hover{background:#fee2e2 !important;border-color:#fca5a5 !important;color:#b91c1c !important;transform:translateY(-1px) !important}@media (max-width:640px){.hk-soal-action-row{gap:8px}.hk-soal-action-row button,.hk-soal-action-row .hk-btn,.hk-soal-action-row .hk-soal-toggle-btn{height:36px !important;padding:0 12px !important;font-size:12.5px !important}.hk-soal-action-row .hk-btn-subtle{margin-left:0 !important}}.hk-article-author-box{margin-top:40px;padding:24px;background:#f8fafc;border:1px solid var(--hk-border);border-radius:var(--hk-radius-lg);display:flex;align-items:center;gap:18px}.hk-author-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--hk-border)}.hk-author-info h4{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--hk-dark)}.hk-author-info p{margin:0;font-size:13px;color:var(--hk-text-muted);line-height:1.5}.hk-article-share-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 0;border-top:1px solid var(--hk-border);border-bottom:1px solid var(--hk-border);margin:36px 0}.hk-share-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hk-share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:12.5px;font-weight:600;color:#ffffff;text-decoration:none;cursor:pointer;border:none;transition:opacity 0.15s ease}.hk-share-btn:hover{opacity:0.9}.hk-share-wa{background:#25d366}.hk-share-tg{background:#0088cc}.hk-share-li{background:#0077b5}.hk-share-copy{background:#64748b}.hk-soal-options-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.hk-soal-opt-btn{background:#ffffff;border:1px solid var(--hk-border);border-radius:10px;padding:12px 16px;font-size:13.5px;color:var(--hk-text-main);display:flex;align-items:flex-start;gap:12px;line-height:1.5;text-align:left;cursor:pointer;transition:all 0.15s ease;width:100%;font-family:inherit}.hk-soal-opt-btn:hover{border-color:var(--hk-primary);background:#f8fafc}.hk-soal-opt-badge{width:24px;height:24px;border-radius:6px;background:#f1f5f9;color:var(--hk-dark);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #cbd5e1;transition:all 0.15s ease}.hk-soal-opt-label{flex-grow:1}.hk-soal-opt-btn.is-selected{border:2px solid var(--hk-primary);background:#f0f9ff;box-shadow:0 0 0 3px rgba(2,132,199,0.15)}.hk-soal-opt-btn.is-selected .hk-soal-opt-badge{background:var(--hk-primary);color:#ffffff;border-color:var(--hk-primary)}.hk-soal-opt-btn.is-correct{border:2px solid #10b981 !important;background:#ecfdf5 !important}.hk-soal-opt-btn.is-correct .hk-soal-opt-badge{background:#10b981 !important;color:#ffffff !important;border-color:#10b981 !important}.hk-soal-opt-btn.is-wrong{border:2px solid #ef4444 !important;background:#fef2f2 !important}.hk-soal-opt-btn.is-wrong .hk-soal-opt-badge{background:#ef4444 !important;color:#ffffff !important;border-color:#ef4444 !important}.hk-exam-score-card{background:linear-gradient(135deg,#f0fdf4 0%,#e0f2fe 100%);border:1.5px solid #bae6fd;border-radius:var(--hk-radius-lg);padding:24px;margin:24px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 4px 14px rgba(2,132,199,0.08)}.hk-exam-score-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:#0369a1;display:block;margin-bottom:4px}.hk-exam-score-val{font-size:22px;font-weight:800;color:var(--hk-dark);margin-bottom:4px}.hk-exam-score-sub{font-size:13px;color:var(--hk-text-muted);line-height:1.45}