.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--color-surface)}.auth-main{padding:30px 43px;display:flex;flex-direction:column;min-height:100vh}.auth-top{display:flex;justify-content:space-between;align-items:center}.auth-form{width:100%;max-width:360px;margin:auto;padding:60px 0}.auth-form h1{font-size:var(--text-title);letter-spacing:-.01em;font-weight:var(--weight-title)}.auth-form>p.muted{margin:10px 0 29px;font-size:var(--text-body)}.auth-form .form-actions{border:0;margin:0;padding-top:2px}.auth-form .form-actions button{width:100%;min-height:42px}.auth-other{font-size:var(--text-secondary);color:var(--muted);text-align:center;margin-top:23px}.auth-other a{color:var(--accent);font-weight:var(--weight-medium)}.auth-bottom{display:flex;justify-content:space-between;font-size:var(--text-caption);color:var(--color-text-muted)}.auth-story{background:var(--color-info-subtle);display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden;border-left:1px solid var(--color-border)}.story-content{width:100%;max-width:445px}.story-content>.eyebrow{color:var(--color-text-muted);font-size:var(--text-caption);letter-spacing:.14em;margin-bottom:19px}.story-content>h2{font-size:var(--text-heading);line-height:1.13;font-weight:var(--weight-heading);letter-spacing:-.01em;white-space:pre-line;color:var(--color-text)}.story-content>p:not(.eyebrow){font-size:var(--text-heading);line-height:1.85;color:var(--color-text-muted);margin-top:23px;max-width:365px}@media(max-width:1150px){.auth-story{padding:40px}.story-content>h2{font-size:var(--text-heading);letter-spacing:-.01em;font-weight:var(--weight-heading)}}@media(max-width:900px){.story-content>h2{font-size:var(--text-heading);letter-spacing:-.01em;font-weight:var(--weight-heading)}.auth-main{padding:25px}.auth-story{padding:30px}}@media(max-width:700px){.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-main{padding:25px;min-height:100dvh}.auth-form{padding:45px 0}.auth-bottom{font-size:var(--text-caption)}}.auth-form .signin-challenge h1{margin-block:0 var(--space-2)}.signin-code-intro{margin:0;color:var(--color-text-secondary);font-size:var(--text-body);line-height:1.6}.signin-code-intro strong{overflow-wrap:anywhere}button.signin-inline-action{position:relative;display:inline;min-height:0;padding:0;vertical-align:baseline}.signin-inline-action:after{content:"";position:absolute;inset-inline:0;inset-block-start:50%;min-height:var(--touch-target);transform:translateY(-50%)}.signin-challenge>.ui-notice{margin-block:var(--space-4) 0}.auth-form .signin-challenge .signin-code-form{margin-block-start:var(--space-6);gap:var(--space-4)}.auth-page .auth-form .signin-code-form .form-actions{margin:0;padding:0}.code-field-control{position:relative;isolation:isolate}.code-field-control>input{position:absolute;inset:0;z-index:1;inline-size:100%;block-size:100%;min-inline-size:0;padding:0;border:0;background:transparent;color:transparent;caret-color:transparent;-webkit-text-fill-color:transparent;font-size:var(--text-body)}:root .code-field-control>input:focus{border:0;outline:none}.code-field-control>input::selection{background:transparent}.code-field-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);direction:ltr}.code-field-cell{display:grid;place-items:center;position:relative;height:56px;border:1px solid var(--control-border);border-radius:var(--radius-control);background:var(--color-field);color:var(--color-text);font-size:var(--text-title);font-weight:var(--weight-title);font-variant-numeric:tabular-nums}.code-field-control[data-invalid=true] .code-field-cell{border-color:var(--color-danger)}.code-field-control[data-disabled=true] .code-field-cell{background:var(--color-surface-muted);color:var(--color-text-secondary)}.code-field-control:has(input:focus) .code-field-cell[data-active=true]{outline:2px solid var(--focus-color);outline-offset:0}.code-field-control:has(input:focus):has(input:valid) .code-field-cells{outline:2px solid var(--focus-color);outline-offset:2px}.code-field-control:has(input:focus) .code-field-cell[data-active=true]:after{content:"";inline-size:2px;block-size:var(--space-6);background:var(--focus-color);animation:code-caret calc(var(--motion-progress) * 1.2) step-end infinite}.signin-code-feedback{display:flex;align-items:baseline;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--text-body);line-height:1.4}.signin-code-feedback>svg{flex:0 0 auto;align-self:flex-start;margin-block-start:var(--space-1)}.signin-code-help{display:grid;gap:var(--space-2);margin-block-start:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-secondary);line-height:1.6}.signin-code-help p{margin:0}.signin-code-help [role=timer]{color:var(--color-text-muted)}.signin-resend-spinner{display:inline-block;vertical-align:middle;margin-inline-end:var(--space-1);animation:code-spin var(--motion-progress) linear infinite}@keyframes code-caret{50%{opacity:0}}@keyframes code-spin{to{transform:rotate(360deg)}}@media(max-width:360px){.code-field-cell{height:52px}}@media(prefers-reduced-motion:reduce){.code-field-control:has(input:focus) .code-field-cell[data-active=true]:after{display:none;animation:none}.signin-resend-spinner{animation:none}}@media(forced-colors:active){.code-field-cell{border-color:ButtonText}.code-field-control:has(input:focus) .code-field-cell[data-active=true]{outline:2px solid Highlight}}.auth-page{background:var(--color-canvas);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;min-height:100dvh}.auth-main{padding:35px 54px 25px;min-height:0}.auth-top{padding:0;flex-wrap:wrap;gap:var(--space-4)}.auth-form{max-width:380px;padding:48px 0;margin:auto;width:100%;overflow-wrap:anywhere}.auth-form h1{font-size:var(--text-title);letter-spacing:-.01em;font-weight:var(--weight-title);line-height:1.15;margin-bottom:14px}.auth-form>.muted{font-size:var(--text-body);margin-bottom:28px}.auth-form>.error-box{margin-block-end:var(--space-4)}.auth-form .form .primary{min-height:48px}.auth-form .form{gap:19px}.auth-form .form-actions{position:static}.auth-other{margin:var(--space-6) 0 0;font-size:var(--text-body)}.auth-other a{color:var(--color-inline-link);text-decoration:underline;text-underline-offset:3px}.auth-renter-link{display:block;text-align:center;text-decoration:underline;text-underline-offset:3px;font-size:var(--text-body);margin-top:var(--space-1);min-height:44px;align-content:center}.auth-bottom{grid-column:1 / -1;padding:0 var(--space-8) max(var(--space-4),env(safe-area-inset-bottom));font-size:var(--text-secondary);flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--space-2) var(--space-4)}.auth-bottom>p{margin:0}.auth-bottom .legal-links{display:contents;font-size:var(--text-secondary)}.auth-bottom .legal-links a{min-height:var(--touch-target);padding-block:var(--space-3)}.auth-story{display:flex;align-items:center;justify-content:center;background:var(--color-brand-paper);border-radius:var(--radius-panel);margin:var(--space-4) var(--space-4) var(--space-4) 0;min-width:0;padding:var(--space-8)}.story-content{max-width:430px;width:100%;padding:0}.story-content>.eyebrow{color:var(--color-text-secondary);font-size:var(--text-secondary);margin-bottom:var(--space-5)}.story-content h2{font-size:var(--text-heading);font-weight:var(--weight-heading);letter-spacing:-.01em;line-height:1.15;color:var(--color-text)}.auth-use-cases{margin-top:var(--space-8);display:grid;gap:var(--space-6)}.auth-use-cases>div+div{border-top:1px solid var(--color-border);padding-top:var(--space-6)}.auth-use-cases h3{font-size:var(--text-heading);font-weight:var(--weight-heading);color:var(--color-text)}.auth-use-cases p{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.7;margin-top:var(--space-2)}.invitation-details{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media(max-width:600px){.auth-page .auth-main{display:flex;flex-direction:column;padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom))}.auth-page .auth-form{padding:var(--space-8) 0}.auth-page .auth-top{flex-wrap:wrap;gap:var(--space-2);min-height:44px}.auth-page .auth-form h1{font-size:var(--text-title);font-weight:var(--weight-title);letter-spacing:-.01em;line-height:1.2}.auth-page .auth-form>.muted{line-height:1.6;margin-bottom:var(--space-6)}.auth-page .auth-form .form{gap:var(--space-4)}.auth-page .auth-form .form-actions{margin-top:var(--space-2);padding-bottom:var(--space-2)}.auth-page .auth-form .form-actions>.primary{width:100%;min-height:48px}.auth-page .invitation-details{margin-top:var(--space-5)}}@media(max-width:1100px){.auth-main{padding:30px}.auth-story{padding:35px 30px}.story-content h2{font-size:var(--text-heading);letter-spacing:-.01em;font-weight:var(--weight-heading)}}@media(min-width:701px)and (max-width:850px){.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-form{padding:55px 0}}@media(max-width:700px){.auth-page{display:flex;flex-direction:column}.auth-main{min-height:0;flex:1;padding:25px 24px;display:flex;flex-direction:column}.auth-top{padding:0}.auth-form{padding:49px 0 38px;max-width:390px}.auth-form h1{font-size:var(--text-title);letter-spacing:-.01em;font-weight:var(--weight-title)}.auth-story{display:none}.auth-bottom{font-size:var(--text-secondary);margin-top:auto;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4);padding:0 var(--mobile-gutter) max(var(--space-4),env(safe-area-inset-bottom))}.auth-bottom .auth-brand-caption{display:none}.auth-form .form-actions{margin-top:4px}}@media(max-width:800px){.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-main{padding:24px}.auth-form{padding:44px 0}}.renter-invitation-page{display:flex;flex-direction:column}.renter-invitation-page .auth-main{max-width:760px;margin:0 auto;width:100%;flex:1}.renter-invitation-page .auth-form{display:grid;gap:var(--space-5)}@media(max-width:600px){.auth-page .mobile-sticky-actions{bottom:0}.auth-page .auth-main{padding:var(--space-6) var(--mobile-gutter);min-height:0}.auth-page .auth-form{margin:0 auto;padding:var(--space-8) 0}.auth-page .auth-form h1{font-size:var(--text-title);font-weight:var(--weight-title)}.auth-page .auth-bottom{margin-top:auto}}.auth-story{background:var(--color-brand-paper)}.auth-story .eyebrow{color:var(--color-accent)}.auth-welcome-illustration{display:block;width:min(100%,360px);height:auto;margin:var(--space-4) auto;object-fit:contain}