html,body,#app,.svip-login-host{width:100%;height:100%;margin:0}
.svip-login-host{position:relative;overflow:hidden;background:#fff}
.svip-site-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.svip-auth-layer{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:flex-end;visibility:hidden;padding:22px max(6vw,56px) 22px 22px;background:rgba(9,44,65,.08);opacity:0;backdrop-filter:blur(0) saturate(1);transition:opacity .28s,visibility .28s,backdrop-filter .35s}
.svip-auth-layer.is-open{visibility:visible;opacity:1;backdrop-filter:blur(4px) saturate(1.08)}
.svip-auth-layer .login-wrap{position:relative;width:min(470px,100%);height:auto!important;min-height:0!important;background:transparent!important;background-image:none!important}
.svip-auth-layer .login-layout{display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
html body .svip-auth-layer .login-light.login-wrap{min-height:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important}
html body .svip-auth-layer .login-light .login-layout{min-height:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}
.svip-auth-layer .login-intro{display:none!important}
.svip-auth-layer .login-panel{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;transform:translateY(24px) scale(.97);transition:transform .38s cubic-bezier(.2,.8,.2,1);backdrop-filter:none!important}
.svip-auth-layer .login-panel:before,.svip-auth-layer .login-panel:after{display:none!important}
.svip-auth-layer.is-open .login-panel{transform:none}
.svip-auth-layer .login-panel-top{position:absolute!important;z-index:3;top:24px;right:24px;left:28px;padding-right:50px!important;color:#627d87!important}
.svip-auth-layer .login-card{width:100%!important;margin:0!important;padding:76px 30px 30px!important;border:1px solid rgba(255,255,255,.66)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(239,250,255,.34) 52%,rgba(255,235,246,.30))!important;box-shadow:0 30px 90px rgba(9,55,83,.20),inset 0 1px 0 rgba(255,255,255,.86)!important;backdrop-filter:blur(15px) saturate(1.16)}
.svip-auth-layer .form-item input{border-color:rgba(105,153,171,.28)!important;background:rgba(255,255,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}.svip-auth-layer .form-item input:focus{border-color:rgba(47,155,201,.5)!important;background:rgba(255,255,255,.64)!important;box-shadow:0 0 0 4px rgba(63,174,220,.11)!important}.svip-auth-layer .login-tabs{background:linear-gradient(90deg,rgba(207,238,251,.42),rgba(252,222,237,.42))!important}.svip-auth-layer .login-tabs button{color:#738d96!important}.svip-auth-layer .login-tabs button.active{color:#385c69!important;background:rgba(255,255,255,.72)!important;box-shadow:0 5px 16px rgba(45,116,147,.08)!important}
.svip-auth-layer .login-submit{height:52px!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:999px!important;background:linear-gradient(105deg,rgba(79,176,215,.58),rgba(225,147,189,.55))!important;color:#fff!important;box-shadow:0 12px 28px rgba(73,145,177,.18)!important}.svip-auth-layer .login-submit.is-ready:not(:disabled){background:linear-gradient(105deg,#55b6dd,#e79bc1)!important;box-shadow:0 14px 30px rgba(72,149,184,.28)!important}
.svip-auth-close{position:absolute;z-index:3;top:17px;right:17px;display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:rgba(232,234,232,.58);color:#111;font-size:25px;line-height:1;cursor:pointer;backdrop-filter:blur(12px);transition:.2s}.svip-auth-close:hover{background:#111;color:#fff;transform:rotate(5deg)}
.svip-auth-layer .login-panel-footer{padding:13px 3px 0!important;color:rgba(255,255,255,.92)!important;text-shadow:0 1px 8px rgba(15,73,104,.34)}.svip-auth-layer .login-icp{display:none!important}
@media(max-width:600px){.svip-auth-layer{padding:12px;background:rgba(9,44,65,.045)}.svip-auth-layer.is-open{backdrop-filter:blur(2px) saturate(1.04)}.svip-auth-layer .login-panel-top{top:20px;right:18px;left:22px}.svip-auth-layer .login-card{padding:68px 21px 24px!important;border-radius:23px!important;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(236,249,255,.28) 52%,rgba(255,232,245,.26))!important;backdrop-filter:blur(11px) saturate(1.12)}.svip-auth-close{top:12px;right:12px;width:38px;height:38px}.svip-auth-layer .login-logo h2{font-size:27px!important}.svip-auth-layer .login-panel-footer{padding-top:10px!important}}

/* Win against the original light-login theme's high-specificity !important rules. */
html body .svip-auth-layer .login-light .login-panel{height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
html body .svip-auth-layer .login-light .login-card{margin:0!important;padding:76px 30px 30px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(239,250,255,.58) 52%,rgba(255,235,246,.54))!important;box-shadow:0 30px 90px rgba(9,55,83,.22),inset 0 1px 0 rgba(255,255,255,.92)!important;backdrop-filter:blur(18px) saturate(1.12)}
html body .svip-auth-layer .login-light .login-logo h2{color:#153642!important;text-shadow:0 1px 0 rgba(255,255,255,.72)}
html body .svip-auth-layer .login-light .login-logo p,html body .svip-auth-layer .login-light .login-welcome,html body .svip-auth-layer .login-light .form-item label{color:#536f79!important}
html body .svip-auth-layer .login-light .login-panel-top{color:#4d6c77!important}
html body .svip-auth-layer .login-light .login-card .form-item input{color:#183f49!important;background:rgba(255,255,255,.78)!important;border-color:rgba(82,139,159,.34)!important}
html body .svip-auth-layer .login-light .login-card .form-item input::placeholder{color:#829aa2!important}
html body .svip-auth-layer .login-light .svip-auth-close{top:14px!important;right:14px!important}
html body .svip-auth-layer .login-light .login-card{width:100%!important;max-width:none!important}
html body .svip-auth-layer .login-light .login-panel-footer{display:none!important}
html body .svip-auth-layer .login-light .login-panel .login-card .login-submit{border-color:rgba(255,255,255,.45)!important;background:linear-gradient(105deg,rgba(79,176,215,.58),rgba(225,147,189,.55))!important;box-shadow:0 12px 28px rgba(73,145,177,.18)!important}
html body .svip-auth-layer .login-light .login-panel .login-card .login-submit.is-ready:not(:disabled){background:linear-gradient(105deg,#55b6dd,#e79bc1)!important;box-shadow:0 14px 30px rgba(72,149,184,.28)!important}
@media(max-width:600px){.svip-auth-layer{justify-content:center;padding:12px!important}.svip-auth-layer .login-wrap{width:calc(100% - 8px)!important;max-width:420px}.svip-auth-layer .login-panel-top{right:20px;left:22px;padding-right:46px!important}html body .svip-auth-layer .login-light .login-card{width:100%!important;max-width:none!important;padding:68px 21px 24px!important;border-radius:23px!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(236,249,255,.54) 52%,rgba(255,232,245,.50))!important;backdrop-filter:blur(14px) saturate(1.08)}html body .svip-auth-layer .login-light .svip-auth-close{top:14px!important;right:14px!important;width:36px!important;height:36px!important;font-size:22px!important}}
