@layer components {
  .shell--authentication {
    max-width: 720px;
  }

  .authentication-panel {
    padding: var(--space-9) 0;
  }

  .authentication-panel__eyebrow {
    font-family: var(--font-mono);
    font-size: var(--font-size-xs);
    margin: 0 0 8px;
    text-transform: uppercase;
  }

  .authentication-panel h1 {
    font-size: clamp(48px, 10vw, 96px);
    font-weight: 400;
    letter-spacing: -0.06em;
    line-height: 0.9;
    margin: 0 0 var(--space-7);
  }

  .authentication-form {
    display: grid;
    gap: 20px;
    max-width: 480px;
  }
}