.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.modal-content{background:#fff;margin:10% auto;padding:30px;width:90%;max-width:500px;border-radius:8px;position:relative}
.close-btn{position:absolute;right:20px;top:15px;font-size:24px;cursor:pointer}
.form-group{margin-bottom:15px}
.form-group label{display:block;margin-bottom:5px;font-weight:bold}
.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}
.form-group input.error{border:2px solid #dc3545 !important;background-color:#fff8f8}
.error-message{color:#dc3545;font-size:0.85em;margin-top:5px;font-weight:500}
#submit-btn{border:none;/*background:#007bff;color:#fff;padding:12px 20px;border-radius:4px;cursor:pointer;position:relative;min-width:140px*/}
#submit-btn:disabled{background:#6c757d;cursor:not-allowed}
.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:24px}
.spin-icon{animation:rotate 2s linear infinite}
.spin-icon .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}
.done-form{text-align:center;padding:30px;color:#28a745}
@keyframes rotate{100% {transform:rotate(360deg)}}
@keyframes dash{ 
    0% {stroke-dasharray:1, 150;stroke-dashoffset:0}
    50% {stroke-dasharray:90, 150;stroke-dashoffset:-35}
    100% {stroke-dasharray:90, 150;stroke-dashoffset:-124}
}