.auth-frame{display:grid;place-items:center;min-block-size:100dvh;padding:var(--space-6);background:var(--color-bg)}.auth-panel{inline-size:min(100%,32rem);padding:var(--space-8);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-subtle);box-shadow:var(--shadow-md)}.auth-panel__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.auth-brand{display:flex;align-items:center;gap:var(--space-3);color:var(--color-fg);text-decoration:none}.auth-brand__name{display:grid;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.auth-brand__name span{font-family:var(--font-arabic-sans),Tahoma,Arial,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:normal;color:var(--color-fg-muted)}.auth-brand__purpose{margin-block:var(--space-6) var(--space-8);color:var(--color-fg-muted)}.auth-panel main{margin:0;padding:0}.auth-panel main h1{-webkit-margin-before:0;margin-block-start:0;font-size:var(--font-size-xl)}@media (max-width:30rem){.auth-frame{padding:var(--space-4)}.auth-panel{padding:var(--space-5)}}