.auth-page,.auth-header{--auth-gut:clamp(24px, 5.56vw, 80px)}.auth-page{background:var(--color-surface);min-height:100svh}.auth-wrap{width:calc(100% - 2 * var(--auth-gut));max-width:1280px;margin-inline:auto}.auth-header{z-index:2;height:88px;position:absolute;inset:0 0 auto}.auth-header>.auth-wrap{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.auth-brand{align-items:center;min-height:44px;padding:4px 12px;font-size:21px;display:inline-flex}.auth-home,.auth-link,.auth-text-button{min-height:44px;color:var(--color-ink);cursor:pointer;background:0 0;align-items:center;gap:12px;font-size:14px;display:inline-flex}.auth-home{text-decoration:none}.auth-home:hover,.auth-link:hover,.auth-text-button:hover{text-decoration:underline}.auth-link,.auth-text-button{text-decoration:underline;-webkit-text-decoration-color:var(--color-control);text-decoration-color:var(--color-control)}.auth-link:hover,.auth-text-button:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.auth-skip{z-index:10;top:16px;left:var(--auth-gut);background:var(--color-surface);color:var(--color-ink);padding:12px 16px;position:fixed;transform:translateY(-200%)}.auth-skip:focus{transform:translateY(0)}.auth-hero{isolation:isolate;min-height:100svh;padding:152px 0 64px;position:relative}.auth-hero:before{content:"";z-index:-1;background:var(--color-board);position:absolute;inset:0 50% 0 0}.auth-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:24px;display:grid}.auth-form-panel{grid-area:1/8/auto/-1;width:100%}.auth-form-panel h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,2.1vw,30px);font-weight:500;line-height:1.4}.auth-intro{color:var(--color-muted);margin-top:16px;font-size:16px;line-height:1.75}.auth-form{margin-top:32px}.auth-field+.auth-field{margin-top:24px}.auth-field label{margin-bottom:8px;font-size:14px;font-weight:500;line-height:1.5;display:block}.auth-field input{background:var(--color-surface);border:1px solid var(--color-control);border-radius:var(--radius-control);width:100%;min-width:0;height:52px;font:inherit;color:var(--color-ink);padding:0 16px;font-size:16px;display:block}.auth-field input[aria-invalid=true]{border:2px solid var(--color-ink);padding-inline:15px}.auth-field input:read-only{color:var(--color-muted)}.auth-field-error{color:var(--color-ink);margin-top:8px;font-size:14px;line-height:1.65}.auth-password{position:relative}.auth-password input{padding-right:60px}.auth-password input[aria-invalid=true]{padding-right:59px}.auth-visibility{width:44px;height:44px;color:var(--color-muted);cursor:pointer;border-radius:4px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.auth-visibility:hover{color:var(--color-ink);background:var(--color-raised)}.auth-submit{background:var(--color-action);width:100%;min-height:52px;color:var(--color-surface);border-radius:var(--radius-control);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:12px 16px;font-size:16px;font-weight:500;transition:background-color .15s,transform .15s cubic-bezier(.2,.8,.2,1);display:flex}.auth-submit:hover:not(:disabled){background:var(--color-action-hover);transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:translateY(1px)scale(.985)}.auth-submit:disabled,.auth-text-button:disabled,.auth-visibility:disabled{cursor:wait}.auth-submit:disabled{background:var(--color-action-hover)}.auth-status{overflow-wrap:anywhere;margin-top:12px;font-size:14px;line-height:1.65}.auth-status:empty{margin:0}.auth-status:focus{outline-offset:4px}.auth-text-button{margin-top:12px}.auth-guest{border-top:1px solid var(--color-border);margin-top:32px;padding-top:24px}.auth-guest p{color:var(--color-muted);font-size:14px;line-height:1.6}.auth-link{margin-top:4px}.auth-visual{grid-area:1/1/auto/7;min-width:0;padding-right:32px}.auth-statement{letter-spacing:-.035em;font-size:clamp(30px,3.15vw,44px);font-weight:500;line-height:1.5}.auth-key{aspect-ratio:1.2;width:100%;margin-top:32px;position:relative}.auth-key-art{pointer-events:none;position:absolute;inset:0}.auth-key-still,.auth-key-canvas{width:100%;height:100%;position:absolute;inset:0}.auth-key-still{object-fit:contain;display:block}.auth-key-canvas canvas{width:100%;height:100%;display:block}.auth-key[data-ready=true] .auth-key-still{visibility:hidden}.auth-key-control{width:100%;height:100%;color:var(--color-board-muted);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.auth-key-grip{border-radius:var(--radius-control);place-items:center;width:44px;height:44px;transition:background-color .15s,color .15s;display:grid;position:absolute;bottom:8px;right:8px}.auth-key-grip svg{width:20px;height:20px}.auth-key-control:hover .auth-key-grip,.auth-key-control:focus-visible .auth-key-grip,.auth-key-control[aria-pressed=true] .auth-key-grip{color:var(--color-ink);background:var(--color-surface)}.auth-account-switch{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:12px;font-size:14px;display:flex}.auth-account-switch .auth-link{margin:0}.auth-submit[href]{justify-content:center;text-decoration:none}.auth-field-hint{color:var(--color-muted);margin-top:6px;font-size:13px;line-height:1.5}.auth-field .ui-select{min-height:52px;padding:0 12px}.auth-field .ui-select[aria-invalid=true]{padding-inline:11px}.auth-compact .auth-hero{padding-top:104px;padding-bottom:24px}.auth-compact .auth-grid{row-gap:32px}.auth-compact .auth-form{margin-top:24px}.auth-compact .auth-field+.auth-field{margin-top:16px}.auth-compact .auth-submit{margin-top:24px}@media (prefers-reduced-motion:no-preference){.auth-form-panel{animation:.6s cubic-bezier(.22,1,.36,1) both auth-enter}@keyframes auth-enter{0%{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:1099px){.auth-hero{padding-bottom:48px}.auth-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-form-panel{grid-column:2}.auth-visual{grid-column:1;padding-right:8px}}@media (max-width:899px){.auth-hero{padding-top:120px;padding-bottom:48px}.auth-hero:before{display:none}.auth-grid{flex-direction:column;align-items:center;gap:48px;display:flex}.auth-form-panel{width:min(100%,440px);padding:0}.auth-visual{background:var(--color-board);width:100%;max-width:440px;padding:24px}.auth-statement{display:none}.auth-key{aspect-ratio:2.2;margin-top:0}}@media (max-width:639px){.auth-header{height:80px}.auth-home{gap:8px;font-size:13px}.auth-form-panel h1{font-size:26px}.auth-hero{padding-top:112px;padding-bottom:32px}.auth-compact .auth-hero{padding-top:112px}.auth-visual{display:none}.auth-intro{font-size:15px}.auth-form,.auth-submit{margin-top:24px}.auth-guest{margin-top:24px;padding-top:16px}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important;animation:none!important}.auth-submit:hover:not(:disabled),.auth-submit:active:not(:disabled){transform:none}}