.firma-qr-tool{max-width:850px;margin:28px auto;padding:28px;border:1px solid #cdddeb;border-radius:18px;background:#f7fbff;box-shadow:0 10px 30px rgba(15,53,90,.09);color:#19324d}.firma-qr-tool *{box-sizing:border-box}.firma-qr-intro h3{margin:8px 0;font-size:26px;color:#123d69}.firma-qr-intro p{margin:0 0 22px;color:#52657b;line-height:1.6}.firma-qr-badge{display:inline-block;padding:5px 10px;border-radius:99px;background:#dcefff;color:#095a95;font-size:12px;font-weight:700}.firma-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.firma-qr-form label{display:block;font-weight:700;color:#20405e;font-size:14px}.firma-qr-form label span{color:#c32f39}.firma-qr-form input,.firma-qr-form textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #b9cddd;border-radius:8px;background:#fff;color:#172c42;font:inherit;font-weight:400}.firma-qr-form input:focus,.firma-qr-form textarea:focus{outline:2px solid #1479bc;outline-offset:1px}.firma-qr-wide{grid-column:1/-1}.firma-qr-button,.firma-qr-download{display:inline-block;margin-top:21px;padding:12px 20px;border:0;border-radius:8px;background:#0878c9;color:#fff!important;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.firma-qr-button:hover,.firma-qr-download:hover{background:#075f9e;color:#fff!important}.firma-qr-status{min-height:24px;margin:17px 0 0;color:#315678}.firma-qr-result{margin-top:20px;padding:22px;text-align:center;border:1px solid #cdddeb;border-radius:12px;background:#fff}.firma-qr-result[hidden]{display:none}.firma-qr-result canvas{display:block;max-width:100%;height:auto;margin:0 auto;image-rendering:pixelated}.firma-qr-result p{margin:14px auto 0;max-width:520px;color:#5a6d7c;font-size:14px}.firma-qr-guide{max-width:850px;margin:30px auto;line-height:1.7}.firma-qr-guide h3{margin-top:25px;color:#123d69}.firma-qr-guide li{margin-bottom:6px}@media(max-width:640px){.firma-qr-tool{padding:19px}.firma-qr-grid{grid-template-columns:1fr}.firma-qr-intro h3{font-size:22px}.firma-qr-button,.firma-qr-download{width:100%;text-align:center}}
.blog-detail-page .article-content .article-cover{max-width:300px;margin:0 auto 24px}.blog-detail-page .article-content .article-cover img[src$="firma-qr-kod.svg"]{aspect-ratio:1/1;object-fit:contain}.firma-qr-field-help,.firma-qr-field-error{display:block;margin-top:5px;font-size:12px;font-weight:400;line-height:1.4}.firma-qr-field-help{color:#5d7080}.firma-qr-field-error{color:#a6262e}.firma-qr-form [aria-invalid="true"]{border-color:#b4232d;outline:2px solid #b4232d}.firma-qr-guide ul{padding-left:24px}