.qr-code-container{margin-top:140px;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px; font:16px montserrat;}
.qr-code-panel{background:#fff;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.08);max-width:600px;width:100%;padding:30px}
.qr-code-panel h1{text-align:center;font-size:24px;color:#0071bc;margin-bottom:20px}
.qr-code-form .form-group{margin-bottom:20px;display:flex;flex-direction:column}
.qr-code-form label{font-weight:600;margin-bottom:8px;color:#444}
.qr-code-form input,
.qr-code-form select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}
.btn-primary{display:inline-block;background:#0071bc;color:#fff;font-weight:600;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:background .3s ease;margin-top:10px}
.btn-primary:hover{background:#005c99}.qr-result{text-align:center;margin-top:30px}
.qr-result p{font-weight:600;margin-bottom:15px}
.qr-code-result-js{display:inline-block;padding:10px;border-radius:10px;border:1px solid #ccc; position: relative; overflow: hidden;}
.qr-code-result-js .blur {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); border-radius: 10px; }
.qr-code-result-js .unblur {top: 200%; transition: 1s ease;}
.qr-code-preview-js{display:inline-block;padding:10px;background:#fff;border-radius:10px;border:1px solid #ccc;margin-top:15px}
.qr-download-js {display: flex; cursor: pointer; justify-content: center; align-items: center; height: 40px; margin: 15px auto 0; width: 50%; background: #0071bc; transition: .3s ease; position: relative; color: #fff; font: 700 16px montserrat;}
.qr-download-js p {margin: 0; position: relative; z-index: 2;}
.qr-download-js::after {width: 0; height: 100%; background: #000; content: ''; position: absolute; left: 0; top: 0; transition: .3s ease;}
.qr-download-js:hover::after {width: 100%;} 

.popup-form{display:block;position:fixed;top:0;left:-200%;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999; font: 16px montserrat; transition: .5s ease;}
.popup-form .popup-message {margin: 20px 0;}
.popup-form .popup-form-content{position:relative;width: 600px;box-sizing: border-box;  max-width:90%;padding:30px;background:#fff;border-radius:10px; transform: translate(-50%, -50%); top: 50%; left: 50%;}
.popup-form .popup-form-content h2{font-size:24px;color:#0071bc;margin-bottom:20px; text-align: center;}
.popup-form .popup-form-content .form-group{margin-bottom:20px;display:flex;flex-direction:column}
.popup-form .popup-form-content label{font-weight:600;margin-bottom:8px;color:#444}
.popup-form .popup-form-content input,
.popup-form .popup-form-content select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}
.popup-form .popup-form-content .btn-primary{display:inline-block;background:#0071bc;color:#fff;font-weight:600;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;transition:background .3s ease;margin-top:10px}
.popup-form .popup-form-content .btn-primary:hover{background:#005c99}
.popup-form .popup-actions{display:flex;gap:10px;justify-content:center;margin-top:10px} 
.popup-form .g-recaptcha {display: flex; justify-content: center;}  
  


@media (max-width:768px){
    .qr-code-panel{padding:20px}
    .btn-primary{width:100%;text-align:center}
}