main.hub-login>section{width:min(100%,544px);padding:48px}main.hub-login .hub-login-brand{margin-bottom:40px}main.hub-login h1{letter-spacing:-.035em;font-size:clamp(30px,3vw,40px);line-height:1.2}main.hub-login section>p{max-width:42ch;margin-top:20px;line-height:1.7}main.hub-login .hub-login-modes{border:1px solid var(--hub-border);border-radius:12px;gap:4px;padding:4px}main.hub-login .hub-login-modes button{min-height:44px}main.hub-login form{gap:20px}main.hub-login :is(input,button){min-height:44px}main.hub-login input{caret-color:var(--theme-link,#27788a)}main.hub-invitation{padding:clamp(24px,4vw,48px)}main.hub-invitation .hub-invitation-card{max-width:480px;padding:36px;box-shadow:0 16px 48px -32px #202a2c33}.hub-invitation-card h1{letter-spacing:-.03em;font-size:28px;line-height:1.25}.hub-invitation-card :is(input,button,a){min-height:44px}.hub-invitation-card :is(input,button,a),.fn-public :is(button,a){transition:background-color var(--hub-motion-feedback,.28s), border-color var(--hub-motion-feedback,.28s), color var(--hub-motion-feedback,.28s)}.fn-public .fn-public-header{gap:24px;padding:20px 28px}.fn-public .fn-public-heading{border-left:1px solid var(--fp-line);padding-left:24px}.fn-public .fn-public-heading h1{letter-spacing:-.02em;line-height:1.35}.fn-public .fn-public-details{padding:24px}.fn-public .fn-public-gate-content{border-top:1px solid var(--fp-line);max-width:440px;padding-block:28px}@media (max-width:640px){main.hub-login>section{padding:28px 24px}main.hub-login .hub-login-brand{margin-bottom:32px}main.hub-invitation .hub-invitation-card{padding:24px}.fn-public .fn-public-header{gap:16px;padding:20px 16px}.fn-public .fn-public-heading{padding-left:16px}.fn-public .fn-public-details{padding:20px 16px max(24px, env(safe-area-inset-bottom))}}
:root{--hub-motion-feedback:.28s;--hub-motion-state:.42s;--hub-motion-overlay:.52s;--hub-motion-layout:.68s;--hub-motion-exit:.34s;--hub-motion-ease:cubic-bezier(.16, 1, .3, 1)}:is(.studio-select-menu,.studio-command,.im-notification-panel.studio-notifications,.hub-more-dialog)[data-state=open],.studio-select-menu:not([data-state]){animation:hub-layer-arrive var(--hub-motion-overlay) var(--hub-motion-ease) both}:is(.studio-select-menu,.studio-command,.im-notification-panel.studio-notifications,.hub-more-dialog)[data-state=closed]{animation:hub-layer-leave var(--hub-motion-exit) ease-in both;pointer-events:none}.studio-layer-backdrop[data-state=open]{animation:hub-shade-arrive var(--hub-motion-state) ease-out both}.studio-layer-backdrop[data-state=closed]{animation:hub-layer-leave var(--hub-motion-exit) ease-in both}.hub-shell details[open]>:not(summary){animation:hub-content-arrive var(--hub-motion-state) var(--hub-motion-ease) both}@keyframes hub-layer-arrive{0%{opacity:.3;clip-path:inset(0 0 4% round 12px)}to{opacity:1;clip-path:inset(0 round 12px)}}@keyframes hub-layer-leave{0%{opacity:1}to{opacity:0}}@keyframes hub-shade-arrive{0%{opacity:0}to{opacity:1}}@keyframes hub-content-arrive{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){:root{--hub-motion-feedback:0s;--hub-motion-state:0s;--hub-motion-overlay:0s;--hub-motion-layout:0s;--hub-motion-exit:0s}:is(.studio-select-menu,.studio-command,.im-notification-panel.studio-notifications,.hub-more-dialog)[data-state],.studio-select-menu:not([data-state]),.studio-layer-backdrop[data-state],.hub-shell details[open]>:not(summary){animation:none}}