:root{--font-sans:var(--font-plex-sans,"IBM Plex Sans"),system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:var(--font-plex-mono,"IBM Plex Mono"),ui-monospace,"Cascadia Mono",Consolas,monospace;--font-display:var(--font-sans);--bg:#f7f6fb;--bg-2:#f1f0f6;--surface:#fff;--surface-2:#fafafc;--ink:#0f0a3c;--ink-2:#2b1b5c;--ink-3:#5f4da4;--ink-muted:#4f4a6b;--ink-faint:#9a97ae;--line:#e4e3ec;--line-strong:#cfcddb;--brand-pink:#ff5757;--brand-purple:#8c52ff;--gradient-primary:linear-gradient(90deg,#ff5757,#8c52ff);--gradient-primary-hover:linear-gradient(90deg,#ee4646,#7c42f0);--gradient-primary-diagonal:linear-gradient(135deg,#ff5757,#8c52ff);--gradient-subtle:linear-gradient(135deg,rgba(255,87,87,.06),rgba(140,82,255,.06));--gradient-border:linear-gradient(90deg,rgba(255,87,87,.35),rgba(140,82,255,.35));--accent:#7c3aed;--accent-hover:#6d28d9;--accent-soft:#f3eeff;--warm:#ff8a4c;--warm-hot:#ff5a36;--highlight:#ffe4b5;--success:#059669;--danger:#dc2626;--radius-sm:4px;--radius:6px;--radius-lg:10px;--shadow-sm:0 1px 2px rgba(15,10,60,.05),0 4px 14px rgba(140,82,255,.05);--shadow-md:0 1px 2px rgba(15,10,60,.05),0 10px 28px rgba(140,82,255,.09);--shadow-lg:0 2px 4px rgba(15,10,60,.06),0 18px 44px rgba(140,82,255,.14);--shadow-brand:0 6px 18px rgba(200,70,190,.28)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--font-sans);color:var(--ink);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0}body{background:radial-gradient(900px 480px at 0 -8%,rgba(255,87,87,.1),transparent 60%),radial-gradient(900px 520px at 100% -10%,rgba(140,82,255,.13),transparent 60%),var(--bg);background-repeat:no-repeat}::-moz-selection{background:rgba(140,82,255,.2)}::selection{background:rgba(140,82,255,.2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.font-display{font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em}.font-hero{font-family:var(--font-fraunces,"Fraunces"),Georgia,serif;font-weight:900;letter-spacing:-.01em}.font-hero .italic{font-style:italic}.font-mono,code,kbd,samp{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.glass-card,.glass-card-solid{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.glass-card-dark{background:var(--ink);color:#fff;border-radius:var(--radius-lg);border:1px solid var(--ink)}.card-accent{position:relative;overflow:hidden}.card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.input,.select,.textarea{width:100%;padding:11px 12px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);font-size:14px;font-family:inherit;color:var(--ink);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-faint)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.15)}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--ink-faint)}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%230F0A3C' stroke-width='1.5' fill='none' opacity='0.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}.select option:disabled{color:var(--ink-faint)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.form-label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:6px}.form-section-divider{height:1px;background:var(--line);margin:4px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius);font-size:14px;font-weight:600;font-family:inherit;line-height:1.2;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,filter .12s ease;outline:none;text-decoration:none;white-space:nowrap}.btn-sm{padding:7px 12px;font-size:13px}.btn-lg{padding:13px 22px;font-size:15px}.btn-icon{padding:8px;width:36px;height:36px;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--gradient-primary-hover)}.btn-primary:active:not(:disabled){filter:brightness(.95)}.btn-accent{background:var(--gradient-primary-diagonal);color:#fff;box-shadow:var(--shadow-brand)}.btn-accent:hover:not(:disabled){background:var(--gradient-primary-hover)}.btn-glass{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-glass:hover:not(:disabled){border-color:var(--ink)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover:not(:disabled){background:#241b5e}.btn-ghost{background:transparent;color:var(--ink);padding:7px 10px}.btn-ghost:hover:not(:disabled){background:rgba(15,10,60,.05)}.gradient-text,.gradient-text-diagonal{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block}.gradient-text-diagonal{background:var(--gradient-primary-diagonal);background-clip:text;-webkit-background-clip:text}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.gradient-text,.gradient-text-diagonal{color:var(--brand-purple);background:none;-webkit-text-fill-color:initial}}@keyframes spin-slow{to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin-slow 1s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(140,82,255,.35)}50%{box-shadow:0 0 0 8px rgba(140,82,255,0)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.animate-pulse-glow,.mbc-waiting{animation:none}}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--accent-soft);color:var(--accent-hover);border:1px solid #ddd0fd;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.chip-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.chip-warning{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.chip-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.text-muted{color:var(--ink-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.divider{height:1px;background:var(--line);width:100%}.divider-strong{height:1px;background:var(--line-strong);width:100%}.katex{font-size:1.05em!important}.katex-display{margin:1em 0!important;padding:8px 0}.math-deco{position:absolute;font-family:var(--font-mono);font-weight:400;color:rgba(140,82,255,.045);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;line-height:1}.countdown-cell{padding:12px 10px;min-width:72px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.countdown-num{font-family:var(--font-mono);font-size:34px;font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.countdown-label{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-top:6px}.role-card-primary{display:block;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color .12s ease}.role-card-primary:hover{border-color:var(--brand-purple)}.role-link-secondary{color:var(--ink-muted);font-size:12px;font-weight:500;text-decoration:none}.role-link-secondary:hover{color:var(--accent);text-decoration:underline}.mcq-option{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color .12s ease,background .12s ease}.mcq-option:hover{border-color:var(--brand-purple)}.mcq-option.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.mcq-option-letter{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--line-strong);font-family:var(--font-mono);font-weight:600;font-size:14px;color:var(--ink)}.mcq-option.selected .mcq-option-letter{background:var(--gradient-primary-diagonal);border-color:transparent;color:#fff}.exam-timer-wrap{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:100}.exam-timer{display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:var(--radius);background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:#fff}.exam-timer.warn{background:#dc2626}.exam-timer-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;opacity:.9}.exam-timer-num{font-family:var(--font-mono);font-size:20px;font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums}.q-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.q-nav-cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .12s ease}.q-nav-cell:hover{border-color:var(--brand-purple)}.q-nav-cell.answered{background:#ede5ff;border-color:#c4b0fb;color:#4c1d95}.q-nav-cell.flagged{background:#fef3c7;border-color:#f59e0b;color:#78350f}.q-nav-cell.current{box-shadow:inset 0 0 0 2px var(--accent);border-color:var(--accent)}@keyframes mbc-waiting-flip{0%,35%{transform:rotate(0deg)}50%,85%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.mbc-waiting{display:inline-block;animation:mbc-waiting-flip 3s ease-in-out infinite}.tabs{display:flex;flex-wrap:wrap;gap:0;margin-bottom:24px;border-bottom:1px solid var(--line)}.tabs .tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;margin-bottom:-1px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--ink-muted);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .12s,border-color .12s}.tabs .tab:hover{color:var(--ink)}.tabs .tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--brand-purple)}.editor-bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:var(--surface-2);border:1px solid var(--line-strong);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0}.editor-bar button{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-2);font-family:var(--font-mono);font-size:12px;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.editor-bar button:hover{background:var(--ink);border-color:var(--ink);color:#fff}@media (max-width:768px){.btn-lg{padding:12px 18px;font-size:14px}.countdown-num{font-size:28px}.countdown-cell{min-width:62px}}.chip-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}.card-gradient-border{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(255,87,87,.55),rgba(140,82,255,.55)) border-box}.countdown-num.gradient-text{display:block}.glow{position:relative;isolation:isolate}.glow:after{content:"";position:absolute;inset:-40px -30px;z-index:-1;background:radial-gradient(closest-side,rgba(140,82,255,.18),transparent),radial-gradient(closest-side at 20% 80%,rgba(255,87,87,.14),transparent);filter:blur(8px);pointer-events:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;border:1px solid #ddd0fd;background:var(--accent-soft);color:var(--accent-hover);font-size:12px;font-weight:600;white-space:nowrap}.badge-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.badge-warning{background:#fffbeb;color:#b45309;border-color:#fde68a}.badge-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.badge-muted{background:#f4f4f7;color:#4b4863;border-color:var(--line)}.stat-num{font-family:var(--font-mono);font-size:30px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.lb-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}.lb-row:first-child{border-top:none}.lb-row.bronze,.lb-row.gold,.lb-row.silver{background:#fffdf7}.reg{--reg-purple:#7c3aed;--reg-purple-hover:#6d28d9;--reg-purple-soft:rgba(140,82,255,.07);--reg-violet:#b794ff;--reg-dark:#0f0a3c;--reg-text-2:rgba(15,10,60,.72);--reg-text-3:rgba(15,10,60,.52);--reg-pink:#ff5757;--reg-gradient:linear-gradient(90deg,#ff5757,#8c52ff);--reg-gradient-terang:linear-gradient(90deg,#ff7676,#b18cff);--reg-rose:#dc2626;--reg-gray:#f7f6fb;--reg-line:#cfcddb;--reg-line-soft:#e4e3ec;--reg-radius:8px;--reg-radius-lg:16px;--reg-shadow:0 1px 2px rgba(15,10,60,.05),0 10px 28px rgba(140,82,255,.1);min-height:100vh;background:var(--reg-gray);color:var(--reg-dark);padding-bottom:64px}.reg-hero{position:relative;overflow:hidden;background:radial-gradient(520px 260px at 92% 0,rgba(140,82,255,.38),transparent 70%),radial-gradient(420px 220px at 8% 100%,rgba(255,87,87,.22),transparent 70%),var(--reg-dark);color:#fff;padding:24px 16px 104px}.reg-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--reg-gradient)}.reg-hero-inner{max-width:720px;margin:0 auto;position:relative}.reg-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:40px}.reg-logo{display:block;width:101px;height:36px}.reg-back{display:inline-flex;align-items:center;gap:6px;color:hsla(0,0%,100%,.72);font-size:14px;font-weight:500;text-decoration:none;transition:color .12s ease}.reg-back:hover{color:#fff}.reg-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--reg-gradient-terang);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:12px}.reg-title{font-size:clamp(32px,6vw,48px);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:0 0 14px}.reg-title .reg-accent{background:var(--reg-gradient-terang);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.reg-lead{font-size:17px;line-height:1.55;color:hsla(0,0%,100%,.74);max-width:560px;margin:0}.reg-perks{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px}.reg-perk{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:hsla(0,0%,100%,.9)}.reg-perk:before{content:"";width:18px;height:18px;border-radius:999px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' stroke='%23FFFFFF' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% /12px no-repeat,var(--reg-gradient)}.reg--gradien .reg-hero{background:radial-gradient(500px 240px at 85% 0,hsla(0,0%,100%,.16),transparent 70%),linear-gradient(120deg,#ff5757,#c24fc4 52%,#8c52ff);color:#fff}.reg--gradien .reg-hero:after{display:none}.reg--gradien .reg-eyebrow,.reg--gradien .reg-lead,.reg--gradien .reg-perk,.reg--gradien .reg-title{text-shadow:0 1px 2px rgba(60,12,90,.28)}.reg--gradien .reg-eyebrow,.reg--gradien .reg-title .reg-accent{background:none;-webkit-text-fill-color:#fff;color:#fff}.reg--gradien .reg-lead{color:#fff}.reg--gradien .reg-back{color:var(--reg-dark);font-weight:600;padding:7px 14px 7px 10px;border-radius:999px;background:hsla(0,0%,100%,.55);border:1px solid hsla(0,0%,100%,.95)}.reg--gradien .reg-back:hover{color:var(--reg-dark);background:#fff}.reg--gradien .reg-perk{color:#fff;font-weight:500}.reg--gradien .reg-perk:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' stroke='%238c52ff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% /12px no-repeat,#fff}.reg-body{max-width:752px;margin:-72px auto 0;padding:0 16px;position:relative}.reg .glass-card-solid{background:#fff;border:none;border-radius:var(--reg-radius-lg);box-shadow:var(--reg-shadow)}.reg-card{padding:clamp(20px,5vw,36px)!important;display:grid;gap:18px}.reg-section{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--reg-dark);margin-top:6px}.reg-section svg{color:#8c52ff}.reg .form-section-divider{height:1px;background:var(--reg-line-soft);margin:6px 0}.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;align-items:start}.reg-span{grid-column:1/-1}@media (max-width:560px){.reg-grid{grid-template-columns:1fr}}.reg .form-label{display:block;font-family:inherit;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--reg-dark);margin-bottom:8px}.reg-input{position:relative}.reg-input>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:rgba(15,10,60,.4);pointer-events:none}.reg .input,.reg .select,.reg .textarea{min-height:48px;padding-left:16px;background-color:#fff;border:1px solid var(--reg-line);border-radius:var(--reg-radius);font-family:inherit;font-size:15px;font-weight:500;color:var(--reg-dark);transition:border-color .15s ease,box-shadow .15s ease}.reg .input:hover,.reg .select:hover,.reg .textarea:hover{border-color:#9a97ae}.reg .input:focus,.reg .select:focus,.reg .textarea:focus{border-color:#8c52ff;box-shadow:0 0 0 3px rgba(140,82,255,.16)}.reg .input[aria-invalid=true],.reg .select[aria-invalid=true]{border-color:var(--reg-rose)}.reg .input::-moz-placeholder,.reg .textarea::-moz-placeholder{color:#9a97ae;font-weight:400}.reg .input::placeholder,.reg .textarea::placeholder{color:#9a97ae;font-weight:400}.reg .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%230F0A3C' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.reg-mata{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;color:rgba(15,10,60,.5);display:flex}.reg-hint{font-size:14px;margin-top:6px;line-height:1.45}.reg-hint,.reg-muted{color:var(--reg-text-3)}.reg-muted,.reg-otomatis{font-size:15px}.reg-otomatis{min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--reg-radius);line-height:1.4;color:var(--reg-text-2);border:1px dashed var(--reg-line);background:var(--reg-purple-soft)}.reg-otomatis svg{flex-shrink:0;color:#8c52ff}.reg .field-error{color:var(--reg-rose)!important;font-size:13px!important;font-weight:500!important;margin-top:6px!important}.reg-jalur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.reg-option{position:relative;text-align:left;padding:16px 18px;border-radius:12px;font:inherit;color:var(--reg-dark);background:#fff;border:1.5px solid var(--reg-line-soft);box-shadow:none;cursor:pointer;transition:border-color .15s ease,background .15s ease}.reg-option:hover:not([aria-pressed=true]){border-color:var(--reg-violet)}.reg-option[aria-pressed=true]{border:1.5px solid #8c52ff;background:var(--reg-purple-soft);box-shadow:inset 0 0 0 1px #8c52ff}.reg-option .oc-title{display:block;font-size:16px;font-weight:700;margin-bottom:4px;color:var(--reg-dark)}.reg-option[aria-pressed=true] .oc-title{color:var(--reg-purple)}.reg-option .oc-desc{display:block;font-size:15px;color:var(--reg-text-2);line-height:1.45}.reg-yesno{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:360px}.reg-yesno button{min-height:48px;border-radius:var(--reg-radius);font:inherit;font-size:15px;font-weight:600;color:var(--reg-dark);background:#fff;border:1.5px solid var(--reg-line);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.reg-yesno button:hover:not([aria-pressed=true]){border-color:var(--reg-violet)}.reg-yesno button[aria-pressed=true]{border-color:transparent;background:var(--reg-gradient);color:#fff}.reg-note{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:12px 14px;border-radius:var(--reg-radius);font-size:15px;line-height:1.5;background:rgba(140,82,255,.09);color:#2b1b5c}.reg-note svg{flex-shrink:0;margin-top:2px;color:#8c52ff}.reg-note--warn{background:#fff4e5;color:#7a3e00}.reg-note--warn svg{color:#d97706}.reg-centang{display:grid;gap:14px}.reg-check{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:15px;line-height:1.55;color:var(--reg-text-2)}.reg-check input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:#8c52ff}.reg-check strong{color:var(--reg-dark)}.reg-opsional{color:var(--reg-text-3)}.reg .btn{border-radius:var(--reg-radius);font-family:inherit}.reg .btn-lg{min-height:56px;font-size:16px;font-weight:600}.reg .btn-glass{background:#fff!important;color:var(--reg-dark)!important;border:1.5px solid var(--reg-line)!important;box-shadow:none}.reg .btn-glass:hover:not(:disabled){border-color:#8c52ff!important}.reg-kirim{width:100%;justify-content:center;margin-top:8px}.reg-link{color:var(--reg-purple);font-weight:600;text-decoration:none}.reg-link:hover{text-decoration:underline}.reg-modal{position:fixed;inset:0;z-index:200;background:rgba(15,10,60,.72);display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto}.reg-modal-card{max-width:480px;width:100%;padding:clamp(20px,5vw,32px)!important;margin:auto;position:relative;overflow:hidden}.reg-modal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--reg-gradient)}.reg-modal-title{font-size:24px;font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:6px}.reg-modal-sub{font-size:15px;color:var(--reg-text-2);text-align:center;margin-bottom:18px;line-height:1.55;word-break:break-word}.reg-akun{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:12px;border-radius:12px;overflow:hidden;background:rgba(140,82,255,.25);border:1px solid rgba(140,82,255,.25)}.reg-akun>div{padding:12px 14px;background:#fbf9ff}.reg-akun-label{font-size:13px;font-weight:600;color:var(--reg-text-3)}.reg-akun-nilai{font-family:var(--font-mono);font-size:19px;font-weight:600;color:var(--reg-dark);word-break:break-all}.reg-summary{padding:16px;border-radius:12px;margin-bottom:16px;background:var(--reg-gray);display:grid;gap:10px}.reg-summary-baris{display:flex;justify-content:space-between;align-items:center;gap:12px}.reg-summary-label{font-size:14px;font-weight:500;color:var(--reg-text-3);flex-shrink:0}.reg-summary-value{font-size:15px;font-weight:700;color:var(--reg-dark);text-align:right;overflow-wrap:anywhere;min-width:0}.reg-modal-tombol{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.reg-modal-kaki,.reg-modal-tombol .btn{justify-content:center}.reg-modal-kaki{display:flex;gap:6px;align-items:center;margin-top:12px;font-size:12.5px;color:var(--reg-text-3)}@media (max-width:480px){.reg-hero{padding-bottom:96px}.reg-top{margin-bottom:28px}.reg-lead{font-size:16px}.reg-akun,.reg-modal-tombol{grid-template-columns:1fr}}.katex-display{margin:.6em 0;overflow-x:auto;overflow-y:hidden;padding:2px 0}.lk-baris{display:grid;grid-template-columns:var(--lk-label,64px) 1fr 52px;align-items:center;gap:12px}@media (max-width:560px){.lk-baris.lk-ket{grid-template-columns:1fr 52px;row-gap:4px}.lk-baris.lk-ket .lk-label{grid-column:1/-1;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.lk-kepala-kanan{text-align:left!important}}