@scope([data-view=invite-landing])to ([data-view]){.invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(2 * var(--leading)) var(--edge)}.invite-container{width:100%;max-width:440px}.icon-container{display:flex;margin-bottom:var(--leading)}.success-icon{color:var(--color-brand)}.error-icon{color:var(--color-error)}h1{font-size:2rem;line-height:1.15;font-weight:400;margin:0;color:var(--text)}.subtitle{color:var(--text-muted);margin:var(--half) 0 0;font-size:var(--text-sm)}.org-name{font-size:1.5rem;line-height:var(--leading);color:var(--color-brand-hover);margin:calc(var(--half) / 2) 0 0;font-weight:400}.rule{margin:var(--leading) 0}.auth-prompt{color:var(--text-muted);margin:0 0 var(--leading);font-size:var(--text-sm);max-width:var(--measure)}.auth-buttons{display:flex;gap:var(--half)}.auth-buttons .btn{flex:1}.loading{display:flex;align-items:center;gap:var(--half);color:var(--text-muted)}.loading p{margin:0;font-size:var(--text-sm)}.error-text{color:var(--text-muted);margin:0 0 var(--leading);font-size:.97rem;line-height:var(--leading);max-width:var(--measure)}@media(max-width:560px){.auth-buttons{flex-direction:column}}}