.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal-overlay.show{opacity:1}.modal-overlay.hidden{display:none}.modal{position:relative;background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.9);transition:transform .3s ease}.modal-overlay.show .modal{transform:scale(1)}.modal.modal-sm{max-width:400px}.modal.modal-lg{max-width:700px}.modal.modal-xl{max-width:900px}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-header h2,.modal-header h3{color:#2d3748;margin:0;font-size:1.75rem}.modal-icon{font-size:3rem;margin-bottom:1rem}.modal-content{color:#718096;margin-bottom:1.5rem;line-height:1.6}.modal-content.text-center{text-align:center}.modal-footer{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.modal-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.modal-close:hover{color:#4a5568;background:#f7fafc}.modal-button{padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-button.primary{background:#4a90e2;color:#fff}.modal-button.primary:hover{background:#357bb8}.modal-button.secondary{background:#e2e8f0;color:#4a5568}.modal-button.secondary:hover{background:#cbd5e0}.modal-button.danger{background:#f56565;color:#fff}.modal-button.danger:hover{background:#e53e3e}.modal-form-group{margin-bottom:1.5rem}.modal-form-group label{display:block;font-size:.875rem;font-weight:500;color:#4a5568;margin-bottom:.5rem}.modal-form-group input,.modal-form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.modal-form-group input:focus,.modal-form-group textarea:focus{outline:0;border-color:#4a90e2}.modal-list{text-align:left;margin:1rem 0}.modal-list ul{list-style:none;padding:0}.modal-list li{padding:.5rem 0;display:flex;align-items:flex-start}.modal-list li::before{content:"✓";color:#48bb78;font-weight:700;margin-right:.5rem}.modal-centered{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-centered.hidden{display:none}.modal-centered-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.modal-centered-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:1rem;padding:2.5rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.modal.fade-in{animation:modalFadeIn .3s ease}.modal.fade-out{animation:modalFadeOut .3s ease}.modal-centered .modal-icon-large{font-size:3rem;margin-bottom:1rem;text-align:center}.modal-centered .modal-title{font-size:1.75rem;color:#2d3748;margin:0 0 1rem 0;text-align:center}.modal-centered .modal-description{color:#718096;text-align:center;margin-bottom:1.5rem;line-height:1.6}.modal-centered .modal-benefits{list-style:none;padding:0;margin:0 0 2rem 0}.modal-centered .modal-benefits li{padding:.75rem;margin-bottom:.5rem;background:#f7fafc;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;color:#4a5568}.modal-centered .modal-form{margin-bottom:1rem}.modal-centered .modal-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.modal-centered .modal-input{flex:1;padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.modal-centered .modal-input:focus{outline:0;border-color:#4a90e2;box-shadow:0 0 0 3px rgba(74,144,226,.1)}.modal-centered .modal-submit{padding:.75rem 1.5rem;background:#4a90e2;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.modal-centered .modal-submit:hover{background:#357bb8}.modal-centered .modal-privacy{text-align:center;color:#a0aec0;font-size:.875rem;margin:0}.modal-centered .modal-skip{background:0 0;border:none;color:#718096;cursor:pointer;font-size:.875rem;text-decoration:underline;display:block;margin:1rem auto 0;transition:color .2s}.modal-centered .modal-skip:hover{color:#4a5568}.modal-centered .modal-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:2rem;color:#718096;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s}.modal-centered .modal-close:hover{background:#f7fafc;color:#2d3748}@media (max-width:640px){.modal{width:95%;padding:1.5rem}.modal-header h2,.modal-header h3{font-size:1.5rem}.modal-footer{flex-direction:column}.modal-button{width:100%}}