.modal{display:none;position:fixed;z-index:9999;padding-top:80px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .7)}.modal-content{background-color:#fff;margin:auto;padding:30px;border:1px solid #888;width:90%;max-width:500px;border-radius:8px;position:relative;animation:fadeIn 0.3s ease-in-out}.close{color:#aaa;position:absolute;right:15px;top:10px;font-size:24px;font-weight:700;cursor:pointer}.close:hover{color:#000}.form-container input,.form-container textarea{width:100%;padding:10px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.form-container button{background-color:#0071a1;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.form-container button:hover{background-color:#005b85}.success-message,.error-message{text-align:center}.success-message h2{color:green}.error-message h2{color:red}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-left:10px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}