.invitation-flow{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;max-width:400px;margin:0 auto;z-index:1}.parallax-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-2;pointer-events:none}.parallax-background:before{content:"";position:absolute;top:-10%;left:-10%;right:-10%;bottom:-10%;background-image:url(/images/signup-light.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;transform:translate(calc(var(--bg-x, 0)),calc(var(--bg-y, 0)));will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1);z-index:-2}.dark .parallax-background:before{background-image:url(/images/signup-dark.jpg)}.parallax-background:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(180deg,rgba(0,0,0,.1) .5px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.15) .5px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.1) .5px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.15) .5px,transparent 0);background-size:25px 25px,125px 125px,25px 25px,125px 125px;transform:translate(calc(var(--grid-x, 0)),calc(var(--grid-y, 0)));will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:-1;pointer-events:none}.invitation-card{width:100%;max-width:28rem;padding:1.5rem;background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 10px 18px 2px rgb(0 0 0/.12)}.invitation-error{margin-bottom:1rem;text-align:center}.invitation-error .error-message{padding:.75rem;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:1rem}.dark .invitation-error .error-message{color:#fca5a5}.invitation-error .error-action-button{width:100%;margin-bottom:.75rem}.invitation-error .error-helper-text{font-size:.75rem;color:hsl(var(--muted-foreground));opacity:.8}.invitation-header{margin-bottom:1.5rem;text-align:center;font-family:Rubik,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.invitation-header h1{font-size:1.5rem;font-weight:500;color:hsl(var(--foreground));margin-bottom:.5rem}.invitation-header p{font-weight:300;color:hsl(var(--muted-foreground))}.brand-header{position:fixed;top:12px;left:12px;display:flex;align-items:center;gap:.5rem;z-index:10;opacity:.94;cursor:pointer;text-decoration:none;color:inherit}.brand-icon{width:24px;height:24px}.dark .brand-icon{filter:brightness(0) invert(1)}.brand-name{font-family:Rubik,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:16px;color:hsl(var(--foreground))}.invitation-form{display:flex;flex-direction:column;gap:24px}.invitation-input{width:100%;padding:.75rem;background-color:hsl(var(--input));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);transition:border-color .2s}.invitation-input:focus{outline:none;border:1px solid hsl(var(--border))}.invitation-input:invalid{border-color:hsl(var(--border))}.invitation-button{width:100%;padding:.75rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:var(--radius);font-weight:500;transition:opacity .2s}.invitation-button:hover{opacity:.9}.invitation-button:disabled{opacity:.5;cursor:not-allowed}.invitation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:hsl(var(--muted-foreground))}.invitation-loading .animate-spin{border-color:hsl(var(--muted));border-top-color:hsl(var(--foreground))}.invitation-note{width:85%;text-align:center;font-size:.875rem;line-height:1.25rem;padding-top:16px;opacity:.54}.invitation-note a{text-decoration:underline;cursor:pointer}