.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:var(--bg);padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.login-col{max-width:360px;gap:18px}.login .card,.login-col{width:100%;display:flex;flex-direction:column}.login .card{padding:26px 24px 24px;gap:14px}.login h1{margin:0}.login-hero{display:flex;flex-direction:column;gap:10px;padding:0 6px}.login-hero .lh-bub{margin:0;max-width:78%;padding:11px 16px;border-radius:20px;font-size:17px;font-weight:500;line-height:1.35}.login-hero .them{align-self:flex-start;background:var(--surface);color:var(--text);border-bottom-left-radius:6px}.login-hero .me{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:6px;display:grid;text-align:end}.login-hero .me span{grid-area:1/1;opacity:0;animation:login-hello 12.5s infinite}.login-hero .me span:nth-child(2){animation-delay:2.5s}.login-hero .me span:nth-child(3){animation-delay:5s}.login-hero .me span:nth-child(4){animation-delay:7.5s}.login-hero .me span:nth-child(5){animation-delay:10s}@keyframes login-hello{0%{opacity:0;transform:translateY(6px)}18%,3%{opacity:1;transform:none}20%,to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.login-hero .me span{animation:none}.login-hero .me span:first-child{opacity:1}}.login-brand{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-bottom:6px}.login-mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:4px;background:var(--blue);color:#fff}.login-tag{margin:0;font-size:15px;line-height:1.5;color:var(--text-2)}.login-scenes{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}.login-scenes li{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.login-scenes li svg{width:16px;height:16px}.login .err{margin:0;font-size:13px;color:var(--red);background:rgba(255,59,48,.1);border-radius:var(--r-s);padding:9px 12px}.login .t-cap{margin:4px 0 0;line-height:1.6}.login .ok{margin:0;font-size:13px;color:var(--text);line-height:1.6;background:var(--tint);border-radius:var(--r-s);padding:10px 12px}.login .gbtn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 22px;width:100%;border:1px solid #dadce0;border-radius:var(--r-m);background:#fff;color:#1f1f1f;font-size:16px;font-weight:500;text-decoration:none;transition:background .15s,box-shadow .15s}.login .gbtn:hover{background:#f7f8f8;box-shadow:0 1px 2px rgba(60,64,67,.3)}.login .gbtn:active{opacity:.8}:root[data-theme=dark] .login .gbtn{background:#131314;color:#e3e3e3;border-color:#8e918f}:root[data-theme=dark] .login .gbtn:hover{background:#1c1c1d;box-shadow:none}.login .abtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:13px 22px;width:100%;border:0;border-radius:var(--r-m);background:#000;color:#fff;font-size:16px;font-weight:500;text-decoration:none}.login .abtn:active{opacity:.8}.login .abtn:disabled{opacity:.5}:root[data-theme=dark] .login .abtn{background:#fff;color:#000}