.modal,.modal.active .modal-content:after{width:100%}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;z-index:1000}.modal.active{display:flex;opacity:1;visibility:visible}.modal.closing{opacity:0;visibility:hidden}.modal-content{backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:transparent;border:1px solid hsla(0,0%,100%,.5);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.2);max-width:500px;opacity:0;overflow:hidden;position:relative;transform:translateY(-50px) scale(.9);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;width:100%}.modal-close,.modal-header{backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.9);display:flex}.modal-content:after{background:linear-gradient(90deg,#007bff,#00b894);bottom:0;content:"";height:3px;left:0;position:absolute;transition:width 3s linear;width:0}.modal-close,.modal-close:hover,.modal-footer,.modal-header{background:transparent}.modal.active .modal-content{opacity:1;transform:translateY(0) scale(1)}.modal.closing .modal-content{opacity:0;transform:translateY(30px) scale(.95)}.modal-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.3);border-radius:20px 20px 0 0;justify-content:space-between;opacity:0;padding:20px 30px;transform:translateY(-10px);transition:transform .4s .1s,opacity .3s .1s}.btn-primary,.btn-secondary,.form-group,.modal-body,.modal-footer{opacity:0;transform:translateY(10px)}.modal.active .form-group,.modal.active .modal-body,.modal.active .modal-footer,.modal.active .modal-header,.modal.active .user-center-modal .user-center-menu,.modal.active .user-center-modal .user-profile{opacity:1;transform:translateY(0)}.modal-header h3{font-size:1.5em;font-weight:600}.modal-close{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:50%;cursor:pointer;font-size:1.5em;height:40px;justify-content:center;transition:.3s;width:40px}.form-control,.modal-footer{backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.3)}.modal-close:hover{border-color:hsla(0,0%,100%,.5);transform:rotate(90deg)}.modal-body{padding:30px;transition:transform .4s .2s,opacity .3s .2s}.form-group{margin-bottom:20px;transition:transform .4s .25s,opacity .3s .25s}.form-group:nth-child(2){transition-delay:.3s}.form-group:nth-child(3),.modal.active .user-center-item:first-child{transition-delay:.35s}.modal-footer{-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:0 0 20px 20px;border-top:1px solid hsla(0,0%,100%,.3);display:flex;gap:10px;justify-content:flex-end;padding:20px 30px;transition:transform .4s .3s,opacity .3s .3s}.btn-primary,.btn-secondary,.form-control{background:transparent;color:hsla(0,0%,100%,.9);font-size:1em;transition:.3s}.form-group label{color:hsla(0,0%,100%,.9);display:block;font-weight:500;margin-bottom:8px}.form-control{-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:8px;padding:12px 15px;width:100%}.form-control:focus{background:transparent;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 3px hsla(0,0%,100%,.1);outline:0}.btn-primary,.btn-secondary{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;font-weight:500;margin-top:10px;padding:12px 30px}.modal.active .btn-primary,.modal.active .btn-secondary{opacity:1;transform:translateY(0);transition:transform .4s .4s,opacity .3s .4s}.btn-primary:hover,.btn-secondary:hover{background:transparent;border-color:hsla(0,0%,100%,.5);box-shadow:0 8px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:translateY(0)}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{background:transparent;border-color:hsla(0,0%,100%,.3);box-shadow:none;transform:translateY(0)}.user-center-modal .user-profile{opacity:0;transform:translateY(10px);transition:transform .4s .2s,opacity .3s .2s}.user-center-modal .user-center-menu{opacity:0;transform:translateY(10px);transition:transform .4s .3s,opacity .3s .3s}.user-center-item{opacity:0;transform:translateX(-10px);transition:transform .3s,opacity .3s}.modal.active .user-center-item{opacity:1;transform:translateX(0)}.modal.active .user-center-item:nth-child(2){transition-delay:.4s}.modal.active .user-center-item:nth-child(3){transition-delay:.45s}