.auth-page{--auth-gutter:1rem;--auth-gap:1.5rem;background:var(--color-canvas);min-height:100dvh;margin:0}@media (width>=48rem){.auth-page{--auth-gutter:2rem}}.auth-shell{box-sizing:border-box;column-gap:var(--auth-gap);max-width:calc(77.5rem + 2 * var(--auth-gutter));min-height:100dvh;padding:1.5rem max(var(--auth-gutter), env(safe-area-inset-right,0px)) 3rem max(var(--auth-gutter), env(safe-area-inset-left,0px));grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:2.5rem;margin:0 auto;display:grid;position:relative}.auth-shell:before{content:"";inset:0 max(var(--auth-gutter), env(safe-area-inset-right,0px)) 0 max(var(--auth-gutter), env(safe-area-inset-left,0px));z-index:-1;background-image:linear-gradient(to right, var(--color-line) 1px, transparent 1px);background-size:calc((100% + var(--auth-gap)) / 12) 100%;pointer-events:none;position:absolute}@media (width<=47.99rem){.auth-shell:before{background-size:calc((100% + var(--auth-gap)) / 4) 100%}}.auth-shell>*{grid-column:1/-1;min-width:0}.auth-brand{font-family:var(--font-display);letter-spacing:-.04em;align-self:start;align-items:center;gap:.625rem;margin:0;font-size:1.1875rem;font-weight:800;display:flex}.auth-card{align-content:start;gap:1.25rem;padding-block:1rem 2rem;display:grid}@media (width>=48rem){.auth-card{grid-column:1/8}}.auth-card h1{font-size:clamp(2.25rem,1.6rem + 2vw,3rem);line-height:1}.auth-lead{max-width:34ch;font-size:var(--text-lg);color:var(--color-muted);margin:-.5rem 0 .5rem}.auth-form{gap:1.125rem;display:grid}.auth-form .field-input{min-height:3rem}.auth-submit{width:100%;min-height:3rem;font-size:var(--text-base);margin-top:.5rem}.auth-hint{font-size:var(--text-md);color:var(--color-muted);margin:0}.auth-motto{display:none}@media (width>=64rem){.auth-shell{grid-template-rows:auto 1fr}.auth-card{grid-area:2/1/auto/6;align-content:center}.auth-motto{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-wrap:balance;grid-area:2/7/auto/-1;align-self:center;margin:0;font-size:clamp(2.5rem,.75rem + 3vw,3.75rem);font-weight:800;line-height:1;display:block}}.auth-seamed{white-space:nowrap;color:var(--color-accent-text);margin-top:1.75rem;display:inline-block;position:relative}.auth-seam{border:1px solid var(--color-seam);position:absolute;inset:.125em -.25em -.125em}.auth-seam:before{content:"";background:linear-gradient(var(--color-seam), var(--color-seam)) 0 0 / 7px 7px, linear-gradient(var(--color-seam), var(--color-seam)) 100% 0 / 7px 7px, linear-gradient(var(--color-seam), var(--color-seam)) 0 100% / 7px 7px, linear-gradient(var(--color-seam), var(--color-seam)) 100% 100% / 7px 7px;background-repeat:no-repeat;position:absolute;inset:-4px}.auth-seam-tag{background:var(--color-seam);color:var(--color-on-accent);font-family:var(--font-mono);letter-spacing:.02em;padding:.25rem .5rem .1875rem;font-size:.75rem;font-weight:500;line-height:1.2;position:absolute;bottom:100%;left:-1px}