.scene-civic-canvas{position:absolute;inset:0}.scene-civic-canvas canvas{width:100%;height:100%;display:block}.login-character-stage{aspect-ratio:1.5;isolation:isolate;background:0 0;width:100%;min-height:0;position:relative;overflow:hidden}@media (max-width:767px){.login-character-stage{height:clamp(205px,58vw,290px);min-height:0}}@media (prefers-reduced-transparency:reduce){.login-character-stage{background:var(--ptbi-surface-container-low)}}
.login-experience{z-index:1;min-height:calc(100svh - 3.5rem);padding:clamp(1.25rem,4vw,4rem);padding-bottom:max(1.5rem, env(safe-area-inset-bottom));background:var(--ptbi-surface);flex:1;align-items:center;display:flex;position:relative}.login-layout{z-index:2;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:100%;max-width:1140px;margin-inline:auto;display:grid;position:relative}.login-story{min-width:0}.login-story-heading{padding-inline:1.5rem}.login-wordmark{font:700 .85rem var(--font-sans);letter-spacing:.14em;color:var(--ptbi-secondary);align-items:center;gap:.5rem;display:inline-flex}.login-wordmark>span{background:var(--ptbi-secondary);width:1.8rem;height:2px}.login-form-panel{border-inline-start:1px solid var(--ptbi-outline-variant);min-width:0;padding-block:1rem;padding-inline-start:clamp(2rem,4vw,3.25rem)}.login-form-heading{align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.login-form-title{font:650 clamp(1.6rem, 2.2vw, 1.9rem)/1.2 var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere}.login-heading-rule{background:var(--ptbi-outline-variant);flex:1;min-width:1rem;height:1px}.login-fields{flex-direction:column;gap:1.3rem;display:flex}.login-fields input:not([type=checkbox]){background:var(--ptbi-surface-container-lowest);border-radius:9px;height:3.15rem;font-size:1rem}.login-fields input:not([type=checkbox]):focus{border-color:var(--ptbi-secondary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ptbi-secondary) 13%, transparent)}.login-form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;display:flex}.login-submit{min-height:3.15rem;box-shadow:none!important;border-radius:9px!important}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-mode-switch{border-top:1px solid var(--ptbi-outline-variant);text-align:center;margin-top:1.25rem;padding-top:1rem}.login-form-panel :focus-visible,.auth-recovery :focus-visible{outline-offset:3px}.auth-recovery{width:min(100% - 2.5rem,440px);color:var(--ptbi-on-surface);margin:clamp(2rem,8vh,6rem) auto}.auth-recovery h1{font:650 1.9rem/1.2 var(--font-display);letter-spacing:-.025em;color:var(--ptbi-primary);margin:1.5rem 0 .75rem}.auth-recovery-header{border-bottom:1px solid var(--ptbi-outline-variant);margin-bottom:1.5rem;padding-bottom:1.5rem}.auth-recovery p{color:var(--ptbi-on-surface-variant);font-size:.9rem;line-height:1.6}.auth-recovery-status{border-radius:9px;margin-block:1rem;padding:1rem;font-size:.9rem;line-height:1.55}.auth-recovery-footer{justify-content:center;margin-top:1.5rem;display:flex}.auth-recovery a{min-height:44px;color:var(--ptbi-secondary);align-items:center;font-size:.9rem;font-weight:600;display:inline-flex}@media (max-width:900px) and (min-width:768px){.login-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}.login-form-panel{padding-inline-start:1.5rem}}@media (max-width:767px){.login-experience{align-items:flex-start;padding:1.5rem 1.25rem 2rem}.login-layout{grid-template-columns:minmax(0,1fr);gap:2rem;max-width:520px}.login-story-heading{padding-inline:0}.login-form-panel{border:0;padding:0}.login-form-heading{margin-bottom:1.25rem}.login-fields{gap:1.1rem}}@media (prefers-reduced-motion:reduce){.login-submit:active:not(:disabled){transform:none}}.login-context{border-top:1px solid var(--ptbi-outline-variant);max-width:43ch;color:var(--ptbi-on-surface-variant);text-wrap:pretty;margin:.25rem 1.5rem 0;padding-top:1.2rem;font-size:.94rem;line-height:1.6}@media (max-width:767px){.login-context{margin-inline:0;padding-top:.9rem;font-size:.875rem}}body:has(.login-experience):after{display:none}.login-cursor{z-index:50;color:#000;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:26px;height:31px;position:fixed;top:0;left:0}.login-cursor[hidden]{display:none}.login-cursor svg{display:block}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none){.login-experience[data-login-cursor-active=true],.login-experience[data-login-cursor-active=true] *{cursor:none!important}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce),(forced-colors:active){.login-cursor{display:none}}