.auth-page{--auth-amber:#f2b84b;--auth-fan:16px;--auth-fold:30px;--auth-width:calc(27rem + 2 * var(--auth-fan));min-height:100dvh;padding:clamp(5rem, 13vh, 9rem) var(--gutter) 3rem;flex-direction:column;align-items:center;display:flex;position:relative}.auth-prefs{top:16px;position:absolute;inset-inline-end:var(--gutter)}.auth-brand,.auth-sheet{width:100%;max-width:var(--auth-width);padding-inline-start:calc(2 * var(--auth-fan))}.auth-brand{align-items:center;gap:1rem;margin-bottom:2.25rem;display:flex}.auth-brand-name{font-family:var(--font-head);letter-spacing:.04em;margin:0;font-size:clamp(1.7rem,5vw,2.25rem);font-weight:700;line-height:1.05}.auth-brand-line{color:var(--muted);letter-spacing:.02em;text-wrap:balance;margin:.3rem 0 0;font-weight:500;line-height:1.35}.auth-sheet{position:relative}.auth-sheet:before,.auth-sheet:after{content:"";border-radius:10px;width:5rem;position:absolute;inset-inline-start:0}.auth-sheet:before{background:color-mix(in srgb, var(--action) 30%, var(--paper));top:16%;bottom:16%}.auth-sheet:after{inset-inline-start:var(--auth-fan);background:color-mix(in srgb, var(--action) 62%, var(--paper));box-shadow:0 0 0 3px var(--paper);top:8%;bottom:8%}.auth-card{z-index:1;background:var(--surface);border:1px solid var(--rule);clip-path:polygon(0 0, calc(100% - var(--auth-fold)) 0, 100% var(--auth-fold), 100% 100%, 0 100%);border-radius:10px;padding:clamp(1.5rem,5vw,2.25rem) clamp(1.25rem,5vw,2.25rem) clamp(1.5rem,5vw,2rem);position:relative}.auth-card:after{content:"";top:-1px;width:var(--auth-fold);height:var(--auth-fold);background:var(--auth-amber);clip-path:polygon(0 0,0 100%,100% 100%);border-end-start-radius:5px;position:absolute;inset-inline-end:-1px}[dir=rtl] .auth-card{clip-path:polygon(0 var(--auth-fold), var(--auth-fold) 0, 100% 0, 100% 100%, 0 100%)}[dir=rtl] .auth-card:after{clip-path:polygon(100% 0,100% 100%,0 100%)}.auth-card h1{margin:0 0 .6rem;padding-inline-end:var(--auth-fold);font-size:1.85rem}.auth-card .note{margin:0 0 1.25rem}.auth-card .form{margin-top:1.25rem}.auth-card .form-actions{gap:.75rem 1.25rem;margin-top:1.5rem}.auth-card .auth-foot{border-top:1px solid var(--rule);margin:1.75rem 0 0;padding-top:1rem}@keyframes auth-fan-out{0%{transform:translateX(var(--auth-from))}}@media (prefers-reduced-motion:no-preference){.auth-sheet:before,.auth-sheet:after{animation:.7s cubic-bezier(.2,.7,.2,1) .15s backwards auth-fan-out}.auth-sheet:before{--auth-from:calc(2 * var(--auth-fan))}.auth-sheet:after{--auth-from:var(--auth-fan)}[dir=rtl] .auth-sheet:before{--auth-from:calc(-2 * var(--auth-fan))}[dir=rtl] .auth-sheet:after{--auth-from:calc(-1 * var(--auth-fan))}}@media (width<=560px){.auth-page{--auth-fan:9px;--auth-fold:22px;padding-top:4.5rem}.auth-prefs{top:12px}.auth-brand{gap:.75rem;margin-bottom:1.5rem}.auth-brand .logo{width:44px;height:44px}.auth-brand-line{font-size:.9rem}.auth-card h1{font-size:1.6rem}}