.auth-box{isolation:isolate;width:min(63rem,100% - 2rem);color:var(--cream);overflow-wrap:anywhere;background:#fdf2f738;border-radius:1.25rem;margin:clamp(1.5rem,3vw,2.5rem) auto;padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}@media (min-width:1101px){.auth-box{font-size:1.375rem}.auth-security{width:min(96rem,100% - 2rem)}.auth-security-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.auth-castle{z-index:0;opacity:.18;pointer-events:none;width:min(90%,58rem);height:auto;position:absolute;top:1rem;bottom:auto;right:1.5rem}.auth-box>:not(.auth-castle){z-index:1;position:relative}.auth-box h1{font-family:var(--display);letter-spacing:-.025em;max-width:42rem;margin-bottom:.75rem;font-size:clamp(2.25rem,3vw,3.5rem);font-weight:400;line-height:.98}.auth-box h2{font-family:var(--display);margin-block:0 .5rem;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:400;line-height:1}.auth-box fieldset{border:0;gap:.625rem;min-width:0;padding:0;display:grid}.auth-box p{max-width:44rem;margin-block:.5rem}.auth-field{gap:.25rem;max-width:42rem;display:grid}.auth-field>span{align-items:center;gap:.5rem;display:flex}.auth-field>span>button{background:var(--cream);width:3.5rem;min-height:3.25rem;color:var(--pink);border-radius:.75rem;flex-shrink:0;padding:.3rem}.auth-field>span>button svg{aspect-ratio:4/3;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;width:min(2.15rem,100%);height:auto;margin:auto;display:block}.auth-field>span>button svg circle{fill:currentColor}.auth-box input:not([type=checkbox]){background:var(--cream);width:100%;min-width:0;min-height:3.25rem;color:var(--ink);border:0;border-radius:.75rem;padding:.45rem .7rem}.auth-box input[type=checkbox]{vertical-align:-.22em;width:1.4rem;height:1.4rem;accent-color:var(--cream);margin:0 .45rem 0 0}.auth-box button{min-height:3.25rem;color:var(--cream);cursor:pointer;background:#f787bd;border:2px solid #0000;border-radius:.75rem;padding:.55rem .8rem}.auth-box fieldset>button[type=submit]{width:min(100%,42rem)}.auth-box button:disabled{opacity:.6;cursor:wait}.auth-box nav{flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem;display:flex}.auth-box a{text-underline-offset:.18em;text-decoration:underline}.auth-box ul{padding-left:1.25rem}.auth-box li{margin-block:.5rem}.auth-box .auth-rules{grid-template-columns:minmax(0,1fr);gap:.125rem 1rem;max-width:42rem;margin:0;padding:0;font-size:.9em;list-style:none;display:grid}.auth-box .auth-rules li{opacity:.7;align-items:baseline;gap:.45em;margin:0;display:flex}.auth-box .auth-rules li:before{content:"";box-sizing:border-box;border:.12em solid;border-radius:50%;flex:none;width:.7em;height:.7em;translate:0 .05em}.auth-box .auth-rules li[data-met=true]{opacity:1}.auth-box .auth-rules li[data-met=true]:before{content:"✓";border:0;height:auto;font-weight:700;translate:none}.auth-box .auth-rules li>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:701px){.auth-box .auth-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}.auth-box code{white-space:pre-wrap;-webkit-user-select:all;user-select:all;max-width:100%;display:block}.auth-box .auth-qr{width:14rem;max-width:100%;height:auto}.auth-box .auth-actions{flex-wrap:wrap;gap:.5rem;display:flex}.auth-box hr{margin-block:.75rem}.auth-box fieldset>p,.auth-box p[role=status]:empty{margin:0}.auth-security{width:min(63rem,100% - 2rem)}.auth-security-intro{flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;display:flex}.auth-security-intro p{margin:0}.auth-security-grid{grid-template-columns:1fr;gap:2rem;margin-top:.75rem;display:grid}.auth-security-section{min-width:0}.auth-security-stack{align-content:start;gap:1.25rem;display:grid}.auth-security .auth-field,.auth-security fieldset>button[type=submit]{max-width:none}.auth-security ul{margin-block:.5rem}@media (max-width:700px){.auth-box{border-radius:1rem;width:calc(100% - 1.25rem);margin-block:1.5rem 2.5rem}.auth-castle{opacity:.14}.auth-box h1{font-size:clamp(2rem,11vw,2.75rem)}.auth-box nav{gap:.65rem 1rem}}@media (max-width:1100px){.auth-box{font-size:1rem}.auth-box input:not([type=checkbox]),.auth-box button,.auth-field>span>button{min-height:2.75rem}.auth-field>span>button{width:2.75rem}}.auth-box.auth-console{background:0 0;border-radius:0;width:auto;margin:0;padding:0;overflow:visible}.auth-box .auth-console-title{margin-bottom:.75rem}@media (min-width:1101px){.auth-box.auth-console{font-size:1.125rem}.auth-console .auth-security-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.auth-box .auth-realm-toggle{width:1.375em;height:1.375em;min-height:0;color:var(--cream);background:0 0;border:0;border-radius:.4rem;flex:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex;position:relative}.auth-box .auth-realm-toggle[aria-pressed=true]{background:#fdf2f738}.auth-box .auth-realm-toggle:after{content:"";position:absolute;inset:-.7rem}.auth-box .auth-realm-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.auth-box .auth-realm-toggle:hover{opacity:.8}.auth-box .auth-realm-toggle:focus-visible{box-shadow:0 0 0 .1875rem var(--cream);outline:none}@media (min-width:1101px){.auth-box:where(:not(.auth-console)){border-radius:1.75rem}.auth-box:where(:not(.auth-console)) input:not([type=checkbox]),.auth-box:where(:not(.auth-console)) button:where(:not(.auth-realm-toggle)),.auth-box:where(:not(.auth-console)) .auth-field>span>button{border-radius:1.0625rem}}.auth-invite-details{gap:.25rem;max-width:42rem;margin:.5rem 0 .75rem;display:grid}.auth-invite-details>div{gap:.125rem;display:grid}.auth-invite-details dt{opacity:.85;font-size:.875em}.auth-invite-details dd{overflow-wrap:anywhere;margin:0;font-weight:700}