.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center;z-index:1000}.modal-container{background:#fff;width:100%;max-width:600px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);overflow:hidden;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content{padding:20px;position:relative}.modal-content h2{font-size:24px;text-align:center;color:#333;border-bottom:1px solid #000;line-height:.1em;margin:10px 0 20px;top:10px;position:relative}.modal-content h2 span{background:#fff;padding:0 10px}.close-modal{position:absolute;top:5px;right:15px;font-size:24px;color:#aaa;cursor:pointer;transition:color .3s ease}.close-modal:hover{color:#b40303}#orderForm{margin-top:20px}.input-row{margin-bottom:15px;position:relative}.input-field{position:relative}.input-field i{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#aaa}.input-field input,.input-field textarea{width:100%;padding:10px 10px 10px 40px;border:1px solid #ccc;border-radius:8px;font-size:16px;transition:border .3s ease}.input-field input:focus,.input-field textarea:focus{border-color:#3cce96;outline:none}.input-field textarea{resize:vertical;min-height:80px}.submit-button{background:#ffc700;color:#000;width:100%;padding:8px 16px;border:none;border-radius:32px;font-size:16px;font-weight:600;margin-top:24px;cursor:pointer;transition:.3s;border:2px solid transparent}.submit-button:hover{background:#ffd333;transition:.3s;border:2px solid #000}::placeholder{color:#bbb;opacity:1}