.landing .cvc{--cvc-field:#8f85c4;--cvc-field-hover:#7c6ec8;--cvc-focus:#5b3fe0;--cvc-ring:#846ef838;--cvc-tint:#f5f3ff;--cvc-ok:#1a6b4a;--cvc-ok-bg:#e3f5ec;--cvc-warn:#7a4a00;--cvc-warn-bg:#fdf1d6;--cvc-fail:#b42323;--cvc-fail-bg:#fdecec;color:var(--ink);margin-top:32px}.landing .cvc-card{border:1px solid var(--hairline);background:#fff;border-radius:24px;padding:28px;position:relative}.landing .cvc-file,.landing .cvc-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing .cvc-drop{border:2px dashed var(--cvc-field);text-align:center;cursor:pointer;transition:border-color .2s var(--ease-out), background .2s var(--ease-out);background:#fbfaff;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:32px 20px;display:flex}.landing .cvc-drop:hover,.landing .cvc-drop[data-dragging]{border-color:var(--purple-deep);background:var(--cvc-tint)}.landing .cvc-file:focus-visible+.cvc-drop{outline:2px solid var(--cvc-focus);outline-offset:3px}.landing .cvc-drop__icon{color:var(--purple-deep)}.landing .cvc-drop__title{overflow-wrap:anywhere;max-width:100%;color:var(--ink);font-size:18px;font-weight:600}.landing .cvc-drop__sub,.landing .cvc-hint,.landing .cvc-count,.landing .cvc-optional{color:var(--muted);font-size:15px;font-weight:400}.landing .cvc-hint{margin-top:8px}.landing .cvc-label{margin-top:24px;font-size:16px;font-weight:600;display:block}.landing .cvc-textarea{border:1px solid var(--cvc-field);width:100%;min-height:132px;color:var(--ink);font:inherit;resize:vertical;background:#fff;border-radius:12px;margin-top:8px;padding:12px 14px;font-size:16px;line-height:1.5;display:block}.landing .cvc-textarea::placeholder{color:#75757f}.landing .cvc-textarea:hover{border-color:var(--cvc-field-hover)}.landing .cvc-textarea:focus-visible{border-color:var(--cvc-focus);box-shadow:0 0 0 3px var(--cvc-ring);outline:none}.landing .cvc-count{text-align:right;margin-top:6px}.landing .cvc-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;display:flex}.landing .cvc-submit:disabled{cursor:not-allowed;background:#b8adf5;transform:none}.landing .cvc-submit:focus-visible,.landing .cvc-link:focus-visible,.landing .cvc .cvc-result .lp-btn:focus-visible{outline:2px solid var(--cvc-focus);outline-offset:3px}.landing .cvc-privacy{color:var(--muted);align-items:center;gap:6px;font-size:15px;display:inline-flex}.landing .cvc-status:empty,.landing .cvc-alert-region:empty{display:none}.landing .cvc-status{color:var(--muted);margin-top:12px;font-size:15px}.landing .cvc-error{background:var(--cvc-fail-bg);color:var(--cvc-fail);border-radius:12px;align-items:flex-start;gap:8px;margin-top:16px;padding:12px 14px;font-size:16px;line-height:1.45;display:flex}.landing .cvc-error svg{flex:none;margin-top:2px}.landing .cvc-result{border:1px solid var(--hairline);background:#fff;border-radius:24px;margin-top:32px;padding:28px}.landing .cvc-result__title{scroll-margin-top:100px;font-size:24px;font-weight:600}.landing .cvc-result__title:focus{outline:none}.landing .cvc-result__title:focus-visible{outline:2px solid var(--cvc-focus);outline-offset:4px;border-radius:4px}.landing .cvc-score{background:var(--cvc-tint);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:16px;padding:20px;display:flex}.landing .cvc-score__value{align-items:baseline;gap:2px;display:flex}.landing .cvc-score__num{letter-spacing:-.02em;font-size:56px;font-weight:600;line-height:1}.landing .cvc-score__of{color:var(--muted);font-size:20px}.landing .cvc-score>div{flex:240px}.landing .cvc-band{border-radius:40px;align-items:center;gap:6px;padding:4px 12px;font-size:16px;font-weight:600;display:inline-flex}.landing .cvc-score--kuat .cvc-band{background:var(--cvc-ok-bg);color:var(--cvc-ok)}.landing .cvc-score--cukup .cvc-band{background:var(--cvc-warn-bg);color:var(--cvc-warn)}.landing .cvc-score--perlu_perbaikan .cvc-band{background:var(--cvc-fail-bg);color:var(--cvc-fail)}.landing .cvc-score__hint{color:var(--ink);margin-top:8px;font-size:16px;line-height:1.5}.landing .cvc-checks{gap:12px;margin-top:20px;display:grid}.landing .cvc-check{border:1px solid var(--hairline);border-radius:16px;padding:16px 18px}.landing .cvc-check__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.landing .cvc-check__title{font-size:18px;font-weight:600}.landing .cvc-check__status{border-radius:40px;align-items:center;gap:6px;padding:3px 10px;font-size:15px;font-weight:500;display:inline-flex}.landing .cvc-check--pass .cvc-check__status{background:var(--cvc-ok-bg);color:var(--cvc-ok)}.landing .cvc-check--warn .cvc-check__status{background:var(--cvc-warn-bg);color:var(--cvc-warn)}.landing .cvc-check--fail .cvc-check__status{background:var(--cvc-fail-bg);color:var(--cvc-fail)}.landing .cvc-check__points{font-variant-numeric:tabular-nums;margin-left:4px}.landing .cvc-check__detail{margin-top:8px;font-size:16px;line-height:1.55}.landing .cvc-check__tips{color:var(--muted);margin-top:8px;padding-left:20px;font-size:15px;line-height:1.55;list-style:outside}.landing .cvc-check__tips li+li{margin-top:4px}.landing .cvc-match{border-top:1px solid var(--hairline);margin-top:24px;padding-top:20px}.landing .cvc-match__title{font-size:20px;font-weight:600}.landing .cvc-match__pct{color:var(--purple-deep)}.landing .cvc-match__note{color:var(--muted);margin-top:8px;font-size:15px;line-height:1.55}.landing .cvc-terms{margin-top:16px}.landing .cvc-terms__title{font-size:16px;font-weight:600}.landing .cvc-terms__list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.landing .cvc-term{overflow-wrap:anywhere;border-radius:40px;align-items:center;gap:4px;padding:4px 10px;font-size:15px;display:inline-flex}.landing .cvc-term--ok{background:var(--cvc-ok-bg);color:var(--cvc-ok)}.landing .cvc-term--missing{color:#4f4f58;background:#f0f0f3}.landing .cvc-disclaimer{color:var(--muted);margin-top:24px;font-size:15px}.landing .cvc-next{background:var(--cvc-tint);border-radius:16px;margin-top:20px;padding:20px}.landing .cvc-next__text{font-size:17px;font-weight:500;line-height:1.45}.landing .cvc-next__actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:14px;display:flex}.landing .cvc-link{color:var(--purple-deep);text-underline-offset:3px;font-weight:500;text-decoration:underline}@media (max-width:719px){.landing .cvc-card,.landing .cvc-result{border-radius:20px;padding:20px}.landing .cvc-drop{padding:24px 16px}.landing .cvc-score__num{font-size:44px}}@media (max-width:359px){.landing .cvc-card,.landing .cvc-result{padding:16px}.landing .cvc-check{padding:14px}.landing .cvc .cvc-actions .lp-btn,.landing .cvc .cvc-next__actions .lp-btn{width:100%}}@media (prefers-reduced-motion:reduce){.landing .cvc-drop{transition:none}}
