.auth-shell{flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.auth-frame{flex:1;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:48px 16px;display:flex;position:relative}@media (width>=640px){.auth-frame{border-inline:1px solid var(--frame-line);width:calc(100% - 24px);padding-inline:24px}}@media (width>=1024px){.auth-frame{padding-inline:32px}}.auth-grid{pointer-events:none;background-image:var(--grid-image);position:absolute;inset:0}.auth-col{flex-direction:column;gap:24px;width:100%;max-width:384px;display:flex;position:relative}.auth-head{text-align:center;flex-direction:column;gap:8px;display:flex}.auth-brand{top:16px;z-index:10;border-radius:var(--r-small);height:32px;color:var(--text);align-items:center;padding-inline:4px;display:inline-flex;position:absolute;inset-inline-start:16px}.auth-brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-title{letter-spacing:-.04em;color:var(--text-strong);margin:0;font-size:24px;font-weight:500;line-height:1}.auth-sub{color:var(--muted);margin:0;font-size:14px;line-height:20px}.auth-legal{text-align:center;color:var(--muted);margin:0;padding:0 32px;font-size:14px;line-height:20px}.auth-legal a{color:inherit;text-underline-offset:4px;text-decoration:underline}.auth-legal a:hover{color:var(--text)}