body:has(.auth-main){background:var(--color-canvas);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.auth-header,.auth-footer{place-items:center;padding-inline:1.5rem;display:grid}.auth-header{min-height:5.5rem}.auth-brand{color:var(--color-text-primary);font-family:var(--text-heading);letter-spacing:-.04375rem;align-items:center;font-size:1.3125rem;font-weight:700;text-decoration:none;display:flex}.auth-brand>span:last-child{color:var(--color-primary-default)}.auth-brand-mark{border-radius:var(--radius-medium);background:var(--color-primary-default);width:2rem;height:2rem;color:var(--color-on-primary);transition:background-color var(--transition-fast) var(--ease-standard), transform var(--transition-fast) var(--ease-standard);place-items:center;margin-right:.5625rem;display:grid}.auth-brand-mark svg{width:1.5rem;height:1.5rem}.auth-brand:hover .auth-brand-mark{background:var(--color-primary-hover)}.auth-brand:active .auth-brand-mark{background:var(--color-primary-active);transform:translateY(1px)}.auth-brand:focus-visible,.auth-switch a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.auth-main{place-items:center;width:100%;padding:2rem 1.5rem 4rem;display:grid}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-panel);width:min(100%,25rem);box-shadow:var(--shadow-raised);gap:2rem;padding:2rem;display:grid}.auth-intro{text-align:center;gap:.5rem;display:grid}.auth-intro h1,.auth-intro p,.auth-switch,.auth-footer p{margin:0}.auth-intro h1{color:var(--color-text-primary);font-family:var(--text-heading);font-size:var(--type-h2-size);letter-spacing:-.02em;font-weight:600;line-height:var(--type-h2-line)}.auth-intro p{color:var(--color-text-secondary);font-size:var(--type-small-size);line-height:var(--type-small-line)}.auth-form{gap:1.25rem;display:grid}.auth-form .button{width:100%}.auth-switch{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--type-small-size);line-height:var(--type-small-line);text-align:center;padding-top:1.25rem}.auth-switch a{color:var(--color-primary-default);font-family:var(--text-heading);transition:color var(--transition-fast) var(--ease-standard);font-weight:600;text-decoration:none}.auth-switch a:hover{color:var(--color-primary-hover);text-underline-offset:.2em;text-decoration:underline}.auth-switch a:active{color:var(--color-primary-active)}.auth-footer{min-height:4.5rem;color:var(--color-text-muted);text-align:center;font-size:.75rem;line-height:1.25rem}@media (width<=30rem){.auth-header{min-height:4.75rem}.auth-main{align-items:start;padding:1rem 1rem 2rem}.auth-card{gap:1.5rem;padding:1.5rem}}@media (prefers-reduced-motion:reduce){body:has(.auth-main) *{transition:none}body:has(.auth-main) :before{transition:none}body:has(.auth-main) :after{transition:none}}