.login-page{min-height:100svh;padding:40px 24px;display:grid;place-items:center;background:var(--canvas)}.login-content{width:min(100%,448px)}.login-brand{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:28px;font-size:21px;font-weight:650;letter-spacing:-.6px}.login-brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--white);color:var(--primary)}.login-eyebrow{display:block;margin-bottom:9px;color:var(--muted);font-size:12px;font-weight:550}.login-brand-dot{color:var(--primary)}.login-card{padding:36px;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:0 2px 4px #1d1d1f03,0 16px 48px #1d1d1f06}.login-heading{text-align:left;margin-bottom:24px}.login-heading h1{margin:0 0 8px;font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:650}.login-heading p{margin:0;color:var(--muted);font-size:13px}.login-notice{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--surface-subtle);border-radius:10px;margin-bottom:22px;color:var(--muted)}.login-notice svg{flex-shrink:0;margin-top:2px}.login-notice p{font-size:12px;line-height:1.55;margin:0}.login-google{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:46px;background:var(--white);border:1px solid var(--line-strong);border-radius:10px;font-size:13px;font-weight:550}.login-google-symbol{font-size:20px;font-weight:700;color:var(--primary)}.login-card button:disabled{opacity:1;color:var(--muted);cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted);font-size:12px}.login-divider:after,.login-divider:before{content:"";height:1px;background:var(--line);flex:1 1}.login-fields{display:grid;gap:18px}.login-fields label{display:grid;gap:8px;font-size:12px;font-weight:550}.login-fields input{min-width:0;width:100%;height:46px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-subtle);font-size:14px;color:var(--ink)}.login-fields input::placeholder{color:var(--muted);opacity:1}.login-password{display:flex;align-items:center;position:relative}.login-password input{padding-right:44px}.login-password button{position:absolute;right:4px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}.login-recover{justify-self:end;padding:0;border:0;background:transparent;font-size:12px;color:var(--primary);margin-top:-6px}.login-submit{min-height:46px;border:0;border-radius:10px;background:var(--surface-hover);color:var(--muted);font-size:13px;font-weight:600}.login-invitation{margin:24px 0 0;border-top:1px solid var(--line);padding-top:20px;text-align:center;font-size:12px;line-height:1.7}.login-invitation span{color:var(--muted)}.login-demo{margin-top:24px;text-align:center}.login-demo a{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:550;font-size:13px;border-radius:8px;padding:8px 12px;min-height:40px;transition:background-color .14s ease,color .14s ease}.login-demo a:hover{background:var(--primary-soft);color:var(--primary-hover)}.login-demo a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.login-demo p{margin:8px 0 0;color:var(--muted);font-size:12px}@media (max-width:480px){.login-page{padding:28px 16px;align-items:start}.login-card{padding:28px 24px;border-radius:20px}.login-brand{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){.login-demo a{transition:none}}.login-fields{border:0;padding:0;margin:0;min-width:0}.login-mode{display:block;width:100%;margin-top:18px;padding:8px;border:0;background:transparent;color:var(--primary);font:inherit;font-size:12px;cursor:pointer}.login-error{border-color:#916166;color:#efb5bb}.login-notice{overflow-wrap:anywhere}.login-notice button{background:transparent;color:inherit;border:0;text-decoration:underline;cursor:pointer}.login-submit:not(:disabled){background:var(--primary);color:#191623;cursor:pointer}.login-submit:not(:disabled):hover{background:var(--primary-hover)}.login-google:not(:disabled){cursor:pointer}.login-google:not(:disabled):hover{background:var(--surface-hover)}