:root{--font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;--bg:#f8fafc;--page-bg:#f1f5f9;--card:#ffffff;--card-border:#e2e8f0;--text:#0f172a;--sub:#475569;--muted:#64748b;--nav-bg:rgba(9, 106, 113, 0.95);--nav-text:#ffffff;--nav-border:rgba(255, 255, 255, 0.15);--footer-bg:#096a71;--footer-text:rgba(255, 255, 255, 0.88);--footer-border:rgba(255, 255, 255, 0.15);--brand-primary:#096a71;--brand-accent:#25aa9e;--brand-gradient:linear-gradient(135deg, #096a71 0%, #25aa9e 50%, #10b981 100%);--btn-bg:#096a71;--btn-hover:#07565c;--btn-text:#ffffff;--teal:#096a71;--teal-light:rgba(9, 106, 113, 0.1);--indigo-light:rgba(9, 106, 113, 0.08);--amber:#f59e0b;--amber-light:rgba(245, 158, 11, 0.1);--rose:#f43f5e;--rose-light:rgba(244, 63, 94, 0.1);--blue:#2563eb;--blue-light:rgba(37, 99, 235, 0.1);--violet:#7c3aed;--violet-light:rgba(124, 58, 237, 0.1);--green:#16a34a;--green-light:rgba(22, 163, 74, 0.1);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.04);--shadow:0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.03);--shadow-lg:0 20px 30px -10px rgba(9, 106, 113, 0.18), 0 10px 15px -5px rgba(0, 0, 0, 0.04);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}[data-theme=dark]{--bg:#0b0f19;--page-bg:#0f172a;--card:#1e293b;--card-border:#334155;--text:#f8fafc;--sub:#94a3b8;--muted:#64748b;--nav-bg:rgba(7, 86, 92, 0.96);--nav-text:#ffffff;--nav-border:rgba(255, 255, 255, 0.12);--footer-bg:#07565c;--footer-text:#cbd5e1;--footer-border:#1e293b;--btn-bg:#14b8a6;--btn-hover:#0d9488;--btn-text:#ffffff;--teal:#14b8a6;--teal-light:rgba(20, 184, 166, 0.15);--indigo-light:rgba(20, 184, 166, 0.15);--amber:#fbbf24;--amber-light:rgba(245, 158, 11, 0.15);--rose:#fb7185;--rose-light:rgba(244, 63, 94, 0.15);--blue:#60a5fa;--blue-light:rgba(96, 165, 250, 0.18);--violet:#a78bfa;--violet-light:rgba(167, 139, 250, 0.18);--green:#4ade80;--green-light:rgba(74, 222, 128, 0.18);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.2);--shadow:0 10px 25px -5px rgba(0, 0, 0, 0.3);--shadow-lg:0 20px 30px -10px rgba(0, 0, 0, 0.5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);line-height:1.65;color:var(--text);background:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(9,106,113,3%) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(37,170,158,3%) 0px,transparent 50%);-webkit-font-smoothing:antialiased}.container{max-width:1080px;margin:0 auto;padding:0 20px}.nav{position:sticky;top:0;z-index:1000;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border);padding:14px 0;transition:all .3s ease}.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px;color:var(--nav-text);letter-spacing:-.02em}.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.18);border-radius:var(--radius-md);font-size:20px}.brand-text{color:#fff;font-weight:800}.nav-search{position:relative;flex:1;max-width:280px;margin:0 16px}.search-box{display:flex;align-items:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);padding:6px 12px;gap:8px;transition:all .25s ease}.search-box:focus-within{background:rgba(255,255,255,.25);border-color:#5eead4;box-shadow:0 0 0 4px rgba(94,234,212,.25)}.search-ico{font-size:13px;opacity:.85;color:#fff;pointer-events:none;display:flex;align-items:center}.search-box input{background:0 0;border:none;outline:none;color:#fff;font-family:inherit;font-size:13px;width:100%}.search-box input::placeholder{color:rgba(255,255,255,.7)}.search-kbd{font-family:inherit;font-size:10px;font-weight:700;color:rgba(255,255,255,.85);background:rgba(255,255,255,.2);padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.3);margin-left:auto;pointer-events:none;flex-shrink:0;transition:opacity .2s ease}.search-box:focus-within .search-kbd{opacity:.4}.search-clear-btn{background:0 0;border:none;color:rgba(255,255,255,.8);cursor:pointer;font-size:12px;padding:2px 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s ease}.search-clear-btn:hover{color:#fff;background:rgba(255,255,255,.2)}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:280px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:380px;overflow-y:auto;z-index:1100;padding:6px}.search-item{display:block;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:background .15s ease;border-bottom:1px solid var(--card-border)}.search-item:last-child{border-bottom:none}.search-item:hover,.search-item.selected{background:var(--teal-light)}.si-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.si-title{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.3}.si-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:50px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.si-desc{font-size:12px;color:var(--sub);margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-item mark{background:rgba(94,234,212,.35);color:inherit;padding:0 2px;border-radius:2px}.search-empty{padding:14px 10px;text-align:center;font-size:13px;color:var(--sub)}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:rgba(255,255,255,.88);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease;position:relative;padding:4px 0}.nav-links a:hover{color:#fff}.nav-links a.active{color:#5eead4;font-weight:700}.nav-links a.active::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#5eead4;border-radius:2px}.dark-toggle{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:var(--radius-md);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dark-toggle:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.hamburger-toggle{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:var(--radius-md);width:38px;height:38px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.hamburger-toggle:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.hamburger-icon{font-size:18px;line-height:1}.mobile-sidebar-overlay{position:fixed;inset:0;z-index:1098;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:all .25s ease}.mobile-sidebar-overlay.open{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(280px,78vw);z-index:1099;background:var(--nav-bg);color:var(--nav-text);border-left:1px solid var(--nav-border);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column}.mobile-sidebar.open{transform:translateX(0)}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--nav-border)}.mobile-sidebar-header .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:18px;color:var(--nav-text)}.mobile-sidebar-close{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:var(--radius-md);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-sidebar-close:hover{background:rgba(255,255,255,.25)}.mobile-sidebar-nav{padding:12px 10px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.mobile-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);text-decoration:none;color:rgba(255,255,255,.92);font-weight:600;font-size:15px;transition:all .2s ease}.mobile-nav-item:hover,.mobile-nav-item.active{background:rgba(255,255,255,.12);color:#fff}.mobile-nav-icon{font-size:18px;width:24px;text-align:center}.mobile-nav-text{line-height:1.2}@media(max-width:768px){.hamburger-toggle{display:inline-flex}}main{min-height:calc(100vh - 160px);background:var(--page-bg);padding-bottom:60px}.hero{position:relative;overflow:hidden;text-align:center;padding:64px 20px 48px;max-width:860px;margin:0 auto 10px;border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 0%,rgba(37,170,158,.14) 0%,transparent 70%),radial-gradient(circle at 80% 20%,rgba(9,106,113,8%) 0%,transparent 50%)}[data-theme=dark] .hero{background:radial-gradient(circle at 50% 0%,rgba(20,184,166,.18) 0%,transparent 70%),radial-gradient(circle at 10% 40%,rgba(96,165,250,.1) 0%,transparent 50%)}.hero-pill{display:inline-flex;align-items:center;gap:8px;background:var(--teal-light);color:var(--teal);border:1px solid rgba(9,106,113,.25);padding:6px 16px;border-radius:50px;font-size:13px;font-weight:700;margin-bottom:20px;box-shadow:0 2px 10px rgba(9,106,113,8%);animation:pillPulse 3s ease-in-out infinite alternate}@keyframes pillPulse{0%{transform:scale(1);box-shadow:0 2px 10px rgba(9,106,113,8%)}100%{transform:scale(1.025);box-shadow:0 4px 16px rgba(37,170,158,.25)}}[data-theme=dark] .hero-pill{color:#5eead4}.hero h1{font-size:40px;font-weight:800;line-height:1.2;letter-spacing:-.03em;margin-bottom:16px;color:var(--text)}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--sub);font-size:18px;max-width:680px;margin:0 auto 32px;line-height:1.6}.hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn-bg);color:var(--btn-text);padding:13px 28px;border-radius:var(--radius-md);text-decoration:none;font-weight:700;font-size:15px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px rgba(9,106,113,.35);border:none;cursor:pointer}.btn:hover{background:var(--btn-hover);transform:translateY(-3px);box-shadow:0 14px 28px -5px rgba(9,106,113,.45)}.btn-secondary-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--card);color:var(--text);padding:13px 24px;border-radius:var(--radius-md);text-decoration:none;font-weight:700;font-size:15px;border:1px solid var(--card-border);transition:all .2s ease}.btn-secondary-outline:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--teal-light);transform:translateY(-2px)}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px 24px;margin-top:10px;box-shadow:var(--shadow-sm)}.stat-item{display:flex;align-items:center;gap:12px;text-align:left}.stat-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--teal-light);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-val{font-weight:800;font-size:16px;color:var(--text)}.stat-lbl{font-size:12px;color:var(--sub);font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;padding-bottom:20px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:26px;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 20px 35px -10px rgba(9,106,113,.22);border-color:rgba(37,170,158,.5)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--teal-light);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card:hover .card-icon{transform:scale(1.15)rotate(-4deg)}.card-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:50px;background:var(--teal-light);color:var(--teal);text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .card-tag{color:#5eead4}.card h3{font-size:19px;font-weight:700;margin-bottom:10px;color:var(--text);letter-spacing:-.01em}.card p{color:var(--sub);font-size:14px;line-height:1.6;flex-grow:1}.card-footer{margin-top:18px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--brand-primary)}[data-theme=dark] .card-footer{color:#5eead4}.sub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:10px}.sub-card{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:18px 20px;text-decoration:none;color:var(--text);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1)}.sub-card:hover{transform:translateY(-3px);border-color:var(--brand-primary);box-shadow:var(--shadow)}.sub-ico{font-size:24px;width:44px;height:44px;border-radius:var(--radius-md);background:var(--indigo-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-title{font-size:15px;font-weight:700;color:var(--text)}.sub-card:hover .sub-title{color:var(--brand-primary)}.sub-desc{font-size:13px;color:var(--sub);margin-top:2px;line-height:1.4}.page-head{background:var(--card);border-bottom:1px solid var(--card-border);padding:32px 0 28px;margin-bottom:24px}.page-head h1{font-size:30px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-top:8px}.crumb{color:var(--muted);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.crumb a{color:var(--sub);text-decoration:none;transition:color .2s}.crumb a:hover{color:var(--brand-primary)}.content-wrap{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);font-size:16px;line-height:1.75}.content-wrap h2{color:var(--text);margin:28px 0 14px;font-size:22px;font-weight:700;letter-spacing:-.01em}.content-wrap p{margin:14px 0;color:var(--text)}.content-wrap img{max-width:100%;height:auto;display:block;margin:20px auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--card-border)}.content-wrap figure{margin:24px 0;text-align:center}.content-wrap figure img{margin:0 auto 10px}.content-wrap figcaption{font-size:13.5px;color:var(--sub);font-weight:500;font-style:italic;margin-top:8px}.content-wrap table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;border:1px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden}.content-wrap th,.content-wrap td{border:1px solid var(--card-border);padding:10px 14px;text-align:left;vertical-align:top}.content-wrap th{background:var(--bg);color:var(--text);font-weight:700}.content-wrap tbody tr:nth-child(even){background:var(--bg)}.soal-card{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--bg);padding:22px 24px;margin:0 0 20px;scroll-margin-top:90px}.soal-card:last-child{margin-bottom:0}.soal-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.soal-num{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--brand-gradient);color:#fff;font-weight:800;font-size:13px;letter-spacing:.02em}.soal-type-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-weight:700;font-size:12.5px;letter-spacing:.01em}.soal-type-badge.pg{background:var(--teal-light);color:var(--teal)}.soal-type-badge.pgk{background:var(--blue-light);color:var(--blue)}.soal-type-badge.bs{background:var(--amber-light);color:var(--amber)}.soal-type-badge.mj{background:var(--violet-light);color:var(--violet)}.soal-type-badge.is{background:var(--green-light);color:var(--green)}.soal-type-badge.ur{background:var(--rose-light);color:var(--rose)}.soal-type-badge.other{background:var(--indigo-light);color:var(--teal)}.soal-stem p:first-child{margin-top:14px}.soal-options{display:flex;flex-direction:column;gap:8px;margin:14px 0}.soal-option{display:flex;align-items:flex-start;gap:12px;padding:11px 16px;border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--card);transition:all .25s cubic-bezier(.4,0,.2,1)}.soal-option:hover{border-color:var(--brand-primary);background:var(--teal-light);transform:translateX(4px)}.soal-option:has(input:checked){border-color:var(--brand-primary);background:var(--teal-light);box-shadow:0 0 0 2px rgba(9,106,113,.2);transform:translateX(6px);font-weight:600}.soal-option .opt-letter{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--teal-light);color:var(--teal);font-weight:800;font-size:13px}.soal-option .opt-text{padding-top:3px}.soal-answer{margin-top:12px;border:1px dashed var(--card-border);border-radius:var(--radius-md);background:var(--card);overflow:hidden;transition:border-color .2s ease}.soal-answer[open]{border-color:var(--brand-primary);border-style:solid}.soal-answer summary{cursor:pointer;list-style:none;padding:12px 16px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--brand-primary);user-select:none;transition:background .15s ease}.soal-answer summary::-webkit-details-marker{display:none}.soal-answer summary::before{content:"▶";font-size:10px;transition:transform .25s ease}.soal-answer[open] summary::before{transform:rotate(90deg)}.soal-answer summary:hover{background:var(--teal-light)}.soal-answer-body{padding:2px 16px 16px;border-top:1px solid var(--card-border)}.soal-answer[open] .soal-answer-body{animation:slideDown .3s cubic-bezier(.16,1,.3,1)forwards}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.soal-answer-body p:first-child{margin-top:12px}.soal-answer-body p:first-child strong{color:var(--brand-primary)}.soal-petunjuk{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--teal-light);padding:20px 22px;margin-bottom:28px}.soal-petunjuk-head{font-weight:800;font-size:16px;margin-bottom:10px;color:var(--brand-primary)}.soal-petunjuk ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.soal-petunjuk li{font-size:14px;line-height:1.6}.soal-poin{color:var(--sub);font-size:12.5px}.soal-bagian{margin:30px 0 8px}.soal-bagian-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:10px 16px;margin-bottom:16px;border-left:4px solid var(--teal);background:var(--bg);border-radius:var(--radius-sm)}.soal-bagian-letter{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800;font-size:12px}.soal-bagian-name{font-weight:800;font-size:16px}.soal-bagian-meta{margin-left:auto;font-size:12.5px;color:var(--sub);font-weight:600}.soal-lampiran{margin-top:36px;padding-top:24px;border-top:2px dashed var(--card-border)}.soal-lampiran-head{font-size:19px;font-weight:800;margin-bottom:8px}.soal-lampiran-note{color:var(--sub);font-size:13.5px;margin-bottom:16px}.soal-lampiran .soal-answer{margin-top:0;margin-bottom:10px}.soal-lampiran .soal-answer:last-child{margin-bottom:0}.pdf-download-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.pdf-download-note{font-size:13px;color:var(--sub)}.opt-checkbox{flex:none;display:inline-block;width:18px;height:18px;margin-top:2px;border:2px solid var(--sub);border-radius:4px;background:var(--card)}.soal-option--check{align-items:flex-start}.soal-bs-list{display:flex;flex-direction:column;gap:10px;margin:14px 0}.soal-bs-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--card)}.soal-bs-statement{flex:1 1 260px}.soal-bs-opts{display:flex;gap:18px;flex:none}.soal-bs-opt{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:var(--sub);white-space:nowrap}.soal-is-answer{display:flex;align-items:center;gap:10px;margin:16px 0 4px}.soal-is-label{flex:none;font-weight:700;font-size:13.5px;color:var(--sub)}.soal-is-line{flex:1;min-width:120px;height:1px;border-bottom:1.5px dashed var(--card-border)}.callout{padding:20px 24px;border-radius:var(--radius-md);margin:22px 0;border-left:5px solid var(--brand-primary);background:var(--teal-light);font-size:15px;box-shadow:0 4px 12px rgba(0,0,0,2%);transition:transform .2s ease,box-shadow .2s ease}.callout:hover{transform:translateX(4px);box-shadow:0 6px 16px rgba(9,106,113,8%)}.callout-rumus{border-left-color:var(--teal);background:linear-gradient(135deg,rgba(9,106,113,8%) 0%,rgba(37,170,158,4%) 100%)}.callout-catatan{border-left-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,rgba(245,158,11,4%) 100%)}.katex-display{overflow-x:auto;overflow-y:hidden;padding:12px 0}.quiz-start{text-align:center;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:48px 24px;box-shadow:var(--shadow)}.timer{font-size:18px;font-weight:800;color:var(--teal);background:var(--teal-light);padding:10px 20px;border-radius:50px;display:inline-block;margin-bottom:24px}.question{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.question p{font-weight:600;font-size:16px;margin-bottom:14px}.question label{display:flex;align-items:center;gap:12px;padding:12px 18px;margin:8px 0;background:var(--page-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:15px}.question label:hover{border-color:var(--brand-primary);background:var(--teal-light)}.question label:has(input:checked){border-color:var(--brand-primary);background:var(--teal-light);font-weight:700}.result{text-align:center;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:44px 24px;box-shadow:var(--shadow-lg)}.btn-primary{background:var(--btn-bg);color:var(--btn-text);border:none;padding:13px 30px;border-radius:var(--radius-md);font-size:15px;cursor:pointer;font-weight:700;transition:all .2s ease}.btn-primary:hover{background:var(--btn-hover);transform:translateY(-2px)}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--card-border);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;text-decoration:none;display:inline-block;transition:all .2s ease}.btn-secondary:hover{background:var(--page-bg);border-color:var(--brand-primary)}footer{background:var(--footer-bg);color:var(--footer-text);padding:28px 0;border-top:1px solid var(--footer-border);transition:all .3s ease}.footer-inner{display:flex;align-items:center;justify-content:center;text-align:center}.footer-text{font-size:13px;color:rgba(255,255,255,.85);text-align:center;width:100%}.footer-text a{color:#fff;text-decoration:none;font-weight:600;transition:color .2s ease,opacity .2s ease}.footer-text a:hover{color:#fff;text-decoration:underline;opacity:.9}.back-to-top{position:fixed;right:18px;bottom:24px;z-index:900;width:44px;height:44px;border-radius:50%;border:1px solid var(--nav-border);background:var(--nav-bg);color:#fff;font-size:20px;line-height:1;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease;padding:0}.back-to-top:hover{transform:translateY(-4px)scale(1.08);background:rgba(9,106,113,.98);border-color:rgba(255,255,255,.4);box-shadow:0 10px 25px rgba(9,106,113,.4)}.back-to-top.show{display:inline-flex;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.back-to-top svg{position:absolute;inset:0;width:44px;height:44px;transform:rotate(-90deg);pointer-events:none}.back-to-top .track{fill:none;stroke:rgba(255,255,255,.18);stroke-width:3}.back-to-top .fill{fill:none;stroke:#5eead4;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .15s ease-out}.back-to-top .arrow{position:relative;z-index:1;pointer-events:none}@media(max-width:768px){.back-to-top{right:14px;bottom:20px}}@media(max-width:768px){.nav-search{max-width:180px;margin:0 8px}.search-box{padding:5px 10px}.search-box input{font-size:12px}.hero h1{font-size:30px}.hero p{font-size:16px}.grid{grid-template-columns:1fr}.nav-links a[data-nav]{display:none}main{padding-bottom:24px}footer{padding:20px 0}}.prevnext{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--card-border)}.pv-left,.pv-right{flex:1}.pv-right{display:flex;justify-content:flex-end}.pv-btn{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:14px 18px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:4px;width:100%;box-shadow:var(--shadow-sm);transition:all .25s ease}.pv-btn:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow)}.pv-lbl{font-size:12px;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.03em}.pv-title{font-size:14px;font-weight:700;color:var(--text)}@media(max-width:640px){.prevnext{flex-direction:column}}@media print{.nav,.mobile-sidebar,.mobile-sidebar-overlay,.back-to-top,footer,.crumb,.prevnext,.pdf-download-bar,.comments-wrap,.soal-lampiran,a.btn-secondary{display:none !important}body{background:#fff !important;color:#000 !important}.page-head,.content-wrap{background:#fff !important;box-shadow:none !important;border:none !important;padding:0 !important}.soal-petunjuk{background:#fff !important;border:1px solid #999 !important}.soal-card,.soal-option,.soal-bs-row{background:#fff !important;border-color:#999 !important}.opt-checkbox{border-color:#000 !important}.soal-petunjuk,.soal-card,.soal-bagian-head,.soal-option,.soal-bs-row{break-inside:avoid}.soal-bagian-head{break-after:avoid}}