.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(39,39,42,.8);z-index:9999;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out}.modal-overlay:not([hidden]){opacity:1;visibility:visible}.modal-content{position:relative;background:#fff;padding:3rem 4.375rem;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.15);width:90%;max-width:500px;text-align:left;-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.modal-overlay:not([hidden]) .modal-content{-webkit-transform:scale(1);transform:scale(1)}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.8rem;font-weight:300;color:#4a565f;cursor:pointer;line-height:1;padding:5px}.modal-close:hover{color:#2c2e30}.modal-body{width:100%}.modal-title{color:#284260;font-family:"Chakra Petch",sans-serif;font-size:1.5rem;font-style:normal;font-weight:600;line-height:120%;text-transform:uppercase;margin-bottom:1rem}.modal-title span{color:#2a35ff}.modal-description{color:#4a565f;font-family:"Inter",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:1.5rem}.modal-description span{font-weight:700}.modal-description br{margin:.5rem 0}.modal-image{max-width:100%;height:auto;display:block;border-radius:4px}.modal-cta-button{display:inline-block;padding:.9375rem 1.875rem;text-decoration:none;margin-bottom:20px;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;border-radius:.5164rem;background:#2a35ff;box-shadow:0 6.886px 13.6px 0 #ddf;color:#fefeff;text-align:center;font-family:"Inter",sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;width:100%;margin-top:1.5rem}.modal-cta-button:hover{background-color:#181d80}.modal-footer-text{font-size:.9rem;color:#4a565f;line-height:1.4}.modal-footer-text a{color:#007bff;text-decoration:none;font-weight:bold}.modal-footer-text a:hover{text-decoration:underline}@media (max-width:768px){.modal-content{padding:2rem}.modal-description{max-width:400px}}