.login-v4 .login-copy h1{max-width:520px}.uchat-flow{display:flex;align-items:center;gap:10px;margin-top:28px;color:#496a6d;font-size:10px;font-weight:600}.uchat-flow span{display:flex;align-items:center;gap:6px;white-space:nowrap}.uchat-flow b{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#006d77;font-size:8px}.uchat-flow i{width:20px;height:1px;background:#a9d3d1}.connection-card{position:absolute;left:clamp(42px,7vw,92px);bottom:48px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;padding:15px 18px;border:1px solid #c6e2e2;border-radius:18px;background:#ffffffcc;box-shadow:0 14px 35px #23545912;backdrop-filter:blur(8px)}.connection-people{grid-row:1/3;display:flex;align-items:center}.connection-people span{width:31px;height:31px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:#ffddd2;color:#a65e46;font-size:10px;font-weight:700}.connection-people span:last-child{margin-left:-8px;background:#83c5be;color:#064f56}.connection-people i{display:none}.connection-card>b{align-self:end;font-size:11px}.connection-card>small{color:#718a8c;font-size:8px}.login-v4 .auth-panel h2{font-size:42px}.login-v4 .auth-panel>p strong{color:#006d77}.auth-rule{display:flex;align-items:center;gap:10px;max-width:410px;margin:23px 0 12px;color:#91a1a3;font-size:9px}.auth-rule:before,.auth-rule:after{content:"";height:1px;flex:1;background:#e0ebec}.auth-note{max-width:410px!important;margin:0!important;color:#647d80!important;font-size:11px!important;text-align:center}.login-v4 .auth-panel footer{margin-top:25px}
@media(min-width:720px){body:has(.login-v4){padding:18px;overflow:hidden}.app-shell:not(.has-desktop-nav):has(.login-v4){height:calc(100dvh - 36px);min-height:560px;max-width:1040px}.app-shell:not(.has-desktop-nav) .page-surface:has(.login-v4){height:100%;overflow:hidden}.app-shell:not(.has-desktop-nav) .login-screen.login-v4{height:100%;min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr)}.login-v4 .login-visual{padding-top:82px;padding-bottom:116px}.login-v4 .login-brand{top:34px}.login-v4 .auth-panel{padding-top:44px;padding-bottom:44px}.login-v4 .chat-preview,.login-v4 .auth-icon,.login-v4 .auth-reassurance{display:none}}
@media(min-width:720px) and (max-height:700px){.login-v4 .login-copy h1{font-size:42px}.login-v4 .login-copy p{font-size:14px}.login-v4 .login-visual{padding-top:72px;padding-bottom:88px}.connection-card{bottom:28px}.login-v4 .auth-panel h2{font-size:34px}.login-v4 .auth-panel>p{margin-bottom:20px}.login-v4 .auth-rule{margin-top:16px}.login-v4 .auth-panel footer{margin-top:15px}}
@media(max-width:719px){.login-v4 .login-copy h1{max-width:310px}.login-v4 .login-visual{display:block}.login-v4 .uchat-flow,.login-v4 .connection-card{display:none}.login-v4 .auth-panel{padding-top:250px}.login-v4 .auth-panel h2{font-size:29px}.login-v4 .auth-panel>.login-kicker{display:block}.login-v4 .auth-note{font-size:10px!important}.login-v4 .auth-rule{max-width:none}.login-v4 .auth-panel footer{margin-top:18px}}