@font-face{font-family:LoginGeologica;src:url('fonts/geologica/Geologica-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
body.wecrm-login{min-width:0!important;margin:0;background:#eef4ff;color:#27344e;font-family:LoginGeologica,system-ui,sans-serif}
body.wecrm-login .app-container,body.wecrm-login .app-main,body.wecrm-login .app-main__outer,body.wecrm-login .app-main__inner{padding:0!important;margin:0!important;min-width:0;width:100%;background:transparent}
body.wecrm-login .app-main{display:block!important}
.login-modern{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;background:#eef4ff;padding:24px 32px;display:flex;flex-direction:column;font:14px/1.5 LoginGeologica,system-ui,sans-serif;color:#27344e}
.login-modern *{box-sizing:border-box}
.login-aurora{position:absolute;inset:-30%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 25% 30%,#8ecaff99,transparent 40%),radial-gradient(ellipse at 75% 55%,#baa3f699,transparent 42%),radial-gradient(ellipse at 50% 80%,#a3e7dc66,transparent 40%);animation:login-drift 8s ease-in-out infinite alternate}
.login-orbit{position:absolute;width:760px;height:460px;left:50%;top:44%;border:1px solid #ffffffb3;border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg);pointer-events:none;z-index:-1;animation:login-orbit 10s ease-in-out infinite alternate;box-shadow:0 0 0 35px #ffffff15,0 0 0 100px #ffffff12}
.login-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.login-logo{font-size:25px;font-weight:500;letter-spacing:-1px;color:#377ae6;text-decoration:none}
.login-logo:hover{color:#377ae6;text-decoration:none}
.login-modern .login-motion{border:1px solid #ffffffbb;background:#ffffff77;color:#657690;padding:7px 9px;border-radius:7px;font:inherit;font-size:11px;cursor:pointer;min-height:36px}
.login-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:36px 0;gap:16px}
.login-form{width:100%;max-width:380px;background:#ffffffed;border:1px solid #fff;border-radius:20px;padding:28px;box-shadow:inset 0 1px 0 #fff,0 20px 65px #29447115;margin:0}
.login-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(130deg,#dbeaff,#e8dfff);display:grid;place-items:center;color:#547bc5;font-size:23px;font-weight:500;margin-bottom:15px;box-shadow:inset 0 1px 0 #fff}
.login-form h1{font-size:26px;font-weight:500;letter-spacing:-.5px;line-height:1.3;margin:0 0 8px;color:#27344e}
.login-subtitle{font-size:13px;color:#76849c;margin:0 0 23px}
.login-field{position:relative;margin-bottom:15px}
.login-field label{font-size:12px;color:#657690;display:block;margin:0 0 6px}
.login-modern .login-field input{display:block;width:100%;height:auto;min-height:46px;min-width:0;font:inherit;font-size:15px;color:#27344e;border:1px solid #dbe5f5;border-radius:9px;background:#fafcff;padding:11px 12px;margin:0;text-align:left;box-shadow:none;transition:border-color 200ms,box-shadow 200ms}
.login-modern .login-field input:focus{outline:2px solid #377ae6;outline-offset:2px;background:#fff;border-color:#dbe5f5}
.login-modern .login-password-field input{padding-right:48px}
.login-modern .login-eye{position:absolute;right:2px;bottom:2px;width:42px;height:42px;border:0;background:transparent;color:#76849c;display:grid;place-items:center;border-radius:7px;padding:0;cursor:pointer}
.login-modern .login-submit{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:47px;background:linear-gradient(110deg,#347fea,#5d76e4 60%,#8067d9);color:#fff;border:0;border-radius:9px;font:inherit;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 0;padding:10px 14px;box-shadow:inset 0 1px 0 #ffffff44,0 5px 15px #426ed62a;cursor:pointer}
.login-submit::before{content:'';position:absolute;inset:-60% -40%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff55 50%,transparent 70%);transform:translateX(-90%) rotate(-15deg);transition:transform 800ms ease}
.login-submit:hover::before,.login-submit:focus-visible::before{transform:translateX(90%) rotate(-15deg)}
.login-register{display:block;text-align:center;color:#377ae6;font-size:13px;padding:12px 0 0}
.login-caption{font-size:12px;color:#657690;text-align:center;margin:0;max-width:380px}
.login-footer{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:11px}
.login-footer a{color:#657690;padding:6px;text-decoration:none}
.login-alert{padding:10px 12px;border-radius:8px;margin:0 0 15px;font-size:13px;overflow-wrap:anywhere}
.login-alert ul{padding:0;margin:0;list-style:none}
.login-error{background:#fff0f1;color:#a44756}
.login-success{background:#eaf7ef;color:#24764f}
.login-modern.login-paused .login-aurora,.login-modern.login-paused .login-orbit{animation-play-state:paused}
@keyframes login-drift{from{transform:translate(-12%,-10%) rotate(-18deg) scale(.88)}to{transform:translate(13%,11%) rotate(22deg) scale(1.16)}}
@keyframes login-orbit{from{transform:translate(-57%,-55%) rotate(-28deg) scale(.88)}to{transform:translate(-43%,-42%) rotate(16deg) scale(1.14)}}
@media(max-width:450px){.login-modern{padding:16px}.login-form{padding:23px;border-radius:17px}.login-center{padding:25px 0}.login-form h1{font-size:25px}.login-modern .login-field input{font-size:16px}}
@media(pointer:coarse){.login-modern .login-motion{min-height:44px}.login-modern .login-eye{min-height:44px}}
@media(prefers-reduced-motion:reduce){.login-aurora,.login-orbit{animation:none}.login-submit::before,.login-modern .login-field input{transition:none}.login-modern .login-motion{display:inline-flex}}

.register-modern .login-form{max-width:410px}
.register-modern .login-form h1{font-size:24px}
.register-modern .login-subtitle{margin-bottom:18px}
.register-modern .login-field{margin-bottom:12px}
.register-domain{display:flex;align-items:center;border:1px solid #dbe5f5;background:#fafcff;border-radius:9px;min-width:0}
.login-modern .register-domain input{border:0;background:transparent;flex:1;min-width:0;width:0}
.register-domain>span{font-size:12px;color:#76849c;padding:0 10px 0 0;overflow-wrap:anywhere;max-width:50%}
.register-modern .reg-loader,.register-modern .verify-sms{display:none}
.register-modern .reg-loader{text-align:center;color:#377ae6;padding:25px 0}
.register-code{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.login-modern .register-code input{flex:1;min-width:100px;width:0}
.register-modern .reg-sms-confirm{display:inline-flex;justify-content:center;align-items:center;min-height:46px;background:linear-gradient(110deg,#347fea,#5d76e4);color:#fff;border-radius:8px;padding:9px;font-size:12px;text-decoration:none}
.register-modern .code-info{font-size:12px;color:#76849c;line-height:1.5;margin:8px 0}
.register-modern .recaptcha-block{margin-top:15px;min-height:78px}
.login-modern .login-field input:disabled{background:#edf1f7;color:#76849c;opacity:1}
@media(max-width:380px){.register-modern .login-form{padding:16px}.register-modern .recaptcha-block{transform:scale(.82);transform-origin:left top;width:304px;min-height:66px;margin-bottom:-8px}}

.login-register strong{font-weight:500}
.login-modern.login-motion-enabled .login-aurora{animation:login-drift 8s ease-in-out infinite alternate}
.login-modern.login-motion-enabled .login-orbit{animation:login-orbit 10s ease-in-out infinite alternate}

.login-orbit::after{content:'';position:absolute;inset:35px -50px;border:2px solid #ffffffa6;border-radius:50%;transform:rotate(32deg);animation:login-inner-orbit 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes login-inner-orbit{from{transform:rotate(15deg) scale(.9)}to{transform:rotate(65deg) scale(1.12)}}
.login-modern.login-paused .login-orbit::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.login-orbit::after{animation:none}}
.login-modern.login-motion-enabled .login-orbit::after{animation:login-inner-orbit 7s ease-in-out infinite alternate}
.login-modern.login-paused.login-motion-enabled .login-orbit::after{animation-play-state:paused}