/* Compact verification form, including its own challenge and feedback. */
html #sertifikat .cert-card{padding:0!important;overflow:hidden;border:1px solid var(--preview-line)!important;border-radius:18px;background:var(--preview-card)!important;color:var(--ink)!important;box-shadow:none!important}
html #sertifikat .cert-card::before,html #sertifikat .cert-card::after,html #sertifikat .cert-copy::before,html #sertifikat .cert-visual,html #sertifikat .eyebrow{display:none!important}
html #sertifikat .cert-inner{display:block;padding:32px}
html #sertifikat .cert-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,550px);align-items:center;gap:40px;max-width:1180px;min-width:0;margin:auto;padding:0}
html #sertifikat .cert-heading{position:relative;padding-left:68px;min-width:0}
html #sertifikat .cert-heading::before{content:"";position:absolute;left:0;top:0;width:48px;height:52px;border-radius:12px;background:rgba(31,111,208,.07) url('/static/landing/assets/logo-seal.png') center/34px 34px no-repeat}
html #sertifikat .cert-heading h2{margin:0;color:var(--ink)!important;font-size:clamp(21px,1.7vw,27px);line-height:1.3}
html #sertifikat .cert-heading p{margin:8px 0 0;color:var(--ink-2)!important;font-size:14px;line-height:1.6;max-width:360px}
html #sertifikat #cert-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;width:100%;min-width:0}
html #sertifikat .cert-input{width:100%!important;min-width:0!important;max-width:none;box-sizing:border-box;height:48px;padding:0 14px;font-size:14px;border-radius:10px;border:1px solid var(--preview-line)!important;background:var(--preview-card)!important;color:var(--ink)!important}
html #sertifikat .cert-input::placeholder{color:var(--ink-3)!important}
html #sertifikat .cert-input:focus{outline:2px solid var(--action);outline-offset:2px}
html #sertifikat #cert-form>.btn{min-height:48px;padding:0 20px;border-radius:10px;box-shadow:none;margin:0;width:auto}
html #sertifikat .cert-captcha{grid-column:1/-1;display:grid;grid-template-columns:160px minmax(0,1fr) 40px;gap:8px;align-items:center;margin:2px 0 0;padding-top:12px;border-top:1px solid var(--preview-line);min-width:0}
html #sertifikat .cert-captcha[hidden]{display:none!important}
html #sertifikat .cert-captcha label{grid-column:1/-1;font-size:12px;color:var(--ink-2);line-height:1.5}
html #sertifikat .cert-captcha img{display:block;max-width:100%;height:44px;object-fit:contain;background:white;border-radius:8px}
html #sertifikat #cert-captcha-answer{height:44px}
html #sertifikat .cert-captcha button{width:40px;height:44px;min-height:44px;padding:0;border:1px solid var(--preview-line);border-radius:9px;background:var(--preview-card);color:var(--action);font-size:24px;cursor:pointer}
html #sertifikat .cert-captcha button:hover{background:rgba(31,111,208,.08)}
html #sertifikat #cert-result{grid-column:1/-1;min-width:0;margin:0!important;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.5;border-radius:8px;color:var(--ink-2)}
html #sertifikat #cert-result:not(.show){display:none!important}
html #sertifikat #cert-result.show{display:block}
@media(max-width:1000px){html #sertifikat .cert-inner{padding:26px}html #sertifikat .cert-copy{grid-template-columns:minmax(0,1fr);gap:24px}html #sertifikat .cert-heading p{max-width:none}}
@media(max-width:600px){html #sertifikat .cert-inner{padding:22px 18px}html #sertifikat .cert-heading{padding-left:58px}html #sertifikat .cert-heading::before{width:44px;height:48px;background-size:30px}html #sertifikat .cert-heading p{font-size:13px}html #sertifikat #cert-form{gap:10px}html #sertifikat #cert-form>.btn{padding:0 14px;font-size:13px}html #sertifikat .cert-captcha{grid-template-columns:128px minmax(0,1fr) 40px}html #sertifikat .cert-input{font-size:13px;padding:0 10px}}