.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:32px;width:100%;max-width:450px;max-height:90vh;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000026}.modal-content::-webkit-scrollbar{display:none}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content .close-button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.modal-content .close-button:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:35px}.modal-header .icon-circle{color:#6e5ea5;background:#f5f3ff;border-radius:24px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex;box-shadow:0 10px 15px -3px #6e5ea51a}.modal-header h3{color:#0f172a;letter-spacing:-.02em;margin-bottom:8px;font-size:1.6rem;font-weight:800}.modal-header p{color:#64748b;font-size:.95rem;line-height:1.5}.modal-form{flex-direction:column;gap:24px;display:flex}.modal-form .form-group{flex-direction:column;gap:10px;display:flex}.modal-form label{color:#334155;text-transform:uppercase;letter-spacing:.05em;padding-left:4px;font-size:.85rem;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:#94a3b8;transition:color .2s;position:absolute;left:16px}.modal-form input{color:#1e293b;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;width:100%;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);padding:14px 16px 14px 52px!important}.modal-form input:focus{background:#fff;border-color:#6e5ea5;outline:none;box-shadow:0 0 0 4px #6e5ea51a}.modal-form input:focus+.input-icon{color:#6e5ea5}.modal-form .disabled-input{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#f1f5f9}.modal-form .submit-button{color:#fff;cursor:pointer;background:#6e5ea5;border:none;border-radius:16px;margin-top:10px;padding:16px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 6px -1px #6e5ea533}.modal-form .submit-button:hover{background:#5b4d8d;transform:translateY(-2px);box-shadow:0 10px 15px -3px #6e5ea54d}.modal-form .submit-button:active{transform:translateY(0)}.modal-form .submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.modal-loading{color:#64748b;flex-direction:column;align-items:center;gap:15px;padding:40px 0;display:flex}.modal-success{text-align:center;padding:40px 0;animation:.5s cubic-bezier(.175,.885,.32,1.275) successPop}@keyframes successPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modal-success h4{color:#0f172a;margin:20px 0 10px;font-size:1.4rem;font-weight:800}.modal-success p{color:#64748b}.form-error{color:#dc2626;background:#fef2f2;border-left:4px solid #dc2626;border-radius:12px;margin-bottom:5px;padding:12px 16px;font-size:.9rem}.profile-modal{max-width:420px}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}