.reg-spinner{justify-content:center;align-items:center;display:inline-flex}.reg-spinner__ring{border:2px solid;border-top-color:#0000;border-radius:999px;width:1em;height:1em;animation:.64s linear infinite reg-spin;display:block}@keyframes reg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reg-spinner__ring{animation-duration:2s}}.reg-stepper{scrollbar-width:none;background:0 0;align-items:center;gap:0;padding:1rem .25rem;display:flex;overflow-x:auto}.reg-stepper::-webkit-scrollbar{display:none}.reg-stepper__item{cursor:default;font-family:var(--font-body);background:0 0;border:none;flex-shrink:0;align-items:center;gap:.75rem;padding:.25rem 0;display:inline-flex}.reg-stepper__item.is-completed{cursor:pointer}.reg-stepper__item.is-completed:hover{opacity:.85}.reg-stepper__item:not(:last-child):after{content:"";background:color-mix(in srgb, var(--border-strong) 55%, transparent);border-radius:999px;flex:1;min-width:2rem;height:3px;margin:0 1.25rem;display:block}.reg-stepper__item.is-completed:not(:last-child):after{background:var(--primary)}.reg-stepper__num{width:2rem;height:2rem;font-family:var(--font-body);color:var(--ink-faint);border:2px solid color-mix(in srgb, var(--border-strong) 60%, transparent);transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.reg-stepper__item.is-active .reg-stepper__num{background:var(--accent);color:#fff;border-color:var(--accent)}.reg-stepper__item.is-completed .reg-stepper__num{background:var(--primary);color:#fff;border-color:var(--primary)}.reg-stepper__label{color:var(--ink-faint);white-space:nowrap;letter-spacing:-.005em;font-size:.95rem;font-weight:500}.reg-stepper__item.is-active .reg-stepper__label{color:var(--accent);font-weight:600}.reg-stepper__item.is-completed .reg-stepper__label{color:var(--primary);font-weight:600}@media (width<=640px){.reg-stepper{padding:.75rem .15rem}.reg-stepper__label{font-size:.82rem}.reg-stepper__num{width:1.65rem;height:1.65rem;font-size:.8rem}.reg-stepper__item{gap:.55rem}.reg-stepper__item:not(:last-child):after{min-width:1rem;height:2.5px;margin:0 .65rem}}@media (width<=480px){.reg-stepper__item:not(.is-active) .reg-stepper__label{display:none}.reg-stepper__item:not(:last-child):after{min-width:1.25rem;margin:0 .55rem}.reg-stepper__item{gap:.4rem}}.qg-funnel-head{background:var(--primary-deep);color:var(--cream);padding-block:clamp(4rem,8vw,6.5rem);position:relative;overflow:hidden}.qg-funnel-head__bg{object-fit:cover;object-position:center;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qg-funnel-head:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--primary-deep) 82%, transparent) 0%, color-mix(in srgb, var(--primary-deep) 55%, transparent) 55%, transparent 100%);z-index:0;pointer-events:none;position:absolute;inset:0}.qg-funnel-head__inner{z-index:1;text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;max-width:56rem;margin-inline:auto;display:flex;position:relative}.qg-funnel-head__eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--secondary-light);font-size:.78rem;font-weight:600}.qg-funnel-head__title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--cream);margin:0;font-size:clamp(2.1rem,5.5vw,3.4rem);font-weight:700;line-height:1.1}.qg-funnel-head__lead{font-family:var(--font-body);color:#f8f5eed9;max-width:44rem;margin:0;font-size:clamp(1.05rem,1.5vw,1.18rem);font-weight:400;line-height:1.7}.qg-funnel-form{background:var(--cream);padding-block:clamp(2rem,4vw,3rem);position:relative;overflow:hidden}.qg-funnel-form:before{content:"";opacity:.025;pointer-events:none;z-index:0;background-image:url(/img/decor/chess-board-pattern.svg);background-size:320px;position:absolute;inset:0}.qg-funnel-form__inner{z-index:1;max-width:var(--container);margin-inline:auto;position:relative}.reg-section{border-left:3px solid color-mix(in srgb, var(--primary) 25%, transparent);border-top:1px solid color-mix(in srgb, var(--secondary) 22%, transparent);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);position:relative;box-shadow:0 8px 24px -12px #0628211f,0 2px 6px -2px #0628210f}.reg-section:hover,.reg-section:focus-within{border-left-color:var(--primary);box-shadow:0 14px 32px -12px #0628212e,0 4px 10px -2px #06282114}.reg-callout-learner{border:2px solid color-mix(in srgb, var(--secondary) 45%, transparent);text-align:center;background:#fff;box-shadow:0 8px 24px -12px #9b7e3d40}.reg-callout-learner__title{font-family:var(--font-display);color:var(--secondary-deep);margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.reg-callout-learner__sub{font-family:var(--font-body);color:var(--ink-soft);margin:.25rem 0 0;font-size:.875rem}.reg-callout-learner__divider{background:color-mix(in srgb, var(--secondary) 25%, transparent);height:1px;margin:.85rem 0}.reg-callout-learner__body{max-width:32rem;margin:0 auto}.reg-callout-learner .ui-control{background:color-mix(in srgb, var(--secondary) 6%, var(--paper));border-color:color-mix(in srgb, var(--secondary) 45%, transparent)}.reg-callout-learner .ui-control:focus{border-color:var(--secondary);box-shadow:0 0 0 3px color-mix(in srgb, var(--secondary) 20%, transparent)}.reg-locked{border:2px dashed color-mix(in srgb, var(--primary) 22%, transparent);background:color-mix(in srgb, var(--secondary) 6%, var(--cream))!important;box-shadow:none!important}.reg-shell aside>div{border-top:4px solid var(--secondary);box-shadow:0 12px 32px -14px #06282129,0 3px 8px -2px #06282114!important}.reg-sum{border-top:3px solid var(--secondary);box-shadow:0 12px 32px -14px #06282124!important}.reg-check[data-done=true] .reg-check__dot{transition:background var(--dur) var(--ease)}.reg-radiolist{border:1px solid color-mix(in srgb, var(--border-strong) 55%, transparent);border-radius:var(--r-lg);background:var(--paper);overflow:hidden}.reg-radiorow{cursor:pointer;transition:background var(--dur) var(--ease);border-bottom:1px solid color-mix(in srgb, var(--border) 65%, transparent);align-items:center;gap:.75rem;min-height:44px;padding:.85rem 1rem;display:flex;position:relative}.reg-radiorow:last-child{border-bottom:none}.reg-radiorow:hover{background:color-mix(in srgb, var(--primary) 4%, transparent)}.reg-radiorow.is-active{background:color-mix(in srgb, var(--primary) 8%, transparent)}.reg-radiorow__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.reg-radiorow__input:focus-visible+.reg-radiorow__dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 25%, transparent)}.reg-radiorow__dot{border:2px solid color-mix(in srgb, var(--ink-faint) 55%, transparent);background:var(--paper);width:20px;height:20px;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:50%;flex-shrink:0;position:relative}.reg-radiorow.is-active .reg-radiorow__dot{border-color:var(--primary);background:var(--primary)}.reg-radiorow.is-active .reg-radiorow__dot:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:4px}.reg-radiorow__body{flex-wrap:wrap;flex:1;align-items:baseline;gap:.6rem;min-width:0;display:flex}.reg-radiorow__body--stack{flex-direction:column;align-items:flex-start;gap:.15rem}.reg-radiorow__body--stack .reg-radiorow__sub{font-size:.875rem;line-height:1.4}.reg-radiorow__title{font-family:var(--font-display);color:var(--ink);font-size:1rem;font-weight:700;line-height:1.35}.reg-radiorow.is-active .reg-radiorow__title{color:var(--primary-dark)}.reg-radiorow__sub{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--ink-soft)}.reg-radiorow__meta{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.reg-radiorow__badge{border-radius:var(--r-pill);font-family:var(--font-body);letter-spacing:.04em;white-space:nowrap;padding:.22rem .6rem;font-size:.7rem;font-weight:700}.reg-radiorow__badge--save{background:color-mix(in srgb, var(--mint) 22%, transparent);color:color-mix(in srgb, var(--mint) 20%, var(--ink))}.reg-radiorow.is-active .reg-radiorow__badge--save{background:var(--mint);color:var(--paper)}.reg-radiorow__badge--best{background:var(--secondary);color:var(--ink);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem}@media (width<=520px){.reg-radiorow{gap:.6rem;padding:.75rem .8rem}.reg-radiorow__meta{flex-direction:column;align-items:flex-end;gap:.25rem}.reg-radiorow__badge{padding:.18rem .5rem;font-size:.62rem}}.reg-mobile-cta{z-index:40;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(12px)saturate(140%);border-top:1px solid color-mix(in srgb, var(--secondary) 25%, transparent);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom,0px)) 1rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 24px -12px #0628211f}.reg-mobile-cta__inner{justify-content:space-between;align-items:center;gap:.75rem;max-width:32rem;margin-inline:auto;display:flex}.reg-mobile-cta__meta{flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;min-width:0;display:flex}.reg-mobile-cta__fraction{font-family:var(--font-body);letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase;font-size:.78rem;font-weight:700}.reg-mobile-cta__price{font-family:var(--font-display);color:var(--primary-dark);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.05rem;font-weight:700;line-height:1.1;overflow:hidden}.reg-mobile-cta__price-per{font-family:var(--font-body);color:var(--ink-soft);margin-left:.1rem;font-size:.78rem;font-weight:400}.reg-mobile-cta__save{font-family:var(--font-body);color:var(--primary);white-space:nowrap;font-size:.68rem;font-weight:700;line-height:1}.reg-mobile-cta__btn{font-family:var(--font-body);color:var(--paper);background:var(--ink-faint);border-radius:var(--r-pill);transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);cursor:not-allowed;flex-shrink:0;align-items:center;gap:.4rem;padding:.75rem 1.35rem;font-size:.95rem;font-weight:700;display:inline-flex}.reg-mobile-cta__btn.is-ready{background:var(--primary);cursor:pointer;box-shadow:0 4px 12px -2px #0f5a4d59}.reg-mobile-cta__btn.is-ready:hover,.reg-mobile-cta__btn.is-ready:active{background:var(--primary-deep);transform:translateY(-1px)}.reg-mobile-cta__btn:disabled{opacity:.85}@media (width<=1023px){body.page-daftar{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))!important}}@media (width<=767px){.page-daftar .site-footer{display:none!important}}