.qr-page{background:linear-gradient(180deg,#f8fbff,#fff)}.qr-breadcrumb{display:flex;align-items:center;gap:12px;color:#64748b;font-size:13px;margin-bottom:30px}.qr-breadcrumb a{color:#046380}.qr-heading{max-width:850px;margin-bottom:38px}.qr-heading h1{font-size:clamp(32px,4vw,54px);line-height:1.18;font-weight:800;letter-spacing:-1px;color:#08111f;margin-bottom:20px}.qr-heading p{font-size:16px;line-height:1.8}.qr-form-card,.qr-result-card{display:block;padding:32px}.qr-form-card:hover,.qr-result-card:hover{transform:none}.qr-form-card h2,.qr-result-card h2{font-size:23px;font-weight:700;line-height:1.3;margin-bottom:24px;color:#0b1220}.qr-page label{display:block;margin-bottom:10px;font-weight:600;font-size:14px;color:#0f172a}.qr-page input{width:100%;min-width:0;height:52px;border:1px solid #bacbd8;border-radius:8px;padding:12px 14px;color:#0b1220;background:#fff;font-size:16px;line-height:1.5}.qr-page input:focus{outline:3px solid rgba(4,99,128,.18);border-color:#046380}.qr-page input[aria-invalid=true]{border-color:#b42318}.qr-page input[readonly]{font-size:13px;background:#f4f8fb;height:46px}.qr-page .qr-help{font-size:13px;line-height:1.75;color:#526171;margin-top:10px;margin-bottom:0}.qr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.qr-actions .theme-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:14px;line-height:1.5;min-height:48px}.qr-actions .theme-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.qr-secondary{background:#fff;border:1px solid #bacbd8;border-radius:8px;padding:12px 16px;min-height:48px;color:#15393f;font-size:14px;font-weight:600}.qr-secondary:hover{background:#eef6f7;border-color:#046380}.qr-error{color:#a32115;background:#fff1f0;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.6;margin:14px 0}.qr-privacy{display:flex;align-items:flex-start;gap:12px;padding-top:24px;margin-top:28px;border-top:1px solid #e2e8f0}.qr-privacy i{font-size:23px;color:#046380}.qr-privacy p{color:#526171;font-size:13px;line-height:1.75;margin:0}.qr-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;min-height:320px;border:1px dashed #c5d6df;border-radius:18px;background:#f8fbff;padding:24px;text-align:center}.qr-empty i{font-size:70px;color:#a8bec8}.qr-empty p{max-width:285px;font-size:14px;color:#526171;line-height:1.8;margin:0}#qr-canvas{display:block;width:min(100%,296px);height:auto;margin:0 auto 25px;background:#fff;image-rendering:pixelated}.qr-status{font-size:14px;color:#0b615b;line-height:1.7;margin:18px 0 0;min-height:24px}.qr-bottom-note{max-width:760px;margin:40px auto 0;text-align:center}.qr-bottom-note h2{font-size:23px;font-weight:700;line-height:1.4;color:#0b1220}.qr-bottom-note p{color:#526171;font-size:14px;line-height:1.8;margin-top:15px}.qr-bottom-note>a{display:inline-flex;align-items:center;gap:10px;color:#046380;font-size:14px;font-weight:600;padding:10px 0}
.qr-page .hosting-box-items .qr-actions .theme-btn{padding:12px 20px!important}
@media(max-width:575px){.qr-form-card,.qr-result-card{padding:23px}.qr-actions{align-items:stretch}.qr-actions .theme-btn,.qr-actions .qr-secondary{flex:1 1 100%;width:100%}.qr-heading{margin-bottom:28px}.qr-empty{min-height:250px}.qr-breadcrumb{font-size:12px;flex-wrap:wrap}.qr-bottom-note{text-align:left}}