.v-modal{backdrop-filter:blur(50px) saturate(200%)!important;-webkit-backdrop-filter:blur(50px) saturate(200%)!important;background:rgba(17,25,40,.75)!important;opacity:1!important}.modern-google-auth :deep(.el-dialog){border-radius:24px;overflow:hidden;background:hsla(0,0%,100%,.85);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 25px 45px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.4);transform:translateZ(0);margin-top:15vh!important}.modern-google-auth :deep(.el-dialog__header){padding:16px;text-align:center;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.3)}.modern-google-auth :deep(.el-dialog__header) .el-dialog__title{font-size:18px;font-weight:600;background:linear-gradient(135deg,#1a5fb4,#1c71d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modern-google-auth .auth-container{padding:0;position:relative;overflow:hidden}.modern-google-auth .auth-container .auth-content{padding:24px;position:relative}.modern-google-auth .auth-container .auth-header{text-align:center;margin-bottom:24px}.modern-google-auth .auth-container .auth-header .google-logo{margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:6px}.modern-google-auth .auth-container .auth-header .google-logo img{height:20px;width:auto}.modern-google-auth .auth-container .auth-header .google-logo span{font-size:16px;color:#5f6368;font-weight:500}.modern-google-auth .auth-container .auth-header .icon-wrapper{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#3584e4,#1c71d8);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(28,113,216,.2)}.modern-google-auth .auth-container .auth-header .icon-wrapper.verify{background:linear-gradient(135deg,#e01b24,#c01c28);box-shadow:0 12px 24px rgba(224,27,36,.2)}.modern-google-auth .auth-container .auth-header .icon-wrapper i{font-size:24px;color:#fff}.modern-google-auth .auth-container .auth-header h3{font-size:20px;background:linear-gradient(135deg,#1a5fb4,#1c71d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 8px;font-weight:600}.modern-google-auth .auth-container .auth-header p{color:#5e5e5e;font-size:14px;margin:0;line-height:1.5}.modern-google-auth .auth-container .qr-wrapper{position:relative;width:160px;height:160px;margin:0 auto 24px;border-radius:0;overflow:hidden;box-shadow:0 16px 32px rgba(0,0,0,.1);transition:all .3s ease}.modern-google-auth .auth-container .qr-wrapper:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.modern-google-auth .auth-container .qr-wrapper:hover .qr-mask{opacity:1}.modern-google-auth .auth-container .qr-wrapper .qr-code{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modern-google-auth .auth-container .qr-wrapper .qr-mask{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modern-google-auth .auth-container .qr-wrapper .qr-mask i{font-size:32px;color:#fff}.modern-google-auth .auth-container .input-wrapper{margin-bottom:24px}.modern-google-auth .auth-container .input-wrapper .code-input-group{display:flex;gap:12px;justify-content:center;margin:0 auto;max-width:360px}.modern-google-auth .auth-container .input-wrapper .code-input{width:44px;height:44px;border-radius:12px;border:2px solid rgba(28,113,216,.1);background:hsla(0,0%,100%,.8);font-size:18px;font-weight:600;color:#1c71d8;text-align:center;transition:all .3s ease;outline:none;-webkit-appearance:none;-moz-appearance:textfield}.modern-google-auth .auth-container .input-wrapper .code-input::-webkit-inner-spin-button,.modern-google-auth .auth-container .input-wrapper .code-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modern-google-auth .auth-container .input-wrapper .code-input:hover{border-color:rgba(28,113,216,.3)}.modern-google-auth .auth-container .input-wrapper .code-input:focus{border-color:#1c71d8;box-shadow:0 0 0 3px rgba(28,113,216,.1);background:hsla(0,0%,100%,.95)}.modern-google-auth .auth-container .button-wrapper{display:flex;gap:12px}.modern-google-auth .auth-container .button-wrapper .el-button{flex:1;height:40px;border-radius:12px;font-size:15px;font-weight:500;transition:all .3s ease}.modern-google-auth .auth-container .button-wrapper .skip-btn{color:#5e5e5e;border:2px solid rgba(94,94,94,.1);background:transparent}.modern-google-auth .auth-container .button-wrapper .skip-btn:hover{color:#1c71d8;border-color:rgba(28,113,216,.3);background:hsla(0,0%,100%,.8);transform:none;box-shadow:none}.modern-google-auth .auth-container .button-wrapper .action-btn,.modern-google-auth .auth-container .button-wrapper .verify-btn{background:linear-gradient(135deg,#3584e4,#1c71d8);border:none;box-shadow:0 8px 16px rgba(28,113,216,.2)}.modern-google-auth .auth-container .button-wrapper .action-btn:hover,.modern-google-auth .auth-container .button-wrapper .verify-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(28,113,216,.3)}.modern-google-auth .auth-container .button-wrapper .verify-btn{background:linear-gradient(135deg,#e01b24,#c01c28);box-shadow:0 8px 16px rgba(224,27,36,.2)}.modern-google-auth .auth-container .button-wrapper .verify-btn:hover{box-shadow:0 12px 24px rgba(224,27,36,.3)}.login-page .large-header{display:flex;height:100vh;justify-content:center;align-items:center;position:relative;width:100%;background:url(https://api.paugram.com/bing) rgba(0,0,0,.5) no-repeat 50%;background-blend-mode:multiply;overflow:hidden;background-size:cover;background-position:50%;z-index:1}.login-page .login-div{position:absolute;margin-top:-40px;padding:20px 40px 10px;background-color:hsla(0,0%,100%,.648);border-radius:5px;width:auto;background:hsla(0,0%,100%,.87);box-shadow:0 0 40px 5px hsla(0,0%,100%,.2);border-radius:10px;transition:.4s;right:15%}.login-page .login-div>.logo img{height:90px}.login-page .login-div>.logo span{font-size:14px;margin-bottom:20px}.login-page .login-div>.login-from .isSave{width:100%}.login-page .login-div>.login-from .isSave .ivu-form-item-content{width:100%;display:inline-flex;flex-direction:row;justify-content:space-between}.login-page .login-div>.login-from .other-Login .ivu-form-item-content>span img{width:24px;margin-left:16px;cursor:pointer;vertical-align:middle;opacity:.7;transition:all .2s ease-in-out}.login-page .el-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-page .el-form-item{width:100%}.login-page .el-input__inner{box-shadow:inset 0 30px 60px -50px rgba(50,50,93,.02),inset 0 18px 36px -40px rgba(0,0,0,.3)}.login-page .el-input{background:#fff;box-shadow:5px 15px 20px -6px rgba(0,0,0,.1);border-radius:10px}.login-page .el-button{width:100%;box-shadow:5px 15px 30px -6px rgba(0,0,0,.4);border-radius:10px;transition:.4s}.login-page .ivu-row{justify-content:space-between}.login-page .ivu-col.ivu-col-span-13{flex:0 0 50.83333333%}.login-page .ivu-col.ivu-col-span-11{display:flex;flex:0 0 45.83333333%;max-width:45.83333333%;justify-content:space-evenly;box-shadow:5px 15px 20px -6px rgba(0,0,0,.1);border-radius:7px;overflow:hidden}.login-page .el-input__inner{outline:none;border:none}.login-page .lines{position:absolute;top:0;left:0;right:0;height:100%;margin:auto;width:90vw}.login-page .line{position:absolute;width:1px;height:100%;top:0;left:50%;background:hsla(0,0%,100%,.1);overflow:hidden}.login-page .line:after{content:"";display:block;position:absolute;height:15vh;width:100%;top:-50%;left:0;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff);-webkit-animation:drop 7s 0s infinite;animation:drop 7s 0s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.4,.26,0,.97);animation-timing-function:cubic-bezier(.4,.26,0,.97)}.login-page .line:first-child{margin-left:-25%}.login-page .line:first-child:after{-webkit-animation-delay:2s;animation-delay:2s}.login-page .line:nth-child(3){margin-left:25%}.login-page .line:nth-child(3):after{-webkit-animation-delay:2.5s;animation-delay:2.5s}@-webkit-keyframes drop{0%{top:-50%}to{top:110%}}@keyframes drop{0%{top:-50%}to{top:110%}}