.modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:550px;max-height:90vh;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{cursor:pointer;color:#666;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:#1a1a1a;background:#f3f4f6}.modal-header{border-bottom:1px solid #e5e7eb;padding:40px 40px 24px}.modal-title{color:#1a1a1a;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.2}.modal-subtitle{color:#666;margin:0;font-size:16px;line-height:1.5}.modal-form{padding:32px 40px 40px}.form-group{margin-bottom:24px}.form-label{color:#1a1a1a;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.required{color:#ef4444}.form-input{border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:#9ca3af}.phone-input-group{gap:12px;display:flex}.country-code-select{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:180px;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.country-code-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.phone-input{flex:1}.form-select{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;min-height:100px;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-textarea::placeholder{color:#9ca3af}.submit-button{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.submit-button:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 8px 16px #25d3664d}.submit-button:active{transform:translateY(0)}@media (max-width:768px){.modal-content{border-radius:16px 16px 0 0;max-width:100%;max-height:95vh;margin:0}.modal-header{padding:32px 24px 20px}.modal-title{font-size:24px}.modal-subtitle{font-size:14px}.modal-form{padding:24px 24px 32px}.modal-close{top:16px;right:16px}.phone-input-group{flex-direction:column;gap:12px}.country-code-select{width:100%}}